/* CSS Document */

/* Main Style Changes */
body{background: fixed url(../images/background.gif) repeat-x #f2f0f1;color:#000;font:100% Verdana,Arial,Helvetica,sans-serif;height:100%;margin:20px 0 0 0;padding:0}
a:link,a:visited{color:#000066; font-weight:plain; text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
form{margin:0;padding:0}
ul {margin: 0; padding: 0; list-style:none}
h1 {color: #000; font-size: 1.8em;}
h2 {font-size: 1.3em; margin: 0; color: #800000;}
h3 {font-size: 1.0em; margin: 0; border: 1px solid #B5B5B5; padding: 7px}

/* Layout */
#mainbox {width: 790px; margin:auto; font-size: .70em} 
/* this sets the main box that holds everything and centers the design - you cant actually see it but its there or the design would not be fixed and centred */
#content {background: #fff; width: 770px; padding: 10px} 
/* this sets the white bax with the 10 pixel pad around the edges of it - the one that hold all the content but the footer. It is 770 pixels wide because it has 10 pixels either side so 770 + 10 + 10 = 790 which is the width of mainbox that we want */
#footer {color: #527279; padding: 10px 0; clear: both}
/* footer (i know thats obvious)  */
#footer li{display: inline; padding: 0 7px 0 0}

#globalnav {padding: 7px 0}
#globalnav li{display: inline}
/* jaynes stuff */
#navcontainer ul{padding-left: 0; margin-left: 0; background-color: #A49793; color: White; font-weight: bold; float: left; width: 100%}
#navcontainer ul li {display: inline;}
#navcontainer ul li a {padding: 0.2em 1em; background-color: #A49793; color: White; text-decoration: none; float: left; border-right: 7px solid #fff}
#navcontainer ul li a:hover {background-color: #7A6F6C; color: #fff;}
#navcontainer ul li a.navon{background-color: #7A6F6C;}
/* this is the top navigation layout  */

/* all the coloumn divs */

div#maincol {float: left}
div#main {width: 400px; margin: 0 170px; padding: 0 10px}
div#col2 {float:left;width:150px;margin-left:-770px; padding: 0 10px;background-color: #E5E5E5}
div#col3 {float:left;width:150px;margin-left:-170px; padding: 0 10px}

/* main left navigation */
#col2 dl {padding: 10px 0 0 0}
#col2 dt {margin: 5px 0; font-weight: bold}
#col2 dd {margin: 0; padding: 3px 0 3px 13px; background:url(../Images/arrow.gif) no-repeat 0 7px}
#col2 dd a:hover{color: #000066; text-decoration:underline;}
#col2 dd a.navon{color: #000066; font-weight: bold;}
#col2 dd li {margin: 0; padding: 4px 0 4px 13px; background:url(../Images/line.gif) no-repeat 0 7px}
#col2 dd li a {color: #000066;}

/* style right navigation */
#col3 ul {border: 1px solid #B5B5B5;  width: 148px;}
#col3 li {padding: 7px;}
#col2 li a:hover{text-decoration:underline;}
#col3 li a.navon {font-weight: bold;}

/* other common content elements can follow here */
.clr {clear:both}
.fr {float: right}
.fl {float:left}