/*** ----------------------------------------- ***/
/*** Miscellaneous (for easy updating!) ------------ ***/		
		/* ... Box Postioning ...*/
		/* ... Box Dimensions ... */		
		/* ... Box Style ... */
		/* ... Font Properties ... */

	.blue-block { 
		/* ... Box Style ... */
		border-top: 1px solid #000;
		
		/* ... Font Properties ... */
		color: #FFF;  
	}
	.blue-block a { 
		/* ... Font Properties ... */
		color: #C7E687;
	}
	.blue-block a:hover { 
		/* ... Font Properties ... */
		color: #fff;
	}	
	.clear { 
		/* .... Box Postioning ...*/
		clear: both; 
		display: block; 
	}
	img { 
		/* ... Box Style ... */
		border: none;
	}
	.img-left { 
		/* .... Box Postioning ...*/
		float: left; 
		position: relative;
		top: 5px;
		
		/* ... Box Dimensions ... */
		margin: 0 20px 15px 0;  
	}
	.img-right { 
		/* .... Box Postioning ...*/
		float: right; 
		position: relative; 
		top: 5px;
		
		/* ... Box Dimensions ... */
		margin: 0 0 15px 20px; 
	}
/*** ----------------------------------------- ***/
/*** END Miscellaneous ------------------------------ ***/




/* --------------------------------------------- */
/* Main Styles --------------------------------- */
	body { 		
		/* ... Box Dimensions ... */
		margin: 0; 
		padding: 0;
				
		/* ... Box Style ... */		
		background: #2f3181; 
		
		/* ... Font Properties ... */		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}	
	
	td, input, textarea, select{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
	}
		a { 
			/* ... Font Properties ... */
			color: #2f3181;
			text-decoration: underline;
		}
		a:active, a:focus { 
			/* ... Font Properties ... */
			outline: none; 
		}
		a:hover { 
			/* ... Font Properties ... */
			color: #2f3181; 
			text-decoration: none;
		}	
		#content { 		
			/* .... Box Postioning ...*/
			margin-left: auto;
			margin-right: auto;
			 
			/* ... Box Dimensions ... */
			width: 776px;
			
			
			/* ... Box Style ... */		
			border-left: solid #b1be36 5px;
			border-right: solid #b1be36 5px;				

		}

	

	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */				
	#header { 
		/* .... Box Postioning ...*/
		position: relative; 
		
		/* ... Box Dimensions ... */
		height: 100px;
		
		/* ... Box Style ... */		
		background: url('../images/lakeparkflorida/headerBg.jpg') no-repeat;		
	 }
		#header h1 { 
			/* .... Box Postioning ...*/
			position: absolute; 
			top: 0px; 
			left: 29px;
			
			/* ... Box Dimensions ... */
			margin: 0; 
			border: none;
			padding: 0;
			height: 100px;
			width: 419px;
		}
		#header h1 a {
			/* .... Box Postioning ...*/
			display: block;
			
			/* ... Box Dimensions ... */
			height: 100px;
			width: 419px;			
			
			/* ... Box Style ... */		
			background-image: url(../images/lakeparkflorida/logo.png);
			background-repeat: no-repeat;
			
			/* ... Font Properties ... */
			text-indent:-2000px;
		}
		#header .contact-info { 
			/* .... Box Postioning ...*/
			position: absolute; 	
			bottom: 8px;
			right: 0; 
			
			/* ... Box Dimensions ... */			
			margin: 0;
			border: none;
			padding: 0;
			padding-right: 10px;
		
			/* ... Font Properties ... */
			font-family: Arial, Verdana, Helvetica;
			color: #d3e6f3;
			font-size: 15px; 
		}
			#header .contact-info a { 
				/* ... Font Properties ... */
				color: #C7E687;
				text-decoration: underline; 
			}
			#header .contact-info a:hover { 
				/* ... Font Properties ... */
				color: #d3e6f3;
				text-decoration: none;  
			}



			
