/* HTML Elements---------------------------------------------------------------------------------------------*/

html { 
	font-size: 100%; /* IE hack - to make IE 5 show fonts consistently see comment below on font-size */ 
}

body{
	background-image:url('/Templates/Images/Common/background.png');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#013359;
	margin:0;
}


#contactItalic {
    font-style:italic;
}

a:link, a:active, a:visited {
	font-size:11px;
	color:#38004e;
	font-weight:bold;
	text-decoration: none;
}	
a:hover  {
	font-size:11px; 
	color:#000; 
	font-weight:bold;
	text-decoration: underline;
}
a img {
	border:none;
	}
	
.listImage {
	border:none;
	margin-left:25px;
	}

li {
	list-style-image:url('/Templates/Images/Common/bullet.gif');
	list-style-type:none;
	color:#666666;
}
h1 {
	color:#653366;
	font-weight:lighter;
	line-height:26px;
	font-size:21px;
}

h2 {
	color:#653366;
	font-size:16px;	
	font-weight:lighter;
	margin-top:15px;
	line-height:17px;
}

		
		#PageWrapper #InnerWrapper #middle #ContentInner .captionRow {
			font-style:italic;
			font-size:12px;			
		}
		
		#PageWrapper #InnerWrapper #middle #ContentInner .caption {
			font-size:9px;
			line-height:12px;
			font-style:italic;
		}

#PageWrapper #InnerWrapper #middle #ContentInner .bordered th {
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}

#PageWrapper #InnerWrapper #middle #ContentInner .bordered {
	border-bottom:1px solid #999999;
}


#PageWrapper #InnerWrapper #middle #ContentInner #leftContent .bordered th {
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}

#PageWrapper #InnerWrapper #middle #ContentInner #leftContent .bordered {
	border-bottom:1px solid #999999;
}

.clear { clear:both; }

input 
{
	border: 1px solid ;
	background-color: #fff;
	
}

#calBtn input, #searchBtn input {
		background-image: url('/Templates/Images/Common/calculate-btn.jpg');
		height:28px;
		width:79px;
		border:none;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		}			
		
#searchBtn input {
	margin-left:120px;
		}
		
.RedButton {
		background-image: url('/Templates/Images/Common/calculate-btn.jpg');
		height:28px;
		width:79px;
		border:none;
		color:#FFFFFF;
		cursor:pointer;
		font-weight:bold;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
}			


/* Layout Styles---------------------------------------------------------------------------------------------*/
#PageWrapper {
	width:100%;	
	background-image:url('/Templates/Images/Common/mainRep.gif');
	background-repeat:repeat-x;
}

	#PageWrapper #InnerWrapper {
		width:984px;
		margin:auto;
	}
		
		#PageWrapper #InnerWrapper #mastHead {
			padding-left:7px;
			height:221px;
			background-image:url('/Templates/Images/Common/page_repeat.png');
			background-repeat:repeat-y;
			
		}
		#PageWrapper #InnerWrapper #mainNav {
			margin-top:-2px;
		}
		#PageWrapper #InnerWrapper #mainNav ul {
			margin:0px;
			padding:0px;
			border:0px;
			margin-left:2px;
		}
		#PageWrapper #InnerWrapper #mainNav li {
			display: inline;
			list-style-type: none;
			margin:-2px;
		}
		#PageWrapper #InnerWrapper #mainNav a {
			margin:0px; 
			padding:0px;
		}
		
		
	#PageWrapper #InnerWrapper #middle {
		width:100%;
		background-image:url('/Templates/Images/Common/page_repeat.png');
		background-repeat:repeat-y;
		min-height:500px;
	}	
		#PageWrapper #InnerWrapper #middle #ContentInner {
			min-height:500px;
			margin-left:7px;
			margin-right:7px;
		}
		#PageWrapper #InnerWrapper #middle #ContentInner #leftArea {
			width:690px;
			float:left;
			height:inherit;
			margin-top:10px;
			margin-left:0px;
			padding-left:0px;
			padding-top:0px;
			padding-right:20px;
			line-height:20px;
			border-right:1px solid #666666;
		}	
		
					
		#PageWrapper #InnerWrapper #middle #ContentInner #fullWidthArea {
			width:949px;
			float:left;
			height:inherit;
			margin-top:10px;
			margin-left:0px;
			padding-left:0px;
			padding-top:0px;
			padding-right:20px;
			line-height:20px;
		}	

		
		#PageWrapper #InnerWrapper #middle #ContentInner .wCaption {
			margin-top:0;
			margin-left:10px;
			margin-bottom:10px;
			width:200px;
			float:right;
		}
		
		#PageWrapper #InnerWrapper #middle #ContentInner .imgCaption {
			margin:0;
			padding:5px;
			font-size:9px;
			line-height:12px;
			color:#000000;
		}
			
		#PageWrapper #InnerWrapper #middle #ContentInner #leftContent {
			margin-left:20px;			
		}
				
			#PageWrapper #InnerWrapper #middle #subNav {				
				/*float:left;*/
				min-height:40px;				
				text-align:left;
				padding-bottom:20px;
				background-image: url('/Templates/Images/Common/subNav-bar.gif'); 
				background-repeat:no-repeat;
				background-position:bottom right;
				
			}			
				#PageWrapper #InnerWrapper #middle #subNav a {
					color:#666666;
					text-decoration:none;
					font-weight:bold;		
				}					
				#PageWrapper #InnerWrapper #middle #subNav a:hover {
					color:#38004e;
					text-decoration:underline;
					font-weight:bold;		
				}
								
		
		#PageWrapper #InnerWrapper #middle #ContentInner #rightArea {
			width:249px;
			float:left;
			min-height:430px;
			padding-left:10px;
		}	
		.podHeader1 {
			height:22px;
			background-color:#666666;
			color:#FFF;
			font-weight:bold;
			padding-left:5px;
			padding-top:3px;
		}
		.podHeader2 {
			height:22px;
			background-color:#cc0000;
			color:#FFF;
			font-weight:bold;
			padding-left:5px;
			padding-top:3px;
		}
		.podHeader3 {
			height:22px;
			background-color:#38004e;
			color:#FFF;
			font-weight:bold;
			padding-left:5px;
			padding-top:3px;
		}
		#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #searchWrapper {
			margin-top:10px;
			height:100px;
			border:2px solid #666666;
		}
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #searchWrapper #SearchForm {
				margin-top:15px;
			}
				#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #searchWrapper #SearchForm p {
					padding-top:5px;
					margin-left:10px;
				}
				#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #searchWrapper #SearchForm #AdvancedSearch {
					padding-top:5px;
					margin-left:10px;
				}
				#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #searchWrapper #SearchForm input {
					border:2px solid #666666;
					background-color:#fff;
					height:15px;
					float:left;
					margin-left:10px;
				}
		#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #loginWrapper {
			margin-top:10px;
			min-height:125px;
			border:2px solid #cc0000;
		}
		#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper {
			border:2px solid #38004e;
			height:200px;
			margin-top:10px;
		}
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper ul {
				margin-left:25px;
				margin-top:10px;				
				color:#666666;
			}
			
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper li {				
				margin-bottom:10px;								
			}
			
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper ul a {
				color:#666666;
			}
			
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper ul a:hover {
				color:#38004e;
			}
			
			#PageWrapper #InnerWrapper #middle #ContentInner #rightArea #newsWrapper #moreTitle {
			    margin-left:10px;
			}
			
		#PageWrapper #InnerWrapper #footerNav{
			height:19px;
			margin-left:20px;
			width:620px;
			float:left;
			text-align:left;
			padding-top:20px;
		}		
			
				#PageWrapper #InnerWrapper #footerNav a:link, 
				#PageWrapper #InnerWrapper #footerNav a:visited, 
				#PageWrapper #InnerWrapper #footerNav a:active {	
					text-decoration:none;
					color:#38004e;				
				}
				
				#PageWrapper #InnerWrapper #footerNav a:hover {
					color:#000;
				}
		
		
		#PageWrapper #InnerWrapper #footerWrapper {
			background-image:url('/Templates/Images/Common/footer-bg.png');
			background-repeat:no-repeat;
			height:153px;
			padding-top:57px;			
		}
		#PageWrapper #InnerWrapper #footerWrapper #footerLogos {
			float:left;
			margin-left:7px;
		}
		#footercopy {
			float:left;
			margin-left:20px;
			margin-top:30px;
			width:620px;
		}
			
				#PageWrapper #InnerWrapper #footercopy a:link, 
				#PageWrapper #InnerWrapper #footercopy a:visited, 
				#PageWrapper #InnerWrapper #footercopy a:active {	
					text-decoration:none;
					color:#38004e;				
				}
				
				#PageWrapper #InnerWrapper #footercopy a:hover {
					color:#000;
					font-weight:normal;
				}
		
