@charset "utf-8";
/* CSS Document */

/* html tags */
html, body {background-color:#033149; margin:0; padding:0; font-family:Verdana; font-size:14px; color:#c4c4c4; height:100%;}
img {border:none;}
h1, h2, h3, h4 {font:20px Verdana; color:#c9c9c9; padding:3px; line-height:20px;}
h5 {font:bold 14px Verdana; color:#c9c9c9; padding:3px;}
h6 {font:bold 12px Verdana; color:#c9c9c9; padding:3px;}
hr {width:100%; height:1px; border:1px; color:#555; background-color:#555; margin:5px;}
p {line-height:20px;}
a:link {color:#efe94a; text-decoration:none;}
a:active {color:#efe94a; text-decoration:none;}
a:visited {color:#efe94a; text-decoration:none;}
a:hover {color:#efe94a; text-decoration:underline;}
ul, ol {line-height:20px;}
iframe {border:5px solid #FFF;}
fieldset {padding:3px; text-align:center; margin:0;}
legend {color:#c9c9c9;}
input:focus, textarea:focus, select:focus {background-color:#f0f0f0;}
input, textarea, select {padding:5px; outline:none; border:1px solid #999; border-radius:5px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}

/* predefined tags */
#events {}
#levents {float:left; width:300px;}
#revents {float:left; width:300px;}
#container {width:1000px; margin:0 auto; height:100%;}
#ccontainer {width:1000px; margin:0 auto;}
#headercontent {width:1400px; margin:0 0 0 -300px; padding:0; height:100%;}
#leftside {background-image:url(../img/template/left_stars_blue_bg.png); background-repeat:no-repeat; width:300px; height:100%; float:left;}

#centercontent {width:1005px; float:left; margin:0; background-image:url(../img/template/center_grey_bg.png); background-repeat:repeat-y; }

#centreside {background-image:url(../img/template/centre_stars_grey_bg.png); background-repeat:no-repeat; background-color:#ccd2da; width:370px; min-height:100%; margin:0; padding:5px; float:left;}
#rightside {background-image:url(../img/template/right_stars_blue_bg.png); background-repeat:no-repeat; width:600px; margin:0; padding:10px; float:left;}

#footer {color:#033149; font-size:10px; margin:0; padding:10px;}
.clear {clear:both;}
.top {font-style:italic; font-size:12px; text-align:right; padding:5px;} 
#logo {padding:3px; margin:0; width:370px; text-align:center;}
#social {margin:5px; padding:5px 10px; color:#033149; font-size:10px; text-align:left;}

#disciplines {padding:3px; width:380px; margin:0;}
#left_discpl {float:left; width:190px;}
#right_displ {float:left; width:190px;}
#affiliates {width:380px; padding:10px; margin:0;}
#banner_index {width:600px; height:250px; padding:0; margin:0; overflow:hidden;} 
#banner_index img {padding:0; border:1px solid #FFF; background-color:#c4c4c4; width:600px; height:250px; top:0; left:0; margin:0; overflow:hidden;}
#banner {width:600px; height:250px; padding:0; margin:0; overflow:hidden;} 
#banner img {padding:0; border:1px solid #FFF; background-color:#c4c4c4; width:600px; height:250px; top:0; left:0; margin:0; overflow:hidden;}

/* new navigation */
#nav {margin:10px 0; width:600px; border-top:1px solid #069; border-bottom:1px solid #069; border-radius:5px; height:25px; background-color:#eee21d;}
#nav ul {margin:0; padding:0;}
#nav li {display:block; width:100px; float:left; list-style-type:none; line-height:25px; height:25px; text-align:center; margin:0;}
#nav li a {display:block; font-size:14px; text-decoration:none; color:#069;}
#nav li a:hover {}

/* new navigation */
#nav_jnr {margin:0 0 0 -10px; width:600px; border-top:1px solid #069; border-bottom:1px solid #069; height:25px; background-color:#eee21d;}
#nav_jnr ul {margin:0; padding:0; }
#nav_jnr li {display:block; width:200px; float:left; list-style-type:none; line-height:25px; height:25px; text-align:center; margin:0; }
#nav_jnr li a {display:block; font-size:14px; text-decoration:none; color:#069;}
#nav_jnr li a:hover {}

/* new navigation */
#nav_jnrd {margin:0; width:600px; border-top:1px solid #069; border-bottom:1px solid #069; height:25px; background-color:#eee21d;}
#nav_jnrd ul {margin:0; padding:0; }
#nav_jnrd li {display:block; width:200px; float:left; list-style-type:none; line-height:25px; height:25px; text-align:center; margin:0; }
#nav_jnrd li a {display:block; font-size:14px; text-decoration:none; color:#069;}
#nav_jnrd li a:hover {}

/* Style for Drop Down Menu */
.dropmenudiv {position:absolute; top:0; border:1px solid black; border-top-width:2px; border-bottom-width:0; font:normal 12px Arial; line-height:18px; z-index:100; background-color:#FFF; width:200px; visibility:hidden; }
.dropmenudiv a {width:auto; display:block; text-indent:5px; border-top:0 solid #678b3f; border-bottom:1px solid #678b3f; padding:2px 0; text-decoration:none; color:#000;}
* html .dropmenudiv a { /*IE only hack*/ width:100%; }
.dropmenudiv a:hover { background-color:#069; /*#8a3c3d*/ color:#FFF;}

/* form layout */
#form {}
#form ul {}
#form li {list-style-type:none; padding:5px;}
label {float:left; width:15em; margin-right:1em; text-align:right;}
.required {color:#F00; font-weight:bold;}


/* personnel formatting */
.personnel {}
.personnel ul {width:600px;}
.personnel li {width:280px; float:left; list-style-type:none; margin:0; padding:0;}

.news_img {text-align:center; padding:3px;}

/* light box css */
#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:img/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(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/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; }

#info {color:#003;}
.new {font-weight:bold; color:#F00; text-decoration:blink;}

.ctime {color:#666;}
.ctime a {color:#069; text-decoration:none;}
.ctime a:hover {color:#F0C; text-decoration:underline;}
.ttitle {color:#06F; font-weight:bold;}
.tnew {text-align:right; color:#F00;}

#member-portal {border-radius: 5px; margin: 0 auto; background-color: #008CBA; background-position: left top; background-repeat: repeat; padding: 15px; width: 250px; height: 20px; border: 1px solid white; color: white; text-align: center; text-decoration: none; display: block; font-size: 18px;}

#club-news {border-radius: 5px; margin: 0 auto; background-color: #008CBA; background-position: left top; background-repeat: repeat; padding: 15px; width: 250px; height: 20px; border: 1px solid white; color: white; text-align: center; text-decoration: none; display: block; font-size: 18px;}

#space {margin: 1px; }