/*
Original design: Basic Presentation (Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/basic-presentation/
*/

body {background:#eee url(images/bg.jpg) top center; background-repeat:repeat-x; font:90% Georgia,Times New Roman,serif; color:#555; line-height:1.6em;}

a:hover {color:#ef459d;}
h1 {font-size:2.8em; margin:0; padding:10px 0 0;}
h2,h3 {font-size:2.0em; margin:0 0 10px; padding:0 0 2px 0; font-weight:400; border-bottom:1px dotted #ccc;}
h3 {font-size:1.6em;}
p,ul,ol {margin:0 0 20px 0; padding:0; color:#777;}

#wrap {background:none; margin:0 auto; width:96%; overflow-x:hidden;}

#header {height:40px; margin-bottom:52px;}
#header h1, #header h1 a {color:#27a2dd; line-height:1em; font-weight:400;}
#header p {margin:-30px 0 0; padding:0; color:#888; font-size:1.4em; text-align:right;}

#sidebar {position:fixed; float:left; margin:0; padding:0; width:20%; overflow-y:auto; max-height:70%; }
#sidebar h2 {font-size:1.2em; color:#777; margin:0 0 5px 0; }
#sidebar p {font-size:0.9em; color:#777;}
#sidebar ul {list-style:square;}

ul.navmenu {padding:0; margin:0 0 20px 0;}
ul.navmenu li a {color:#338; display:block; padding:0px 10px 0px 0px; font-size:1.2em; text-decoration:none;}
ul.navmenu li a:hover {color:#ef459d;}
ul.navmenu li a.current {color:#ef459d;}
ul.navmenu ul {margin:0 0 0 20px;}
ul.navmenu ul li a {padding:0px 0 0px 0; font-size:1em;}

#main {float:right;width:75%; margin:0 0 20px 0;}
#main a {padding-bottom:1px; border-bottom:1px dotted #ccc;}
#main a:hover, #footer a:hover {border-color:#ccc;}
#main img.headerimage {margin-bottom:20px;}

#quarters {clear:both; margin:0 0 20px 0;}
#quarters h2 {font-size:1.4em; color:#27a2dd; margin:0 0 10px 0;}
#quarters p {font-size:0.9em; color:#666; margin:0 0 15px 0;}
.q1,.q2,.q3,.q4 {width:22%; margin:0 3% 0 0; float:left;}
.q4 {margin:0;}

#footer {clear:both; padding-top:15px; padding-bottom:768px;}
#footer p {color:#999; margin:0; padding:10px 0 5px; border-top:1px dotted #ccc;}
#footer a {color:#777; padding-bottom:1px; border-bottom:1px dotted #ccc;}
#footer a:hover {color:#444;}

#main img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#main img.alignright {float:right; margin:5px 0 5px 15px;}
#main img.aligncenter {display:block; margin:10px auto;}