/*
==================================================================================
File: default.css

Description:
 This should be used as the default style sheet for all pages in the site.
==================================================================================
*/



/*------------------------------
	default font settings
*/	
body, div, p, blockquote, ol, ul, dl, li, dt, dd, td, th, input {      
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
}

input, textarea, select, option {      
	color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}



/*------------------------------
	general styles
*/	

/* color : #669999;
*/
a {
	color : #ffffff;
	font-weight : bold;
}

a:hover {
	color : #ff0000;
}	
	
body {
	background-color : #003366;
	margin : 0px;
}

.clsTextField {
	width : 200px;
}



/*------------------------------
	header styles
*/	
.clsHeader {
	background : url(../images/header_fill.gif);	
}

.clsHeaderLinks {
	text-align : right;
	vertical-align : top;
	width : 320px;
}

.clsHeaderLink {
	background-color : #333333;
	color : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align : center;
	text-decoration : none;
	width : 80px;
}

.clsSubNav {
	border-bottom : 1px solid #999999;
}



/*------------------------------
	home page styles
*/
.clsFeatureLink {
	font-weight : bold;
	vertical-align : bottom;
}

.clsFeatureLink a {
	color : #ffffff;
}

.clsFeatureLink img {
	vertical-align : bottom;
}

.clsFeatureText {
	margin-top : 2px;
}



/*------------------------------
	content styles
*/
.clsContent {
	padding-top : 20px;
	padding-left : 15px;
}

.clsContentSection {
	padding-top : 2px;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 0px;
}


h1 {
	color : #FFFFFF;
	font-family : Georgia, Garamond, times, sans-serif;
	font-size : 28px;
	font-weight : normal;
	margin-top : 0px;
}

h2 {
	color : #CCCCCC;
	font-family : Georgia, Garamond, times, sans-serif;
	font-size : 20px;
	font-weight : normal;
	margin-top : 0px;
}

h3 {
	font-size : 14px;
	font-weight : bold;
	margin : 10px;
}

hr {
	color : #809C9F;
	margin : 0px;
	padding : 0px;
}

.clsSeparator {
	border-top : 1px solid #809C9F;
	border-left : 1px solid #809C9F;
	font-size : 2px;
	height : 8px;
}

.clsSubTitle {
	font-size : 16px;
	font-weight : bold;
	padding-bottom : 5px;
}

.clsQuestionMarkBG {
	background : #003366 url(../images/bg_questionmark.gif) bottom right no-repeat;
}

.clsCaption {
	color : #A5BFBF;
}



/*------------------------------
	table styles
*/
.clsDataTable {
	border-left : 1px solid #9FC1C3;
	border-bottom : 1px solid #9FC1C3;
	border-top : 1px solid #9FC1C3;
}

.clsDataTable a {
	color : #ffffff;
}


.clsDataTableTabOn {
	background-color : #A6C0BF;
	border-right : 1px solid #9FC1C3;
	color : #000000;
	padding-left : 10px;
	padding-right : 10px;	
	width : 130px;
}

.clsDataTableTabOff {
	background-color : #4A6C8D;
	border-left : 1px solid #003466;
	border-right : 1px solid #003466;	
	border-bottom : 1px solid #003466;	
	color: #ffffff;
	padding-left : 10px;
	padding-right : 10px;	
	width : 130px;
}

.clsDataTableTabOff a {
	color : #ffffff;
}

.clsDataTableHeader {
	background-color: #A6C0BF;
	border-right : 1px solid #003466;	
	color: #000099;
}

clsDataTableHeaderLink {
	color: #000099;
}

.clsDataTableHeaderLastCol {
	background-color: #A6C0BF;
	border-right : 1px solid #9FC1C3;	
	color: #000000;
}

.clsDatTableRow {
	border-right : 1px solid #A6C0BF;
}

.clsDatTableRowHighlight {
	background-color: #365879;
	border-right : 1px solid #A6C0BF;	
}

.clsPagination {
	font-weight : bold;
}

.clsPagination a {
	color : #ffffff;
}

.clsPagination img {
	vertical-align : bottom;
}

.clsPageOn {
	background-color: #F9020A;
	text-decoration : none;
}

a.clsPageOn:hover {
	text-decoration : none;
}

.clsPageOff {
	text-decoration : none;
}

a.clsPageOff:hover {
	text-decoration : none;
}




/*------------------------------
	footer styles
*/
.clsFooter {
	background : #333333;
	border-top : 1px solid #999999;
	color : #999999;
}

.clsFooterLogo {
	vertical-align : top;
}

.clsFooterText {
	color : #999999;
	padding : 10px;
	text-align : right;
	vertical-align : bottom;
}

.clsFooterLink {
	color : #999999;
	font-size : 10px;	
	text-decoration : none;
}


.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
text-align:center;
font-size: 10px;
}

.floatleft
{
float: left;
margin: 0 10px 10px 0;
border: 1px solid #666;
padding: 2px;
text-align: center;
font-size: 10px;
}

.floatleft p
{
margin-top: 5px;
width: 16em;
font-size: 10px;
}