/*typography*/
html, body{margin:0;padding:0}
body{ text-align: center; verdana}
p{margin-top:0}
h1, h2, h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 180%}
h2{font-size: 150%}
h5{font-size: 1.1em;font-family:arial;color: #000080}



/*layout*/
div#menu{float:left;width:70%;overflow:auto;background: #d6dee6;padding-top: 5px;margin-left:-3px}
div#container{float:left;width:60% !important; width /**/:460px !important;
    padding:5px;text-align:left;background:#778CCA; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0}
div#header {text-align:center;color:#fff;font-size:1.5em;font-weight:bold}
div#fixtcontainer{float:left;width:70%;background:#fff;padding:5px;margin-top:10px }
div#footcontainer {float:left;width:56%;margin: 5px 0 0 0;text-align: left;}
div#juniorcontainer {float:left;width:44%;margin: 10px 0 0 0;text-align: left;}

div#fheader{margin:0 0 5px;padding: 5px;background: #84B7FF;width:98%;}
div#fheader h1{margin:0 0px;padding:2px 5px 0 2px;background: #657DA6}
div#fheader a{margin-left: 10px}
div.innercenter{width:95%;padding:0px; background-color: #fffff0; color: #000;margin: 5px 0 5px 0;}
div#special{float:left;width:97%;padding:5px 5px 5px 5px;margin:25px 0 5px 0px;background: #F2F2F2;font-size: 90%;}

div#content{float:left;width:48.5%;padding:5px 0 5px 5px;margin:5px 0 5px 0px;background: #F2F2F2;font-size: 90%;}
div#content2{float:right;width:48.5%;padding:5px 0 5px 5px;margin:5px 0 5px 0px;background: #F2F2F2;font-size: 90%;}
div#content3{float:left;width:48.5%;padding:5px 0 5px 5px;margin:5px 0 0 0px;background: #F2F2F2;font-size: 90%;}
div#content4{float:right;width:48.5%;padding:5px 0 5px 5px;margin:5px 0 0 0px;background: #F2F2F2;font-size: 90%;}
div#nav{float:right;width:38%;padding:10px 0;margin:5px 0;background: #FFD154}
div#nav h2{font-size: 120%;color: #9E4A24}
div#footer{clear:both;width:100%;background: #C4E786;padding:5px 0;margin-top:10px;text-align:center}
div#gradient{float:left;width:48.2%;background: #FFFFFF ;padding:5px 0 5px 5px;margin:5px 0 5px 0px;font-size: 90%;}
div#gradient2{float:right;width:48.2%;background: #F2F2F2 url('images/newgrad.jpg') repeat-x  ;padding:5px 5px 5px 5px;margin:5px 0 5px 0;font-size: 90%;}
div#fixtureheader{clear:both;;padding:5px 0;FONT-WEIGHT: bold; FLOAT: left;  WIDTH: 75%; COLOR: #ffffff; BACKGROUND-COLOR: #333366;text-align:center;margin:5px}
div#box{float:left;display:inline;width:100%;margin: 0px 0px 0 0px;background:#E4E7F2;text-align:left;font-size:85%;}
div#box p{padding:0 5px}


ul#nav1, ul#nav1 li{list-style-type:none;margin:0;padding:0}
ul#nav1{padding-left:15px}
ul#nav1 li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav1 a{float:left;width:80px;text-decoration:none;background: #2e8b57;color: #fff}
ul#nav1 a:hover{color: blue}

ul#nav2, ul#nav2 li{list-style-type:none;margin:0;padding:0px}
ul#nav2{float:right;font-size: 90%;padding-left:15px}
ul#nav2 li{float:left;width:80px;height:18px;margin-right: 2px;text-align: center;padding-bottom:0px}
ul#nav2 a{float:left;width:80px;height:18px;background: #369A3D;text-decoration:none;color: #FFC;padding-bottom:0px}
ul#nav2 a:hover{background: #CDFFA1;color: #006A35}
ul#nav2 li.activelink a, ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#nav3, ul#nav3 li{list-style-type:none;margin:0;padding:0}
ul#nav3{margin-left: 300px;width:60%}
ul#nav3 li{float:left;margin-right: 3px;text-align: center}
ul#nav3 a{float:left;width: 6em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav3 a:hover{background: #FFA826;color: #FFF}
ul#nav3 li.activelink a, ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#about, ul#about li{list-style-type:none;margin:0px;padding:0}
ul#about{width: 100%;margin:10px auto 0;text-align:left}
ul#about li{float:left;width: 45%; padding: 10px 10px 10px 10px;margin:8px 8px 0 0}
li#ab1{background: #F2F2F2 ;padding-bottom:10px}

ul#foot, ul#foot li{list-style-type:none;margin:0px;padding:0}
ul#foot{width: 100%;margin:10px auto 0;text-align:left}
ul#foot li{float:left;width: 91%; padding: 10px 10px 10px 10px;margin:8px 8px 0 0}
li#foot1{background: #F2F2F2 ;padding-bottom:10px}

div#sidenotes {margin-left:10px;padding-left:5px;width:100%;text-align:left;font-size: 90%;}

/*colors*/
body{background: #d6dee6}
h1 a{color: #C1E6FF}
h1 a:hover{color: #fff}

h3{color: #B02A36}

div#sidenotes{background:#B1C0D5}