/* 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:normal; 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 */
#globalnav {padding: 7px 0}
#globalnav li{display: inline}
/* style for the global nav */

#nav {width: 150px; float: left; background: #e5e5e5; margin: 0 10px 0 0; padding: 0 10px}
/* this is the nav colum */
#main {width: 590px; float: left}
/* this is the main column */
#footer {color: #527279; padding: 10px 0; clear: both}
/* footer (i know thats obvious)  */
#footer li{display: inline; padding: 0 7px 0 0}

/* 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  */


/* style */
dl.gallery {background-color: #fff; padding: 7px 0 0 0; float: left; margin: 0 7px 0 0}
.gallery dt img {width: 189px; height: 126px; padding: 0 0 7px 0;}
.gallery dd {margin: 0; padding: 7px; border: 1px solid #B5B5B5; width: 173px; font-weight: normal;  text-align: left}


/* main navigation */

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

/* style */

/* generic classes */
.clr {clear:both}
.fr {float: right}
.fl {float:left}