/* CORE ELEMENT STYLES */

body 
{
	background-color: #8EBAFD;
	color: #000000;
	/*	this next line means the font style and variant are set to normal
		then the default font size for the whole document is taken down to
		0.8em and the line height set to 1.6em. Then the default font family
		is set 
	*/
	font: normal 0.8em/1.6em Verdana, Arial, sans-serif;
	text-align: center;
}

body, div, ul, ol, li, h1, h2, h3 
{
	margin: 0;
	padding: 0;
}
ul, li, h1, h2, h3, p 
{
	color: #000000;
}
ul 
{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
p 
{
	margin: 0 auto 1em auto;
}
h1 
{
	margin-bottom: 20px;
	font-size: 1.8em;
	line-height: 110%;
}
a 
{
	color: #0000FF;
	text-decoration: underline;
}
a:active, a:hover, a:focus 
{
	color: #FF0000;
}

/* CONTAINER BLOCK */
#container
{
	margin-left: auto;
	margin-bottom: 5px;
	margin-right: auto;
	margin-top: 5px;
	padding: 4px 4px 4px 4px;
	width: 780px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px #666666 solid;
} 

/* HEADER */
#banner
{
	width: 100%;
	height: 115px;
	background-color: #004A91;
}

#banner-left
{
	float: left;
	background-color: #004A91;
	/*border: 1px #ffff00 solid;*/
}

#banner-right
{
	float: left;
	margin-left: -20px;
	background-color: #004A91;
	/*	width: 570px;	border: 1px #ffffff solid;*/
}

#banner-right-top
{
	padding-top: 4px; 
	padding-bottom: 10px;
}

#banner-right-top img
{
	/*margin-right: 17px;*/
	vertical-align: middle;
}

#banner-right-bottom
{
	clear: both;
	padding-left: 130px;
	padding-bottom: 2px;
	color: #FFFFFF;
	line-height: 1.2em;
}

#banner-right-bottom a 
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-right-bottom a:active, 
#banner-right-bottom a:hover, 
#banner-right-bottom a:focus 
{
	color: #FFFFFF;
	text-decoration: underline;
}

/* TOP MENU */

#nav-toplevel 
{
	clear: both;
	float: left;
	width: 100%;
	height: 30px;
	background-color: #99CCFF;
}

#nav-main 
{
	position: relative;
	padding-top: 5px;
	left: 5px;
	width: 770px;
}

#nav-main ul li 
{
	float: left;
	padding-right: 4px
}

#nav-main ul li a 
{
	float: left;
	color: #232874;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px 10px 0px 10px;
	font-size: 1em;
	text-decoration: none;
}

#nav-toplevel #nav-main ul li a:active,
#nav-toplevel #nav-main ul li a:hover,
#nav-toplevel #nav-main ul li a:focus,
#nav-toplevel #nav-main ul li a.current 
{
	color: #000000;
	background-color: #FFCC00
}

/* LEFT / RIGHT CONTAINERS */

#leftcontainer 
{
	clear: both;
	float: left;
	width: 150px;
	padding-top: 15px;
	margin-bottom: 5px;
}

#rightcontainer 
{
	float: left;
	width: 620px;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
}

/* SUB NAV */

#nav-subs 
{
	float: left;
	width: 135px;
}
/* styles for normal menu links */
#nav-subs #nav-section ul li a
{
	display: block;	
	width: 135px;
	padding: 3px 5px 3px 5px;
	color: #000000;
	font-weight: bold;
	background-color: #FFCC33;
	border-bottom: solid 1px #FF9933;
	margin-bottom: 2px;
	text-decoration: none;
}
/* styles for normal menu links hover */
#nav-subs #nav-section ul li a:active,
#nav-subs #nav-section ul li a:hover,
#nav-subs #nav-section ul li a:focus,
#nav-subs ul li a:active,
#nav-subs ul li a:hover,
#nav-subs ul li a:focus, 
{
	background-color: #FFD862;
}
/* style to indicate current page */
#nav-subs #nav-section ul li a.youarehere
{
	background-color: #F9BB00;
	border-right: solid 4px #FF6600;
}
/* styles for parent section link */
#nav-subs #nav-section ul li a.parentsection 
{
	background-color: #6699CC;
	border: solid 1px #003399;
	width: 133px;
	padding: 3px 5px 3px 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}
/* styles for parent section link hover */
#nav-subs #nav-section ul li a.parentsection:hover 
{
	background-color: #9FBFDF;
	border: solid 1px #003399;
	padding: 3px 5px 3px 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}

/* BREADCRUMBS */

#breadcrumbs
{
	border-bottom: solid 1px #999999;
	padding-bottom: 3px;
	margin-right: 20px;
}

#breadcrumbs a
{
	color: #000000;
}

#breadcrumbs a:hover
{
	text-decoration: none;
}

/* CONTENT BLOCK */

#content
{
	clear: both;
	padding: 10px 20px 5px 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

#content h1
{
	font-size: 1.5em;
}

#content h2
{
	font-size: 1.2em;
	padding-bottom: 5px;
}

#content h3
{
	font-size: 1.1em;
}

#content p
{
	font-size: 1em;
}

#content h3.documents
{
	font-size: 1.1em;
	border-bottom: solid 1px #999999;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

#content ul 
{
	font-size: 1em;
	margin-left: 30px;
	margin-bottom: 10px;
	list-style-position: outside;
	list-style-type: disc;
}

#content ol 
{
	font-size: 1em;
	margin-left: 35px;
	margin-bottom: 10px;
	list-style-position: outside;
}

#content img.right
{
	float: right;
	margin: 5px 5px 5px 5px;
}
#content img.left
{
	float: left;
	margin: 5px 5px 5px 5px;
}
#content .contentImage
{
	width: 205px;
	float: left;
	margin: 10px 10px 10px 10px;
	color: #000000;
}
#content .attachment-icon
{
	margin-right: 10px;
}

#content hr
{
	border: 0;
	height: 1px;
}

#content h2.notices-h2
{
	border: none 0;
	font-size: 1.2em;
	padding-bottom: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, serif;
	font-weight: bold;
	line-height: 110%;
}
#content .notices-posteddate
{
	font-size: 80%;
	font-weight: normal;
	color: #999999;
}
#content .notice-hr
{
	border: 0;
	height: 1px;
}

/* EVENTS DATAGRID STYLES */

.DataGridTable
{	
	width: 100%;
	color: #000000;		
}

.HeaderStyle
{
	background-color: #FFCC33;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}

.AlternatingStyle
{
	background-color: #ffe0d2;
}

/* HOME PAGE STYLES */

#home-feature-box img
{
	margin-right: 10px;
}

#home-feature-box 
{
	height: auto;
	padding-top: 15px;
	padding-left: 10px;
}

#home-feature-box h1 
{
	font-size: 1.8em;
}

/* HOME PAGE BOX STYLES */

#home-column-one 
{
	clear: both;
	float: left;	
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	margin-right: 5px;
}

#home-column-one ul 
{ 
	position:relative; 
	padding:5px 5px 0px 5px; 
	list-style-type:none;
	margin-left: 0px;
}

#home-column-one li 
{
	background-image: url('../images/core/starfishbullet-s.gif');
	background-position: 0px 9%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 0.9em;
}

#home-column-two 
{
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#home-column-two ul 
{ 
	position:relative; 
	padding:5px 5px 0px 5px; 
	list-style-type:none;
	margin-left: 0px;
}

#home-column-two li 
{
	background-image: url('../images/core/starfishbullet-s.gif');
	background-position: 0px 9%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 0.9em;
}

#home-column-three {	
	float: right;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#home-column-three ul 
{ 
	position:relative; 
	padding:5px 5px 0px 5px; 
	list-style-type:none;
	margin-left: 0px;
}

#home-column-three li 
{
	background-image: url('../images/core/starfishbullet-s.gif');
	background-position: 0px 9%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 0.9em;
}

.home-float-left {
	float: left;
}

.home-float-right {
	float: right;
	width: 375px;
}

.curvy {
	position:relative; 
	width: 250px;
	color:#000000;  
}
#ctl, #cbl, #ctr, #cbr {
	position:absolute; 
	width:20px; 
	height:20px; 
	color:#9CAF9C; 
	background:#FFFFFF; 
	overflow:hidden; 
	font-style:normal; 
	z-index:1;
}

#ctl {
	top:0; 
	left:0;
}

#ctr {
	top:0; 
	right:0;
}

.curvy em b {
	position:absolute; 
	font-size:150px; 
	font-family:arial; 
	color:#9CAF9C; 
	line-height:40px; 
	font-weight:normal;
}

#ctl b {
	left:-8px; 
	color: #0066CC;
}

#ctr b {
	left:-25px; 
	color: #0066CC;
}
.curvy p {
	padding-right: 5px; 
	font-size: 0.8em; 
	margin-bottom: 0px;
}

