/***** DEFAULT STYLES *****/

html, body, table {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #0D395A;
}

img { border: 0px; }

a:link, a:visited { color: #0D395A; }
a:hover { color: #CC2E39; }

hr { color: #ebebeb; height: 1px; margin: 6px 0px; }

/***** FONTS *****/

h1 { color: #CC2E39; font-size: 15px; margin: 0px 0px 10px 0px; }
h2 { color: #CC2E39; font-size: 13px; margin: 0px 0px 10px 0px; }

p {
	margin-top: 8px;
	line-height: 22px;
}

a.seemore:link, a.seemore:visited { font-size: 11px; font-weight: bold; color: #1F5F90; }
a.seemore:hover { color: #CC2E39; }
img.seemore { vertical-align: bottom; }

a.url:link, a.url:visited { text-decoration: none; }
a.url:hover { text-decoration: underline; }

/***** FORMS *****/



/***** LAYOUT *****/

body {
	margin: 0px;
	padding: 0px;
	background: #fff;
}

#pagecontainer {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	/* The following line stops the content disappearing off the left edge when the window is resized  */
	* margin-left:expression(document.body.clientWidth < 760? "-" + parseInt(document.body.clientWidth/2) + "px": "-380px" );
	padding-bottom: 15px;
}

	#topstrip {
		width: 760px;
		height: 65px;
		padding-top: 25px;
	}
	
		#topstrip img { float: left; }
		
		#topstriplinks { float: right; color: #1F5F90; padding-top: 30px; }
			#topstriplinks a:link, #topstriplinks a:visited { font-weight: bold; color: #1F5F90; font-size: 11px; }
			#topstriplinks a:hover { font-weight: bold; color: #CC2E39; }
			
	#leftcolumn {
		width: 180px;
		float: left;
		padding-right: 10px;
		text-align: center;
		font-size: 11px;
	}
	
		#leftcolumn ul {
			margin: 0px 0px 15px 0px;
			padding: 0px;
		}
		
			#leftcolumn ul li {
				list-style: none;
				width: 180px;
				height: 25px;
				line-height: 25px;
				background: transparent url(/images/lhnav-bg.gif) no-repeat left top;
				margin-bottom: 1px;
			}
			
				#leftcolumn ul li a:link, #leftcolumn ul li a:visited {
					display: block;
					width: 152px;
					height: 25px;
					color: #0E3857;
					font-weight: bold;
					text-decoration: none;
					padding-left: 28px;
					font-size: 11px;
					text-align: left;
				}
				
				#leftcolumn ul li a:hover, #leftcolumn ul li.active  {
					background: #6CADDF url(/images/lhnav-bg-on.gif) no-repeat left top;
					color: #fff;
				}
				
				#leftcolumn ul li.lhtop { background: transparent url(/images/lhnav-bg-top.gif) no-repeat left top; }
				#leftcolumn ul li.lhtop a:hover { background: transparent url(/images/lhnav-bg-top-on.gif) no-repeat left top; }
				#leftcolumn ul li.lhtopactive { background: transparent url(/images/lhnav-bg-top-on.gif) no-repeat left top; }
				
				#leftcolumn ul li.lhbot { background: transparent url(/images/lhnav-bg-bot.gif) no-repeat left top; }
				#leftcolumn ul li.lhbot a:hover { background: transparent url(/images/lhnav-bg-bot-on.gif) no-repeat left top; }
				#leftcolumn ul li.lhbotactive { background: transparent url(/images/lhnav-bg-bot-on.gif) no-repeat left top; }
				
				
		#lhfeat {
			margin-bottom: 15px;
			width: 148px;
			height: 127px;
			background: transparent url(/images/lhfeat-bg.gif) no-repeat left top;
			color: #fff;
			padding: 14px 16px 14px 16px;
			text-align: left;
			line-height: 22px;
		}
		
			#pscroller1{
				display: block;
				width: 148px;
				height: 127px;
				padding: 0px 0px;
			}

			.someclass{ //class to apply to your scroller(s) if desired
			}
	
			#lhfeat a:link, #lhfeat a:visited {
				color: #0E3857;
				font-weight: bold;
			}
			
			#lhfeat a:hover {
				color: #fff;
			}
				
	#rightcolumn {
		width: 570px;
		float: right;
	}
		
		#rightcolumn ul li {
			line-height: 1.4em;
			padding-bottom: 4px;
		}
	
		#contentarea {
			width: 550px;
			padding: 15px 10px;
		}
		
	#footer {
		clear: both;
		width: 770px;
		font-size: 11px;
		color: #666;
		border-top: 1px solid #999;
		padding-top: 6px;
		margin-top: 4px;
	}
	
		#footer a:link, #footer a:visited {
			color: #666;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #CC2E39;
			text-decoration: underline;
		}
		
/***** OTHER CLASSES *****/
#googlemap {
	float: right;
	width: 300px;
	height: 250px;
}


/*********************
 HOME PAGE FLASH ANIM 
**********************/

#flashanim {
	position: relative;
	padding: 0px;
	width: 570px;
	height: 155px;
	margin: 0px;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}