/*
Original design: Learn CSS (step 1 - Sep 12, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/learn-css/
and
http://andreasviklund.com/learn/tutorial-building-your-first-website-using-a-free-website-template-part-1/
*/

body {background:#111 url(bg.jpg) top center fixed; font:83% tahoma,verdana,sans-serif; color:#eee; line-height:1.7em;}
a {color:#dcb975; text-decoration:none;}
a:hover {color:#fff;}
h1 {font-size:2.6em; margin:10; padding:100px 0 0 20px;}
h2,h3 {font-size:1.8em; margin:0 0 10px; padding:0;}
h3 {font-size:1.4em;}
p,ul,ol {margin:0 0 20px 0; padding:0;}

#wrap {background:none; margin:20px auto; width:960px;}

#header {background-color:transparent; background-image: url(header.JPG); height:240px; margin-bottom:20px;}
#header h1, #header h1 a {color:#eee; line-height:1em;}
#header p {padding:0 0 0 40px; margin:0; font-size:1.6em;}

#hmenu ul {float:left; width:960px;}
#hmenu ul li {display:inline;}
#hmenu ul li a {color:#aaa; font-size:1.4em; float:left; padding:4px; margin:0 25px 0 0;}
#hmenu ul li a:hover {color:#eee;}
#hmenu ul li a.current {color:#dcb975;}

#sidebar {clear:both; float:left; margin:0; padding:0; width:180px;}
#sidebar h2 {font-size:1.2em; color:#ccc; margin:0 0 5px 0;}
#sidebar p {font-size:0.9em; color:#ccc;}
#sidebar ul {list-style:none;}

ul.vmenu {padding:0; margin:0 0 20px 0;}
ul.vmenu li a {color:#aaa; display:block; padding:5px 10px 5px 0; font-size:1.3em;}
ul.vmenu li a:hover {color:#eee;}
ul.vmenu li a.current {color:#dcb975;}
ul.vmenu ul {margin:0 0 0 20px;}
ul.vmenu ul li a {padding:2px 0 2px 0; font-size:1em;}

#main {float:right;width:760px; margin:0 0 20px 0;}
#main a {padding-bottom:1px; border-bottom:1px dotted #555;}
#main a:hover, #footer a:hover {border-color:#ccc;}

#quarters {clear:both; margin:0 0 20px 0;}
#quarters h2 {font-size:1.2em; color:#ccc; margin:5px 10px 10px 10px;}
#quarters p {font-size:0.9em; color:#ccc; margin:0 10px 5px 10px;}
.q1,.q2,.q3,.q4 {width:225px; margin:0 20px 0 0; background-color:#1a1a1a; float:left;}
.q4 {margin:0;}

#footer {clear:both;}
#footer p {color:#888; margin:0; padding:10px 0 5px; text-align:right;}
#footer a {color:#888; padding-bottom:1px; border-bottom:1px dotted #555;}
#footer a:hover {color:#ccc;}