.curvy h2 {
	font-size: 16px; 
	margin: 0px 0px 0px 0px;
	text-align:center; 
	padding-top: 5px;
	padding-bottom: 5px; 
	background-color: #0066CC; 
	color: #FFFFFF;
}
/*
.curvy ul { 
	position:relative; 
	padding:5px 5px 0px 5px; 
	list-style-type:none; 
}

.curvy ul li {
	background-image: url('../images/core/starfishbullet-s.gif');
	background-position: 0px 9%; 
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 0.9em;
}
*/
.box-border { 
	border-right: solid 1px #676767; 
	border-left: solid 1px #676767; 
	border-bottom: solid 1px #676767; 
	padding-bottom: 5px; 
}

/* FOOTER */

#contact 
{
	clear: both;
	padding-bottom: 2px;
	width: 100%;
	background-color: #EED67E;
}

#contact p 
{
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#copyright 
{
	color: #000000;
	width: 100%;
	background-color: #99CCFF;
}

#copyright p 
{
	margin: 0;
	padding-bottom: 2px;
	text-align: center;
	color: #000000;
	font-size: 0.8em;
	line-height: 1.5em;
}

/* SEARCH PAGE CUSTOM STYLES */
#search-container
{
	clear: both;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
}

/* EDIT BAR STYLES */

/* Edit Div Styles */

.search 
{
	border: solid 1px #666666;
	font-family: Verdana;
	color: #666666;
} 

.search_txt 
{
	color: #FFFFFF;
	font-weight: bold;
}

.searchButton 
{
   color: #333333;
   font-family: verdana,helvetica,sans-serif;
   font-size: 100%;
   font-weight: bold;
   background-color: #FF9933;
   border: solid 1px;
   border-top-color: #696;
   border-left-color: #696;
   border-right-color: #363;
   border-bottom-color: #363;
 }
 
.edit-bar 
{
clear: both;
margin: 0;
width: 780px;
padding-top: 10px;
background-color: #FFFFFF;
text-align: center;
}

a.EditBar 
{
	color: #666666;
	text-decoration: none;
	border: none;
}

a.EditBar:hover 
{
	color: #FF0000;
	text-decoration: underline;
}

.delete-bar 
{
	clear: both;
	margin: 0;
	width: 780px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

.delete-bar h2 
{
	font-size: 1.2em;
	color: #FF0000;
	font-weight: bold;
}

.delete-bar input 
{
	border: solid 1px #000000;
	font-family: Verdana, Arial, Sans-Serif;
	height: 20px;
}

/* GENERAL CLASSES */

.float-left {
	float: left;
}

.float-right {
	float: right;
}