body {
        background: url(jpg/nightsky3.jpg) fixed;
        height: 100%;
        margin-top: 0px;
        color: #3C98FF;
        text-align: center;
}


h1 {margin-top: 27px; padding-bottom: 15px; font-size: 28pt; font-family: Times New Roman, serif; font-style: italic; color: #DFDFDF;}

h2 {text-align: left; margin-bottom: 15px; font-family: Times New Roman, serif; font-style: italic;}

h3 {text-align: left; margin-bottom: 15px; font-family: Times New Roman, serif; font-style: italic; color: #3C98FF;}

hr {
	width: 855px;
	margin-left: -30px
}

img { border: 0; }

#mobile {
	display:none;
	}

#date {
	text-align: left;
	font: italic 14px Arial, sans-serif;
	margin-left: -28px;
	padding-top: 15px;
	color: #AAAAAA;
}

#facebook {float: right; margin-top: -30px;}


a {
        color:#DFDFDF;
        text-decoration: none;
        font-size: 13px;
}

a:hover {
        color:#3C98FF;
}

a.electricblue {
        color: #3C98FF;
        font-size: 12px;
}

a.electricblue:hover {
        color:#DFDFDF;
}

.masthead {
	position: relative;
	left: -30px;
}

#content {
        width: 786px;
        margin: 0 auto;
        padding: 0 30px;
        text-align: center;
        font-family: Arial, sans-serif;
}


#main {
        margin-top: 30px;
        z-index: 1;
}


#logo {
        position: absolute;
        z-index: 5;
        left: -5px;
        top: -5px;
}


#searchbox {
	float: right;
	margin-top: -27px;
	margin-right: -43px;
 	text-align: center;
}

fieldset { border: 0px;}

input.grey {
        color: #000;
	background-image:url('magnifying-glass.gif');
	background-repeat:no-repeat;
        background-color: #DDDDDD;
	padding-left:20px;
	width: 120px;
	border: 1px solid #999999;
}


#news {
        width: 90%;
        padding: 20px;
        margin-top: -10px;
}


#news li {
        line-height: 2;
}


#newsticker {
        margin-left: 50px;
	text-align: left;
}

#newsticker a {
        font: 16px Arial, helvetica, sans-serif;
}


#graphic {
	clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
}

#mobilegraphic {
	display: none;
}

#links {
        text-align: center;
}

#links li {
        width: 248px;
        text-align: left;
        float: left;
        font-size: 12px;
}

div#links a span {display: none;}

div#links a:hover {
	display: block;
}

div#links a:hover span {
	position: absolute;
	display: block;
	width: 170px;
	padding: 2px; margin: 5px; z-index: 100;
	color: #000; background: #91C5FF;
        font-size: 12px;
}

#updates {
	width: 800px;
        color: #AAAAAA;
        font-size: small;
        text-align: left;
}

#updates p {
        margin-left: 40px;
}

#updates p.indent {
        margin-left: 90px;
}

#mega {
width: 860px;
height: 19px;
list-style:none;
clear: both;
margin:0;
margin-top: 0;
margin-left: -15px;
margin-bottom: 10px;
padding:0;
float: left;
position: relative;
z-index: 10;
}

#mega li {
background: #313131;
margin: 0;
padding: 2px 0;
float:left;
width:121px;
text-align:center;
position:relative;
}

#mega li.home {
border-left: 0;
margin-left: 1px;
}

#mega li:hover {
background: #D5E9FF;
border-bottom: 10px solid #D5E9FF;
}

#mega li:hover a {
color: #016481;
}

#mega li.home:hover {
border-bottom: 1px solid gray;
}

#mega a {
display:block;
color: #62B0FF;
font: bold 11px/16px arial, helvetica, sans-serif;
text-transform: uppercase;
text-decoration:none;
}



/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:3px;
width:473px;
background: #D5E9FF;
padding: 0 0 15px 10px;
border-top: 0;
font-weight:normal;
text-align:left;
margin-left: 1px;
}

#mega div.narrowleft {
position:absolute;
left:-999em;
margin-top:3px;
width:200px;
background: #D5E9FF;
padding: 0 0 30px 10px;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega div.narrow {
position:absolute;
left:-999em;
margin-top:3px;
width:200px;
background: #D5E9FF;
padding: 0 0 30px 10px;
border-top: 0;
font-weight:normal;
text-align:left;
}

#mega li:hover div {
left:-1px;top:auto;
}

#mega li.dif:hover div {
left:-363px;
}

#mega li.dif:hover div.narrow {
left:-90px;

}


/* --------- Within Div Styles --------- */

#mega div h2 {
font: bold 11pt "Trebuchet MS", sans;
margin:12px 0 5px 0;
float:left;
width: 220px;
}

#mega div p {
float:left;
width:200px;
padding-left:30px;
padding-right:0;
margin:0px;
}

.menuhead {
font: bold 10pt "Trebuchet MS", sans;
margin:10px 0 2px -20px;
float:left;
width: 220px;
}

.menuheadleft {
font: bold 10pt "Trebuchet MS", sans;
margin:10px 0 2px 10px;
float:left;
width: 220px;
}

#mega div a {
text-transform: none;
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
}

#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}

#mega div.menuleft {
	width: 200px;
	border: 0;
}

#mega div.menuright {
	width: 200px;
	margin-left: 230px;
	border: 0;
}

.leftButton {
    display: none;
}

#blackbox {
        width: 800px;
	height: 450px;
        margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 50px;
        background-color: #000;
        filter:alpha(opacity=85);
        -moz-opacity:0.85;
        opacity: 0.85;
        }

#blackbox p {
        position: relative;
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity: 1.0;
        font: 14px Arial;
        color: #fff;
        margin: 0 100px;
	text-align: left;
        }

#blackbox p.center {
	text-align: center;
        }


#transbox {
        width: 750px;
        margin: 20px auto;
        background-color: #555;
	text-align: left;
	padding-left: 10px;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        opacity: 0.6;
        }

#transbox p {
        position: relative;
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity: 1.0;
        font: 13px Arial;
        color: #fff;
        }