html  { height:100%; }
body {background:#000; margin:0;}

h1 {font-family:Arial, Verdana, "Sans Serif"; font-size:1em;}
h2 {font-family:Arial, Verdana, "Sans Serif"; font-size:.7em;}
h3 {font-family:Arial, Verdana, "Sans Serif"; font-size:.8em;}
h4 {font-family:Arial, Verdana, "Sans Serif"; font-size:1.5em;}

h1, h2, h3, h4 {padding:0;margin:0}

a {color:#0088d0;font-family:Arial, Verdana, "Sans Serif"; font-size:medium; font-weight:bold;}
a:hover {color:#0088d0;}
a:visited {color:#0066c0;}
.contentlink {color:#0088d0; font-family:Arial, Verdana, "Sans Serif"; font-size:.9em;}
.footerlink {color:#000000; font-family:Arial, Verdana, "Sans Serif"; font-size:.6em;}
.sublink {color:#0088d0; font-family: Arial, Verdana, "Sans Serif"; font-size: .9em;}
a.radiolink {color:#000; font-family: Arial, Verdana, "Sans Serif"; font-size: 1em; text-decoration:none; border: 1px solid #000; background:#0088d0; padding:5px}

/*Horizontal Navigation */
ul#navlist {margin:0; padding: 10px; white-space: nowrap;}
#navlist li {display: inline; list-style-type: none;}
#navlist a { padding: 5px; }
#navlist a:link, #navlist a:visited{ color: #000; background-color: #596a72; background-image:url(../images/navbg.jpg);text-decoration: none; border: solid 1px #000;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#navlist a:hover {color: #0066c0; background-color: #999; text-decoration: none; }

table {border:1px solid #000000; border-collapse:collapse;}
td {border:1px solid #000000;}
.hideborder {border:0px}

.style1 {color:#000000; font-family:Arial, Verdana, "Sans Serif"; font-size:.8em; line-height:1.5em}
.style2 {color: #000000; font-family: Arial, Verdana, "Sans Serif"; font-size:1em; font-weight:bold;}
.style3 {color: #000000; font-family: Arial, Verdana, "Sans Serif"; font-size:.6em; font-weight:bold;}
.style4 {color:#000000; font-family: Arial, Verdana, "Sans Serif"; font-size:.9em; font-weight:bold;}

#header {width:100%;  height:175px; background-image:url(../images/bg.jpg); background-repeat: repeat x; margin-bottom:0px; background-color:#2b3840;}
#nav {width:100%; margin:0px; margin-left:auto; margin-right:auto; background-color:#596a72;  background-image:url(../images/navbg1.jpg); background-repeat: repeat-x;height:40px}
#subnav {width:200px; height:100%; background-color:#ffffff; float:left; margin:10px;}
#subnav2 {width:200px; height:250px; background-color:#ffffff; float:left;}
#picnav {width:125px; height:100%; background-color:#ffffff; float:left; margin:5px;}
#twitter {width:460px; height:250px; background-color:#fff; float:left; }
#maincontent {width:940px; height:1000px; margin:10px; background:#fff;}
#maincontent2 {width:700px; float:left; margin:10px;}
#event {width:600px; float:left; }
#event2 {width:500px; float:left;}
#submit {width:500px; float:left; margin-top:15px }
#footer {margin-top: 10px; margin-right:0px; padding:5px; height: 50px; clear:both; background-color:#596a72;} 
#container {margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; width:960px; border: 1px solid #000000; background-color:#FFF} 
#slideshow {width:655px; height: 495px; margin:5px; background-color:#fff ;margin-left:5px; float:left; padding:10px; border: 1px solid #0088d0}
#ads1 {width:955px; height:100px; margin-bottom:3px; background-color:#000; border:1px solid #0088d0}
#ads2 {width:200px; height:500px; margin:10px; background-color:#222; float: right; padding:3px}
#radioshow {width:100%; height:50px; background-color:#ffffff; float:left; margin-left: auto; margin-right:auto; padding-top:10px; padding-bottom: 0;}
#radiowin {background:#000; padding:5px; margin:5px;}

ul#twitter_update_list      {padding: 0; margin: 0; list-style: none;}  
ul#twitter_update_list li   {font-family: Arial, Verdana, sans-serif; text-align:left; font-size: 11px; color: #000; padding: 5px; margin: 10px 0 10px 0; background-color: #ffffff; border-color:#000000; border-width:1px; border-style:solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}  

/* LIGHT BOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }