/*

 MASTER.CSS 
Generated by Blair Limcangco
Created Date: March 31, 2006
Updated On: April 26, 2006
Updated By: Victor
Used for http://www.flheritage.com
Version 1.0b
 
 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  
 Version History
 ---------------------------
 Version 1.0a: Initial Version
 Version 1.0b: Cleaned for streamline coding
 
*/

/* -------------------------------------- */
/* -------------------------------------- */

/*  HTML CODE  */
html {
/*-- min-width:770px; --*/

}

body {
	font-family : Verdana;
	font-size:100%;
	margin:0px;
	padding:0px;
	color: #2e2e2e;
}


table {
	text-align:left;
}

li {

}
/* END OF HTML CODE */

/* -------------------------------------- */
/* -------------------------------------- */

/* HEADER CSS */
#header {
height:66px;
}

#headerMyFlorida {
position:absolute;
left:0px;
top:0px;
}



#headerOCHP {
position:absolute;
left:120px;
margin-left:100px;
}

#headerSearch {
position:absolute;
left:485px;
margin-left:100px;
margin-top:12px;

}

#headerSearch label {
font-size:80%;
}
/* END OF HEADER CSS */

/* -------------------------------------- */
/* -------------------------------------- */

/* HEADER MENU CSS */
#headerMenu {
	background-image:url("/images/background_menu_main.gif");
	background-repeat : repeat-x;
	text-align:top;
	font-size:0.85em;
	font-weight:bold;
	padding-left:6.7em;

}

#headerMenu ul {
	margin-top:0px;
	padding-top:4px;
}

#headerMenu li {
	display:inline;					/* Allows for horizontal nagivation lists */
	font-size:0.9em;
}

#headerMenu li a {
	font-weight:bold;
	color:#555555;					/* Controls the top Header - Color of text links */
	text-decoration : none;	
	padding-top:4px;
	padding-bottom:6px;
	padding-left:5px;
	padding-right:5px;
}

#headerMenu li a:hover {
	text-decoration : underline;
					/* Controls the top Header - hover background */
					/* Controls the top header - Link Color when being hovered over */ 
	padding-top:4px;
	padding-bottom:7px;
	padding-left:5px;
	padding-right:5px;
}
/* END OF HEADER MENU CSS */

/* -------------------------------------- */
/* -------------------------------------- */

/* CONTENT CONTAINER CSS */
#templatecontent {
	width:750px;
	margin-left:5px;
	padding-top:10px;  /* Added by Victor to create space between menu and main content */
	padding-bottom:10px;
	background:#FFFFFF;
	margin-top:2.5em;
	font-size:0.8em;	line-height:1.3em;
}

.leftContent {	/* Controls the Left hand content, main body of site, this can also be used to update text colors for the left column, in the overall paragraph section */
	margin-bottom:20px;
	width:510px;
	padding-right:0px;
	margin-top:0px;


}


#righthandBox { /* Controls the Right hand content, Subnavigations or ads */
	width:180px;
	float:right;
}

.righthandBox { /* Controls the Right hand content, Subnavigations or ads */
	width:180px;
	float:right;
	clear:right;
}

/* END OF CONTENT CONTAINER CSS */

/* -------------------------------------- */
/* -------------------------------------- */

#menus {

}

/* SUBHEADER MENU FOR SECTIONS */

	#subheaderMenu {
	width:100%;
	position:absolute;
	top:7.2em; /* Changed by Victor from 7.6 to 7.2 to move submenu up to center text of main menu vertically */
	left:0;

	background-repeat: no-repeat;
	background-position: 1px 0; 
	font-size:0.78em;

	z-index:4;

	margin: 0; }



	#subheaderMenu ul {
		padding-left:120px;
		margin-top: 1px;
		
		list-style: none; 
		margin-left:0px;
		color: #000; }

		

	#subheaderMenu li {		
		float: left;

		width: auto;
		
	

		margin: 0; }

		

	#subheaderMenu a {
		
		display: block;
		padding-top:4px;
		padding-left:6px;
		padding-right:6px;
		padding-bottom:4px;
		background-color: #00357F;

		color:white;

		text-decoration: none; }

		

		#subheaderMenu a:hover {

		display: block;
		padding-top:4px;
		padding-left:6px;
		padding-right:6px;
		padding-bottom:4px;

		background-color: #EDEDED;

		color:black;

		text-decoration: none; }



	#subheaderMenu li ul {

		position: absolute;
margin-left:0px;
padding-left:0px;
		top: auto;

		width: 12em;

		left: -999em; 

		z-index:4;

		margin: 0; }



	#subheaderMenu li ul li { width: auto; }

		

	#subheaderMenu li ul a {

		width: 12em;

		margin: 0;

		}



