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

/* -------------------- Background Color -------------------- */
/* Background Colrs need to be changed in multiple spots. headback does a solid color behind the head, background does the fade, body and foot deal with the footer color */

#headback{
	background-color:#336699;
}
#background{
	background-color:#336699;
		/* BACKGROUND FADES. FIRST COLOR IS TOP COLOR. SECOND COLOR IS BOTTOM COLOR */
	background:linear-gradient(top, #336699 100%, #003366 0%);
	background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#003366));
	background: -moz-linear-gradient(top,  #336699,  #003366);
	background: -ms-linear-gradient(top left,  #336699,  #003366);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#003366');
}
body{
	background-color:#042456;
}
#foot{
	background-color:#003366;
}

/* -------------------- Top Image -------------------- */
#head{
	background-image:url(../images/banner.png); 
}

/* -------------------- Navigation -------------------- */
#nav{
	background-color:#042456; /* Navigation BackGround Color */
}
#nav a, #nav a:visited{
	color:#ffffff;
	text-decoration:none;
}
#nav a:hover, #nav a:focus, #nav a:active {
	text-decoration:none;
	color:#FF0000;
}
#nav ul li ul {
	border-top:solid 2px #666;/* Drop Down Top Border Color */
}
html>body #nav ul li:hover ul{
	background-color:#042456; /* Navigation Drop Down BackGround Color */
}

/* -------------------- App Nav -------------------- */

#appNav a, #appNav a:visited{
	color:#ffffff;
	border:1px solid #333333;
	background-color:#666666;
}
#appNav a:hover, #appNav a:active{
	color:#FF0000;
	background-color:#042456;
}

/* -------------------- Content -------------------- */
#content{
	background-color:#FFF; /* Content Area BackGround Color */
}
h1{
	color:#223f6a;
}
h2{
	color:#223f6a;
	font-style:italic
}
.subs{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.date{
	font-size: 18px;
	font-weight: bold;
	color:#990000;
}
a, a:visited{
	color:#0000cc;
	text-decoration:underline;
}
a:hover, a:active, a:focus{
	color:#FF0000;
	text-decoration:underline;
}
/* -------------------- Footer -------------------- */
#foot-text{
	color:#FFF; 
}
#foot-text a, #foot-text a:visited{
	color:#ffffff;
	text-decoration:underline;
}
#foot-text a:hover, #foot-text a:focus, #foot-text a:active {
	color:#FF0000;
	text-decoration:underline;
}