html {
      font-size: 100%;
}

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

img { border: 0; max-width: 80%; height: auto;}

#date {
      width: 90%;
	  margin: auto;
      text-align: center;
	  font: italic 1.2em Arial, sans-serif;
	  color: #AAAAAA;
}

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


h1 {
      margin-top: 5px;
      text-align: center;
      font-size: 2em;

}

h3        {
          font-size: 1.5em;
}

hr {
      width: 90%;
      margin: auto;
   }


a {
        color:#3C98FF;
        text-decoration: none;
}

a:hover {
        color:#3C98FF;
}

a.electricblue {
        color: #3C98FF;
        font-size: 1.2em;
}

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

a.electricbluelarge {
        color: #3C98FF;
        background: black;
        font-size: 1.5em;
}

a.electricbluelarge:hover {
        color:#DFDFDF;
        background: black;
}

.masthead {
	    display: none;
}

.current {
        margin: 0;
        padding: 0;
}


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

#mobile {
        display:block;
}

#mobile h1 {
        padding: 5px; font-family: Times New Roman, serif; font-style: italic;
        } 

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


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


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

fieldset { border: 0px;}

#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;
        text-align: center;
}

#links {
        text-align: center;
}

#links li {
        text-align: left;
        float: left;
        font-size: 1em;
        padding: 10px;
}

div#links a span {display: none;}

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

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

#updates {
	     width: 100%;
         color: #AAAAAA;
         text-align: left;
}

#updates p {
        margin-left: 40px;
        font-size: 1.5em;
}

#updates li {
        font-size: 1.2em;
        padding: 10px;
}

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

#updates li {
        font-size: 1.2em;
        padding: 10px;
}

#mega a {
		display: block;
		padding: none;
        padding-left: 20px;
		text-align: left;
	}
    
#mega li {
      display: none;
}   
      
#mega li.current {
		display: block;
        padding: 0;
        background: none;
        }
       
#mega li.current: hover {
        border-bottom: 0;

        }

#mega ul:hover li {
		display: block;
        width: 250px;
	}



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

#mega li {
margin: 0;
padding: 2px 0;
float:none;
text-align:center;
position:relative;
}

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

#mega li:hover {
position: relative;
z-index: 100;
}

#mega li:hover a {
color: #016481;
position: relative;
z-index: 100;
}

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

#mega a {
display:block;
color: #62B0FF;
font: 1.2em arial, helvetica, sans-serif;
text-transform: uppercase;
text-decoration:none;
}

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

#mega div.menu, #mega div.narrow, #mega div.narrowleft {
clear:both;
border-bottom: 0;
}

#mega div.menu ul {
columns: 1;
white-space:normal;
}


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

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

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

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


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

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

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

.menuhead {
font: bold 12pt "Trebuchet MS", sans;
margin:10px 0 2px 20px;
}

.menuheadleft {
font: bold 12pt "Trebuchet MS", sans;
margin:10px 0 2px 20px;
}

#mega div a {
text-transform: none;
text-decoration:underline;
float:left;
clear:left;
}

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

#mega div.menuleft {
	border: 0;
}

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

.leftButton {
    display: none;
}

#transbox {
        width: 90%;
        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;
         color: #fff;
        font-size: 1.2em; 
        }