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

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	text-align:center /* only for centralised layouts */
}

a {
	color:#5ac3fc;
}

img {
	border:none;
}

input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* BASIC SITE SECTIONS */
/* 
	sections that are not in use should be made hidden:
	display: none;
	visibility: hidden;
*/

div#container {
	width:760px;	/* usually 760 for zippy websites */
	margin:0 auto;
	text-align:left;
}

div#container_gradient_wrap {	/* usually in use when the design calls for a gradient background */
	
}

div#header {
}

div#logo {
	padding-top: 25px;
	padding-left:21px;
	padding-bottom:12px;
}

div#banner {
	height:190px;
	border-bottom:1px solid #CCCCCC;
}

/* STYLES FOR NAVIGATION */

div#navi {
	background-color:#808285;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
	font-size:11px;
}

div#navi ul {
	padding:0px;
	margin:0px;
}

div#navi li {
	display:inline;
	border-left:1px solid #FFFFFF;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-left:15px;
	padding-right:15px;
}

div#navi li:first-child, div#navi li.first-child {
	border:0px;
}

div#navi a {
	color:#FFFFFF;
	text-decoration:none;
}

div#navi a:hover {
	color: #FFFFCC;
}

/* END OF STYLES FOR NAVIGATION */


/* STYLES FOR MAIN BODY AREA */

div#body_background {
	background-color:#2f2f2f;
	color:#c2c2c2;
}

div#body_canvas {
	padding-top:28px;
	padding-left:28px;
}

div#sub_panel {
	margin-left:465px;
	width:225px;
	padding-left:10px;
	display:block;
}

div#sub_panel h2 {
	font-style:italic;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

div#sub_panel span.mission {
	font-style:italic;
	font-weight:bold;
	line-height:15px;
}

div#content_panel {
	float:left;
	width:430px;
	text-align:justify;
	line-height:15px;
}

div#content_panel h1 {
	color:#5ac3fc;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	padding-bottom:10px;	
}

div#content_panel h2 {
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;	
}

div#body_base {
	clear:both;
	height:50px;
}

/* END OF STYLES FOR MAIN BODY AREA */

div#footer {
}

div#footer_text {
	float:left;
	font-size:10px;
	color:#808285;
	text-align:left;
	padding-left:20px;
	padding-top:3px;
}

div#zippy_mark {	/* for placing of the zippy mark, typically 110 x 29 pixels */
	float:right;
	padding-right:10px;
	padding-bottom:15px;
}

/* END OF BASIC SITE SECTIONS */

/* OTHER SITE- OR PURPOSE- SPECIFIC STYLES GO HERE */

.mandatory_field {
	color:#FF0000;
}

/* styles for drop-down options */

#dropmenudiv{
	position:absolute;
	border:1px solid #FFFFFF;
	border-bottom-width: 0;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	text-align:left;
	margin-top: 7px;
}

#dropmenudiv a{
	color:#ababab;
	width: 100%;
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	background-color:#808285;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #808285;
	color:#FFFFFF;
}