/* 	styles.css                            
	Orange County Health Department 
	Modern Theme
	3 column fluid center variable width 
	February 2009 
	Jennifer S. Wilson 
*/
/************* HTML tag styles **************/

body{
	font-family: Arial,sans-serif;
	font-size: small; 
	padding: 0px;
	background-color:#d7d7d7; 
	}
	
a{ font-size:small; } 

h1{
 font-family: Arial,sans-serif;
 font-size: medium;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
font-family: Arial,sans-serif;
font-size:small;
font-weight:bold;
padding-left:5px;
}

h3{
	font-family: Arial,sans-serif;
	font-size: x-small;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}


h4{
 font-family: Arial,sans-serif;
 font-size: x-small;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: x-small;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

img {border:none;} 

label{
 font-family: Arial,sans-serif;
 font-size: small;
 font-weight: bold;
 color: #334d55;
}

span { 
font-size:x-large;
font-weight:bold;
text-align:right;
} 

p { 
padding-left:5px;
padding-right:5px;
}

hr { 
color:#00aeef;
}

ul img { 
padding-right:10px;
} 


/************* div styles **************/
/* #skipNav styles */

#skipNav a:link{
width:auto;
text-decoration:none;
background-color:#d7d7d7;
}

#skipNav a:focus{
color:#0000ff;
text-decoration:underline;
}

#wrapper {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/* #header styles */

#header {
	height:200px;
	min-width: inherit;
	max-width: inherit;
	background-color: #ffffff;
	overflow: hidden;
}


#headerTop {
	float: left;
	height: 30px;
	background-color: #EF8700;
	width: 100%;
}


#masthead{
	width:64%;
	height:130px;
	float:left;
	background-color: #ffffff;
}

#searchBox {
	height:130px;
	background-color:#ffcb85;
	float:right;
	width: 35%;
	padding-bottom: 10px;
	background-image:url(../resources/header/OCHDLogoNew.jpg); 
	background-repeat:no-repeat;
	background-position:right;
	background-attachment:scroll;
	border-left: 1px solid #F90; 
}

#searchBoxBottom {
	height:20px;
	background-color:#ef8700;
	float:left;
	width:200px;
	padding: 5px;
	
} 
#searchBoxBottom a {
	font-size: x-small;
	text-decoration: none;
}

#searchBoxTop {
	background-color: #71b80a;
	padding-left: 5px;
	float: left;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
#search {
	float: left;
	width: 55%;
	padding-left: 5px;
	padding-top: 5px;
}
#logo {
	float: left;
	width: 39%;
	padding-bottom: 5px;
	padding-left:10px;
	
}

#myFlorida {
	float: left;
	width: 83px;
	height: 55px;
	padding: 5px;
}
#doh {
	float: left;
	width: 83px;
	height: auto;
	padding: 5px;
}
#floridaLogos {
	padding: 5px;
	float: left;
	width: 83px;
	
}

#orange {
	float: left;
	height: 100px;
	width: auto;
	
}

#orange img { 
float:left;
padding-right:5px;
} 

#logoType { 
float:left; 
text-align:right;
width:auto;
padding-top:20px;
} 


/* #center styles*/

#contentWrapper{ 
width:100%;
} 

#center{
	background-color: #ffffff;
	margin: 0px 210px;
	padding-left:10px;
	padding-right:10px;
	min-height: 700px;
	max-height: 15000px;
}
center ul{
	list-style-type: square;
	list-style-position: inside;
}
center ul ul{
 list-style-type: disc;
}
center ul ul ul{
 list-style-type: none;
}


#content { 
margin-top: 20px; 
} 


#contentLeft { 
background-color:#d7d7d7;
} 

#contentRight { 
background-color:#d7d7d7;
} 

#location img { 
float:left;
padding:5px;
}

#alerts { 
width:100%; 
height: auto; 
float:left;
padding-left:7px;
} 

#alerts img { 
padding-right:2px;
}

#featured {
	padding-top:10px;
	width:97%;
	float: left;
	padding-left:7px;
	border: 1px solid #999999;
	margin-top:10px;
	padding-bottom:10px;
	padding-right: 7px;
} 

#events { 
width:48%;
float:left; 
padding-right:3px;
padding-left:7px;
} 

#hotTopics { 
width:48%;
float:left; 
padding-left:7px;
height: 300px;
} 

#news { 
width:98%;
float:left; 
padding-left:7px;
} 

#videos {
	width: 98%;
	padding-left:7px;
}

#videoBox {
	float: left;
	width: 98%;
	padding-left: 7px;
	margin-top:7px;
}
#newsBox { 
width:98%;
float:left; 
padding-left:7px;
} 

#hotTopicsBox { 
width:98%;
float:left; 
padding-left:7px;
} 

#eventsBox { 
width:98%;
float:left; 
padding-left:7px;
} 


#providerTools { 
float:left; 
width: 97%; 
padding-left: 7px;
height: 200px;
overflow:auto;
}


/* #footer styles */
#footer {
	clear:both;
	background:#F90;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*********** class styles ***********/
.content {padding:10px;}

.blue { 
color:#006; 
font-size:150%;
} 

.green { 
color:#090; 
font-size:150%;
} 

.smallCaps { 
text-transform:uppercase;
color:#006;
font-size:75%;
font-weight:bolder;
}

.italic { 
font-style:italic; 
color:#F60; 
font-size:90%; 
letter-spacing:0px;
} 

.genHealth { 
border:3px solid #0066cc;
}
.general { 
color:#0066cc;
}

.pagebanner { 
margin-left:-13px;
margin-top:-1px;
}

.envHealth { 
border:3px solid #339900;
}

.environmental { 
color:#339900;
}

.indent { 
margin-left:5px; 
} 

.pHealth { 
border:3px solid #1c0a5f;
}

.personal { 
color:#1c0a5f;
}

.tld { 
border:3px solid #ef8700;
} 

.tldHeader { 
color:#ef8700;
} 

.research { 
border:3px solid #660066;
} 

.researchHeader { 
color:#660066;
}

.float { 
float:left; 
padding-right:15px;
} 

.pad { 
padding-right: 5px;
} 

.grey { 
color:#cccccc;
}#deanna {
	float: left;
	width: 33%;
}
#drHale {
	float: left;
	width: 33%;
}
#lesli {
	float: left;
	width: 33%;
}
