/* CSS Document */

/* ---------------------------------------
                LAYOUT 
------------------------------------------*/
/* ---- CENTER LAYOUT ---- */
body {
	margin: 0 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}

a {
	color:#000033;
	}
	
a:hover{
	color: #FF9900;
	}

a:visited{
	color: #000033;
	}
	
 /* ---- CONTAINER SPAN ----  */
#container {
	width: 651px;
	height: 800px;
	display: block;
	margin: 0 auto;
	text-align:left;
	background-color:white;
	}
	 
/* ---- BANNERS SPAN ----  */
#banner {
	width: 100%; 
	height:auto;
	background-image:url(../images/layout-toptexture.jpg);
	background-color: white;
	float:left;
	}
	
/* ---------------------------------------
                NAVIGATION 
------------------------------------------*/

/* ---- TOP NAV SPAN ---- */
#topnav {
 	width: 651px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	vertical-align:bottom;
	padding-bottom: 6px;
	padding-top: 75px;
	background-color: #07132A;
	display:block;
	margin: 0 auto;
	text-align: center;
	border-top: thick solid #F4D349;
	}

#topnav a {
	color: #F4D349;
	text-decoration: none;
	}

#topnav a:hover {
	color: #8F94F4;
	}

#topnav a:visited {
	text-decoration: none;
	}

/* ---- SUBNAV SPAN ---- */
#subnav {
	width: 150px;
	height: 100%;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	float: left;
	}
	
#subnav a {
	color: #0D182E;
	text-decoration:none;
	display: block;
	width: 125px;
	border-bottom: 1px #F4D349 dotted;
	padding: 3px;
	}
	
#subnav a:hover {
	color: #8F94F4;
	}

#breadcrumbs{
	width:485px;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 4px;
	}
	
#breadcrumbs a {
	color: #0D182E;
	text-decoration:none;
	}

#breadcrumbs a:hover {
	color:#8F94F4;
	text-decoration:none;
	}
	
/* ---- INFO/ALERTS ---- */
#alerts{
	font-size: 11px;
	display: block;
	width: 120px;
	height:auto;
	border: 1px solid gray;
	padding: 3px;
	background-color:#FFFF99;
	margin-top: 3px;
	}

.alert-title{
	color:#000033;
	font-weight:bold;
	text-align:center;
	}

/* --- UPCOMING EVENTS ---- */
#upcomingevents{
	font-size: 11px;
	display: block;
	width: 120px;
	height:auto;
	border: 1px solid gray;
	padding: 3px;
	background-color:#D6DCF6;
	margin-top: 3px;
	}

.upcomingevents-title{
	color:#000033;
	font-weight:bold;
	text-align:center;
	}
				
/* ---------------------------------------
                CONTENT
------------------------------------------*/
 
/* ----  CALLOUT SPAN ---- */
#calloutdiv{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-color: black;
	width: 495px;
	text-align:left;
	display: block;
	float: right;
	margin: 2px;
	line-height: 14px;
	float: left;
	background-color: #F2EAC9;
	}
	
#calloutdiv p{
	padding: 7px;
	}
	
.calloutspandropcap {
	float: left;
	font-size: 35px;
	color: #605541;
	font-family: georgia, times;
	display:block;
	height: 20px;
	width: 35px;
	text-align:center;
	padding-top:7px;
	}

/* ----  CONTENT SPAN ---- */
#contentdiv {
	padding: 9px;
	width: 310px;
	background-color:white;
	display:block;
	float: right;
	line-height: 1.2;
	}
	
/* ----  IMAGE BAR SPAN ---- */
#contentimagebar {
	float: left;
	display: block;
	width: auto;
	border: 1px solid gray;
	margin-top: 5px;
	}

#contentimagebar img {
	padding: 5px;
	}

#contentimagebar-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	width: 150px;
	display:block;
	text-align: center;
	}

.mission {
	font-size: small;
	text-align:left;
	}

/* ---- PAGE HEADER ---- */

.pageheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: xx-large;
	color: #605541;
	text-align: left;
	margin-top: 5px;
	display:block;
	}

/*---- FLASH-RIGHT ---- */

.image-right {
	float: right;
	padding: 4px;
	background-color: white;
	border: 1px solid #605541;
	caption-side:left;
	margin: 9px;
	}

.subhead{
	font-size: small;
	font-weight:bold;
	border-bottom: 1px dotted #F4D349 ;
	color: #07132A;
	}
/* ---------------------------------------
                FOOTER
------------------------------------------*/

#footer {
	border-top: thin solid #F4D349;
	display: block;
	width: 500px;
	float: right;
	text-align: center;
	margin-top:6px;
	}
	
#footer a {
	font-family:verdana;
	font-size: 11px;
	color: #0D182E;
	text-decoration:none;
	}

#footer a:hover {
	border-bottom: 1px solid #F4D349;
	}

#footer a:visited {
	font-family:verdana;
	font-size: 11px;
	color: #0D182E;
	text-decoration:none;
	}