#subheaderMenu li:hover ul ul, #subheaderMenu li:hover ul ul ul, #subheaderMenu li.sfhover ul ul, #subheaderMenu li.sfhover ul ul ul {
	left: -999em;

}

#subheaderMenu li:hover ul, #subheaderMenu li li:hover ul, #subheaderMenu li li li:hover ul, #subheaderMenu li.sfhover ul, #subheaderMenu li li.sfhover ul, #subheaderMenu li li li.sfhover ul {
	left: auto;
}

#subheaderMenu li ul ul { /* third-and-above-level lists */
	margin: -2.2em 0 0 12em;
}
	


/* END OF SUBHEADER MENU CSS */
	
/* -------------------------------------- */
/* -------------------------------------- */

/* CONTRAINER FOR MAIN CONTENT CSS */
#leftControlContainer {
	z-index:1;
	float:left;
	width:510px;
	padding-right:10px;
	margin-left:2px;
	padding-left:5px;

}
/* END OF CONTAINER FOR MAIN CONTENT CSS */

/* -------------------------------------- */
/* -------------------------------------- */

/* RIGHT HAND GRAY BOX CSS */

.topOuterBox{
	background:url('/images/Untitled-3_01.jpg') no-repeat;
	margin:0px;
	padding-top:20px;	font-size:0.90em;	
}

.bottomOuterBox {
	
	margin-top:0px;
	padding-bottom:20px;
	height:30px;
	background:url('/images/Untitled-3_03.jpg') no-repeat;

}

.innerBox {
	background:url('/images/Untitled-3_02.jpg') repeat-y;
	margin:0px;
	padding-left:10px;
	width:170px;
}

.innerBox ul {
	width:160px;
	margin:0px;
	list-style:none;
	padding-left:0px;
	color:#333333;

}

.innerBox li {
	padding-bottom:7px;	
}

.innerBox li a {
	color:#005A2F;
	text-decoration:none;
}

innerBox li a:hover {
	background:white;
}

.innerBox ul li ul {
	margin:0px;
	list-style:none;
	padding-left:8px;
	padding-right:0px;
	padding-top:7px;
}

.innerBox ul li ul li {
	padding-bottom:7px;	
}

/* END OF RIGHT HAND GRAY BOX CSS */



.containerTop {	
	float:left;
	padding:0px;
	margin-top:20px;
	/*position:relative;*/
	height:6px;
	height:100px;	
	width:160px;
	margin-right:10px;
	font-size:0.75em;
}

.containerInner {
	background:url('/images/section_container_center.gif') repeat-y;
	margin:0px;
	height:58px;
	width:155px;
	padding-left:7px;
	padding-right:7px;
	float:left;
	clear:both;
}
	
.containerBottom {
	margin:0px;
	padding:0px;
	height:6px;
	background:url('/images/section_container_bottom.gif') no-repeat;
}


/* FOOTER CSS */
#footer {
	margin-top:20px;
	padding-top:10px;
	background: url(/images/dos.gif) no-repeat;
	background-color:#E7E7E7;
	font-size:0.7em;
	height:5em;
	position:relative;
}

#footerBanner {
	padding-left:10px;

}

#footerText {
	padding-top:10px;
	margin-left:120px;
	position:absolute;
	left:60px;
	top:0px;
	width:300px;
	text-align:center;
	line-height:1.5em;
}

#footerText li {
display:inline;
margin-left:10px;
}

#footerTextMenu {
	
	padding-top:1.6em;
	text-align:right;
}

#footer form {
	margin-top:1.4em;
	position: absolute;
	left:515px;
	top:0em;
}
/* END OF FOOTER CSS */








/* PATTERN ONE */
#patternOneLeftSide {
	width:180px;
	float:left;	
}

#patternOneRightSide {
	width:520px;
	float:left;
}

/* PATTERN TWO */
#patternTwoLeftSideContainer {
	width:180px;
	float:left;	
}

#patternTwoLeftSideBoxTop {
	width:180px;
}

#patternTwoLeftSideBoxBottom {
	width:180px;
}

#patternTwoRightSide {
	width:520px;
	float:left;	
}

/* PATTERN THREE */
#patternThreeLeftSide {
	width:350px;
	float:left;	
}

#patternThreeRightSide {
	width:350px;
	float:left;
}

/* PATTERN FOUR */
#patternFourLeftSide {
	width:250px;
	float:left;	
}

#patternFourCenterSide {
	width:250px;
	float:left;	
}

#patternFourRightSide {
	width:250px;
	float:left;	
}


#patternFive {
	margin-left:50px;
	margin-right:50px;
	width:600px;
}

.innerBox {

}

.ForYourEarsOnly {
	color:white;
	position:absolute;
	top:0px;
	left:0px;
	visibility:none;
	font-size:10%;
}

.ForYourEarsOnly a,.ForYourEarsOnly a:hover,.ForYourEarsOnly a:visited {
	color:white;
}