/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
html, body { 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
color:#ffffff;
background-color:#16537f;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#85cef7;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#ffffff;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:30px;line-height:30px;padding:4px 0 4px 0;font-weight:normal;}
h2 {font-size:20px;line-height:22px;padding:4px 0 4px 0;}
h3 {font-size:22px;line-height:22px;padding:4px 0 4px 0;font-weight:normal;}
h4 {font-size:16px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:16px;line-height:16px;padding:4px 0 4px 0;font-weight:normal;}
h6 {font-size:12px;line-height:14px;padding:4px 0 4px 0;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}
p {padding-top:0;margin-top:0;}


.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
border:none;
}

.divider {
clear:both;
font-size:0;
line-height:5px;
height:5px;
padding:0 0 0 0;
margin:5px 0 0 0;
border-top:solid #c5e1ec 3px; 
}


/* GAPS
Gaps to space elements */
.gap1 {float:left;width:20px;}
.gap2 {float:left;width:14px;}


/* IMAGE HOLDERS
hold images to the left or right */
.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;}
.img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;}
.img-main {display:none;text-align:center;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:6px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
	li {
	line-height:18px;
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:7px;
	margin-left:0;
	padding-left:20px;
	background-image:url(../images/point.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	}




/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container1 {
display:block;
text-align:left;
margin:0 auto;
padding:0 0 0 0;
border:none;
}

#container2 {
width:900px;
text-align:left;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}


	/* MAIN HEADER */
	#header {
	height:85px;
	text-align:center;
	background-image:url(../images/top_bar.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
		#header img {
		display:inline-block;
		padding-top:16px;
		}
		
		
		
	/* MAIN NAVIGATION */
	#navigation {
	height:34px;
	line-height:34px;
	color:#ffffff;
	background-image:url(../images/nav_grad.gif);
	background-position:top;
	background-repeat:repeat-x;
	}
	
		#navigation #navigation-inner {
		width:900px;
		height:34px;
		font-size:14px;
		text-align:left;
		margin:0 auto;
		margin-left:auto;
		margin-right:auto;
		padding:0 0 0 0;
		border:none;
		padding-left:90px;
		background-image:url(../images/nav_bg.gif);
		background-position:center top;
		background-repeat:no-repeat;
		}
	
			#navigation #navigation-inner a {
			float:left;
			display:inline-block;
			color:#ffffff;
			height:34px;
			line-height:34px;
			padding:0 24px 0 24px;
			background-image:url(../images/navlink.gif);
			background-position:left -34px;
			background-repeat:repeat-x;
			}
				#navigation #navigation-inner a:hover,
				#navigation #navigation-inner .on {
				color:#4fb8ff;
				background-image:url(../images/navlink.gif);
				background-position:left 0px;
				}
			
			#navigation #navigation-inner .nav-div {
			float:left;
			display:inline-block;
			width:1px;
			background-image:url(../images/nav_div.gif);
			background-position:top;
			background-repeat:no-repeat;
			font-size:0;
			line-height:34px;
			height:34px;
			padding:0 0 0 0;
			margin:0 auto;
			border:none;
			}

	
	
	
	#flash {
	height:270px;
	background-image:url(../images/flash_under.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
		#flash .flash-left {
		float:left;
		width:524px;
		height:234px;
		background-image:url(../images/flash_over.png);
		background-position:left top;
		background-repeat:no-repeat;
		}
		
		#flash .flash-right {
		float:left;
		width:326px;
		height:219px;
		color:#02192b;
		padding:15px 20px 0 30px;
		background-image:url(../images/flash_side.gif);
		background-position:left top;
		background-repeat:no-repeat;
		}
			#flash .flash-right h1 {color:#ffffff;padding-left:20px;line-height:26px;}
			#flash .flash-right ul li {
			font-weight:normal;
			font-size:14px;
			line-height:16px;
			background-image:url(../images/point2.gif);
			background-position:0 5px;
			background-repeat:no-repeat;
			}
			
	#flash2 {
	height:141px;
	background-image:url(../images/flash_under.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
		#flash2 .flash-left {
		float:left;
		width:610px;
		height:84px;
		padding:20px 0 0 20px;
		background-image:url(../images/header_bg.gif);
		background-position:left top;
		background-repeat:no-repeat;
		}
			#flash2 .flash-left h1 {color:#ffffff;line-height:26px;}
			#flash2 .flash-left a {color:#022f51;}
			#flash2 .flash-left a:hover {color:#0676b5;}
		
		#flash2 .flash-right {
		float:left;
		width:270px;
		height:104px;
		position:relative;
		}
			#flash2 .flash-right .flash-inner {
			width:270px;
			height:104px;
			position:absolute;
			top:0px;
			left:0px;
			background-image:url(../images/flashsmall_over.png);
			background-position:left top;
			background-repeat:no-repeat;
			}
	
		
	
	
	/* MAIN CONTENT */
	#main {
	line-height:18px;
	padding:20px;
	color:#08436d;
	background-color:#ffffff;
	margin:14px 0 20px 0;
	}
	
		#main a {color:#0e9bb4;}
		#main a:hover {color:#82c0d8;}
	
	#main2 {
	line-height:18px;
	color:#08436d;
	background-image:url(../images/white_blue.gif);
	background-position:top;
	background-repeat:repeat-y;
	margin:14px 0 20px 0;
	}
		#main2 .main-left {
		float:left;
		width:290px;
		padding:20px;
		background-color:#ffffff;
		}
		
		#main2 .main-right {
		float:left;
		width:530px;
		padding:20px;
		color:#ffffff;
		}
		
		#main2 .main-right2 {
		float:right;
		width:568px;
		}


		#main h3,
		#main2 h3 {color:#043653;}
		
		
		
		#main2 .home-rec {
		float:right;
		width:273px;
		height:95px;
		padding:40px 20px 0 275px;
		background-image:url(../images/image_recreation.jpg);
		background-repeat:no-repeat;
		}
		
		#main2 .home-com {
		clear:right;
		float:right;
		width:263px;
		height:92px;
		padding:46px 270px 0 35px;
		background-image:url(../images/image_commercial.jpg);
		background-repeat:no-repeat;
		}
		
			#main2 .home-rec h3,
			#main2 .home-com h3 {
			color:#70c3f1;
			padding-bottom:10px;
			}
			
			
			
		.button {
		float:left;
		display:inline-block;
		padding-bottom:4px;
		background-image:url(../images/but_bottom.gif);
		background-position:center bottom;
		background-repeat:no-repeat;
		}
			#main .button a,
			#main2 .button a {
			font-size:11px;
			color:#ffffff;
			display:inline-block;
			padding:0 5px 0 5px;
			background-image:url(../images/but_bg.gif);
			background-position:left;
			background-repeat:repeat-x;
			line-height:19px;
			}
			
				#main .button a:hover,
				#main2 .button a:hover {
				color:#002542;
				background-color:#a4c1d2;
				background-position:left -19px;
				}
	
	
	/* MAIN FOOTER */
	#footer {
	line-height:18px;
	font-size:12px;
	color:#47a9df;
	text-align:left;
	padding:8px 20px 30px 20px;
	border-top:solid #216a9e 1px;
	background-image:url(../images/footer_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
	
		#footer .footer-right {
		float:right;
		}
	
		#footer a {color:#85cef7;}
		#footer a:hover {color:#ffffff;}
		
		#footer span {
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
		}