@import url('undohtml.css');
/* common html */
html,body{width:100%;text-align:center;}
body{font-family:'Lucida Sans',Lucida,Tahoma,sans-serif;font-size:14px;}
h1,h2,h3,ul#topNav{font-family:Georgia,'Times New Roman',Times,serif;}
h1{clear:both;font-size:28px;background-color:#12258E;padding-right:5px;color:#fff;text-align:right;height:40px;line-height:46px;}
h2{font-size:22px;padding:10px 0;}
h3{font-size:18px;}
li{float:left;}
a{color:inherit;}
a:hover{text-decoration:underline;}
/* classes */
.black, .black a{color:#000;}
.red, .red a{color:rgb(255, 35, 10);}
.blue, .blue a{color:rgb(18, 37, 142);}
.yellow, .yellow a{color:rgb(254, 206, 0);}
.small{font-size:10px;}
/* forms */
label{display:block;font-size:10px;line-height:12px;}
div.field{margin-bottom:10px;}
button{background-color:#FE0000;border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;border-style:solid;border-width:1px;color:#FFFFFF;display:block;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-size:11px;margin:3px 0 0;padding:2px 15px 3px;text-align:center;}
/* main sections */
div#container{text-align:left;position:relative;margin:20px auto;width:980px;}
div#header{width:100%;position:relative;margin:10px 0 20px;text-align:right;}
img#logo{position:absolute;left:26px;top:0;width:170px;height:116px;z-index:1000;border:1px solid #fff;}
div#mainContent{clear:both;float:right;width:756px;background:url('/img/bg.png') no-repeat 600px bottom;padding-bottom:40px;height:auto !important;min-height:390px;height:390px;}
div#nav, div#extras{float:left;width:214px;font-family:Georgia,'Times New Roman',Times,serif;}
div#nav ul{font-weight:bolder;border-top:1px dashed #000;}
div#nav li, div#extras li{border-bottom:1px dashed #000;padding:10px 0;}
div#nav{padding:80px 0 20px;}
div#extras{padding:40px 0 20px;}
div#footer{font-size:10px;border-top:1px solid #585858;margin-top:20px;clear:both;text-align:center;}
div#footer a{color:#000;}

/* lists */
ul.generalList{border-top:1px dashed #eee;}
ul.generalList li{float:none;display:block;margin:10px 0;border-bottom:1px dashed #eee;padding:5px 0;}

/* navigation */
ul#topNav{padding-right:5px;font-size:20px;text-transform:lowercase;font-weight:bolder;}
ul#topNav li{float:right;}
ul#topNav li a{display:block;margin:0 0 10px 20px;border-top:6px solid #fff;}
ul#topNav li a:hover{text-decoration:none;}
ul#topNav li.yellow a{color:rgb(254, 206, 0);}
ul#topNav li.yellow a:hover, ul#topNav li#news.current{border-color:rgb(254, 206, 0);}
ul#topNav li.black a{color:#000;}
ul#topNav li.black a:hover, ul#topNav li#events.current{border-color:#000;}
ul#topNav li.blue a{color:rgb(18, 37, 142);}
ul#topNav li.blue a:hover, ul#topNav li#profile.current{border-color:rgb(18, 37, 142);}
ul#topNav li.red a{color:rgb(255, 35, 10);}
ul#topNav li.red a:hover, ul#topNav li#donate.current{border-color:rgb(255, 35, 10);}

div#nav ul li{display:block;float:none;}

/* home specific styles */
ul#specials li img{float:left;display:block;width:240px;margin-left:10px;height:338px;border:1px solid #12258E;}
div#boxes{clear:both;padding-top:10px;}
div#boxes div{float:left;border:1px solid #000;width:220px;margin-left:10px;padding:10px;position:relative;}
div#boxes div ul{list-style-type:none;font-size:smaller;}
div#boxes div ul li{margin:10px 0 0;height:auto !important;min-height:40px;height:40px;}
div#boxes div h3{margin:-10px -10px 0 -10px;padding:5px 10px;background-color:#12258E;color:#fff;}
p.more{position:absolute;font-weight:bolder;bottom:5px;right:10px;text-align:right;font-size:smaller;margin-top:10px;}