/*Drop Menu Styles*/
#DropMenu {
	position:absolute;
	line-height:18px;
	z-index:100;
	margin-top:0px; 
	margin-left:-1px;
	line-height:14px; 
	font-size:8pt;
	background-color:#663366;
	padding-bottom:10px;
	border:1px solid #ffffff;
	
}
#DropMenu a{
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding-top:4px;
	padding-bottom:4px; 
	padding-left:4px;
	padding-right:4px;
}

#DropMenu a:hover{ 
	text-decoration: none;
	background-color:#38004E;
	color:#fff;
}

#DropMenu a:visited{ 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #fff;
}

/* Search Box Styles */

.SearchButtonImage {
	border:2px solid #666666;
	background-color:#fff;
	height:15px;
	float:left;
	margin-left:10px;
}

.SearchTextBox {
	border:2px solid #666666;
	background-color:#fff;
	height:15px;
	float:left;
	margin-left:10px;
}

.loginWrapper {
margin-top:10px;
min-height:125px;
border:2px solid #cc0000;
 width:245px;
}

/* grid styles */

.DataGrid {
	border:none;
	 border-collapse: collapse;
}

.DataGrid tr th {
	background-color: #8e2525;
	color: #ffffff;
	padding: 5px 10px 5px 5px;
	text-align:center;
}

.DataGrid tr td {
	border: none;
	
}

.FieldColumn {
    font-weight:bold;
    text-align:center;
    width:100px;
}

.DataColumn {
    font-size: 7pt;
    text-align:right; 	
}

.TitleColumn {
    font-weight:bold;
     width:100px;
}

.OddRow td {
}

.EvenRow td {
	background-color:#d7d7d7;
}

.CalGridTitle td {
	padding: 5px;
	background-color:#8e2525;
	color:#ffffff;
}

.CalOddRow td {
	padding-top:3px 0px;
	text-align:left;
}

.CalEvenRow td {
	padding-top:3px 0px;
	text-align:left;
	background-color:#d7d7d7;
}


/* grid styles flats */

.GridTitle td {
	border-bottom:#cccccc 1px solid;
}

.DataGridFlats {
	/*border:1px solid #38004e;*/
	border-collapse: collapse;
}

.DataGridFlats tr th {
	background-color: #8e2525;
	color: #fff;
	padding: 2px;
	text-align:left;
}

.DataGridFlats tr td {
	/*border: 1px solid #fff;
	padding: 2px;*/	
}

.DataColumnFlats {
    text-align:right; 
    
}


.SiteMaplvl1 {
    padding-top:15px;    
}

.SiteMaplvl2 
{
    padding-left:2px;
    }