/* --------------------------------------------- */
/* Navigation ---------------------------------- */				
	#navigation { 	
		/* .... Box Postioning ...*/
		position: relative;
		z-index: 2000;
		
		/* ... Box Dimensions ... */
		height: 32px;
		
		background: #41bde8 url(../images/lakeparkflorida/navBtnBg_Purple.gif) repeat-x;
	}
	#navigation a.levelOneNav { 	
		/* ... Font Properties ... */
		color: white; 
		font-size: 12px;
		font-weight: normal;
		text-decoration: none; 		
	}	
		.navBgBlue { 	
			background: #41bde8 url(../images/lakeparkflorida/navBtnBg_Blue.gif) repeat-x;
		}
		.navBgGreen { 	
			background: #41bde8 url(../images/lakeparkflorida/navBtnBg_Green.gif) repeat-x;
		}
		.navBgAqua { 	
			background: #41bde8 url(../images/lakeparkflorida/navBtnBg_Aqua.gif) repeat-x;
		}
		.navBgPurple { 	
			background: #41bde8 url(../images/lakeparkflorida/navBtnBg_Purple.gif) repeat-x;
		}
	#navigation a:hover { 
		/* ... Font Properties ... */
		color: #2f3181; 
		text-decoration: none; 
	}

	#navigation a.first { 
		/* ... Box Style ... */
		border-left: none;
	}
	#navigation a.last { 
		/* ... Box Style ... */
		border-right: none; 
	}			
		
		/* SUPERFISH STYLESHEET ---------------------------------- */
		/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
		.sf-menu ul { border:2px solid #67920D }
		
		.sf-menu a {border-right:4px solid #FFF }
		.sf-menu ul a { border-bottom:1px solid #A4CF47; border-top:1px solid #FFFFD2 }
		
		.sf-menu ul a.top { border-top:none }
		.sf-menu ul a.bottom { border-bottom:none }
		
		.sf-menu ul a:hover { background:#336A93 !important; color:#FFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }
		
		/* visited pseudo selector so IE6 applies text colour*/
		.sf-menu a,
		.sf-menu a:visited  { color:#517307 }
		
		.sf-menu li li { background:#E2F3BE }
		.sf-menu li li li { background:#E2F3BE }
		
		.sf-menu li:hover,
		.sf-menu li.sfHover,
		.sf-menu a:focus,
		.sf-menu a:hover,
		.sf-menu a:active { background:#E2F3BE }
		
		.sf-menu ul li:hover,
		.sf-menu ul li.sfHover a.item,
		.sf-menu ul a:focus,
		.sf-menu ul a:hover,
		.sf-menu ul a:active { background:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }
			.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
			.sf-menu { line-height: .8; }
			.sf-menu ul { position:absolute; top:-999em; width:13em }
			.sf-menu ul li { width:100% }
			
			/* fixes IE7 'sticky bug' */
			.sf-menu li:hover { visibility:inherit }
			
			.sf-menu li { float:left; position:relative }
			.sf-menu a { display:block; position:relative }
			
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul { left:0; top:2.1em; /* match top ul list item height */ z-index:99 }
			
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul { top:-999em }
			
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
			
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul { top:-999em }
			
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
			/*** ---------------------------------------------------------------------------------- ***/
			
			/* Dropdown Styling */
			.sf-menu { margin:0; }
			.sf-menu a { text-transform:uppercase; font-size:16px; padding:11px 15px 11px 15px; text-decoration:none }
			.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:12px; padding:10px 10px 10px 10px; text-decoration:none }
			
			.sf-menu li:hover, .sf-menu li.sfHover,
			.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }
		
			.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
			.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/lakeparkflorida/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
			a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
			
			a:focus > .sf-sub-indicator,
			a:hover > .sf-sub-indicator,
			a:active > .sf-sub-indicator,
			li:hover > a > .sf-sub-indicator,
			li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
			
			.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
			.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
			
			.sf-menu ul a:focus > .sf-sub-indicator,
			.sf-menu ul a:hover > .sf-sub-indicator,
			.sf-menu ul a:active > .sf-sub-indicator,
			.sf-menu ul li:hover > a > .sf-sub-indicator,
			.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */




/* banner area ----------------------- */
	.horizontalSeperator {
		height: 24px;
	}
/* --------------------------------------------- */





/* Main Homepage Content ----------------------- */
#main-content { background:white; }
	#contentLeft {
		width: 592px;
		vertical-align: top;
	
	}
	#contentRight {
		background-color: #75cac1;
		width: 184px;
		vertical-align: top;
		padding: 6px;
	}

.bodytext {
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
}


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { border:1px solid #C7B998; color:#888 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px }
.textarea { border:1px solid #C7B998; color:#888 }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }
.button { font-weight:bold; padding:5px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

/* .... Box Postioning ...*/
/* ... Box Dimensions ... */		
/* ... Box Style ... */
/* ... Font Properties ... */
		
		
#footer { 
	/* .... Box Postioning ...*/
	position: relative; 
	
	/* ... Box Dimensions ... */
	margin: 0 auto; 
	padding: 20px; 
			
	/* ... Box Style ... */
	border-left: 1px solid #325772; 
	border-right: 1px solid #325772;	
	border-top: 1px solid #000; 
	background: #2f3181; 
	
	/* ... Font Properties ... */
	color: #FFF; 
	font-size: 12px;	
}
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }

#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span { position:absolute; right:20px; top:20px }


.hrpurple {
	color: #2f3181;
	size: 2px;
	width: 100%;
}

.hrlightblue {
	color: #c2f6f3;
	size: 2px;
	width: 100%;
}

.sidebox {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 15px;
}

.bgcolorlightblue {
	background-color: #c2f6f3;
	overflow: hidden; /* added 12/20/2009 */
}

.maintext {
	padding-left: 10px;
	padding-right: 10px;
}

.topnav {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.filelink  {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.contentLeft a  {
	text-decoration: none;
	color: purple;
}
.contentLeft  a:active {
	text-decoration: underline;
	color: red;
}
.contentLeft  a:hover {
	text-decoration: underline;
	color: red;
}
.contentLeft a:visited  {
	text-decoration: none;
	color: purple;
}

.sidebox a  {
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	color: #2f3181;
}
.sidebox  a:active{
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	color: white;
}
.sidebox a:visited  {
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	color: #2f3181;
}
.sidebox  a:hover {
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	color: white;
}

.success {color: #990000; font-family:verdana, Helvetica, sans-serif; font-size:10pt; font-weight:bold; font-style:italic; text-align:justify;}
.headerRED {color:#9A1908; font-family:verdana, Helvetica, sans-serif; font-size:11pt; font-weight:bold;}
.headerBLUE {color:#000066; font-family:verdana, Helvetica, sans-serif; font-size:11pt; font-weight:bold;}


#searchbox {text-align:right; color: #ffffff; font-size: 83%; padding: 2px;}
#searchbox input {height: 12px;}









