/*CSS layout for FCCDHH home page*/

*{
	font-size:100%;
}

/*dd{
	not used but don't want to delete
	margin-left:0;
}
*/

/*sets up page properties such as centering content and allowing for the page to expand to 100% via the background image tiling, margins and padding set to zero ensures content is positioned the same across browsers, wrap(below) with the text align set to left ensures that the content is not centered in IE  */
body{
font: 80%/140% Verdana, Helvetica, Arial, sans-serif; 
margin: 0;
text-align:center;
background-repeat: repeat-x;
background-position: 0px 72px ;
margin: 0px;
padding: 0px;
background-image: url(images/pagebackground.jpg);

} 

/*used to contain the content holds, margin properties and text-align ensure it displays properly in IE   */
#wrap{
width:765px; 
margin:0 auto;
text-align:left; 
background:#FFF;
}

/*the header class is used to specify how the header looks, the descendants line up the navigation in the appropriate area and ensure the links are displayed properly    */
#header{
width: 765px;
height: 72px;
background-image: url(images/top_nav.jpg);
background-repeat: no-repeat;
margin: 0px;
}

#header ul {
padding-left: 235px;
padding-top: 55px;
margin:0px;}

#header li {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
list-style-type: none;
display: inline;
padding-right: 12px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

#header a:link, a:visited {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
text-decoration: none;
}

#header a:hover {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
text-decoration: underline;
}

/* holds the image for the header */
#main-image {
width: 765px;
height: 186px;
}

/* holds the body content  */
#main-content{
display:inline;
float:left;
width:365px;
margin-left:200px;
padding-top: 5px;
}

.main-content-box{
	width:350px;	
}

#main-content h1{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 15px;
color:#0055a6;
font-weight: bold;
margin: 0px;
padding-top: 5px;
}

#main-content h2{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055a6;
font-weight: bold;
margin: 0px;
padding-top: 5px;
}

/*holds all content in the right column of page*/
#sub-content{
float:left; 
margin-left:10px;
width:180px;
padding-top: 5px;
}


/*contains all content in left column*/
#navigations{
width:180px; 
float:left; 
margin-left:-745px;
padding-top: 5px;
}

/*holds the footer nav bar, negative top margin used to bring it up even with left column*/
#foot{
clear:both;
background-image: url(images/bottom_nav.jpg);
background-repeat: no-repeat;
width: 522px;
height: 27px;
margin-left: 230px;
margin-top: 10px;
}

#foot ul {
padding-left: 10px;
padding-top: 5px;
margin:0px;}

#foot li {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
list-style-type: none;
display: inline;
padding-right: 12px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
#foot a:link, a:visited {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
text-decoration: none;
}

#foot a:hover {
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0054A6;
text-decoration: underline;
}

/*hidden navigation used to jump around page when stylesheet not applied, allows users to skip to sections of the page easily, this nav is only visible when style sheet is not applied*/
.hidden-navigation, #foot h2{ 
width:1px; 
position:absolute; 
left:-9999px; 
} 

/*
not used but scared to delete anything!!!
#topnavbar {

width: 765px;
height: 72px;
margin: 0px;
}
*/

/*holds top subheading for navigation, nested inside navigations div   */
#leftcolumnheader {
background-image: url(images/leftcontent_top.jpg);
width: 178px;
height: 27px;
margin: 0px;
padding-top: 0px;
}

#leftcolumnheader h2{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top: 5px;
}

#leftcolumnheader a:link{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#leftcolumnheader a:hover{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

#leftcolumnheader a:visited{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}

/*holds subheadings for the rest of the left navigation, used two headers because the background image is slightly different*/
.leftcolumnheader2 {
background-image: url(images/leftcontent_top2.jpg);
width: 178px;
height: 27px;
margin: 0px;
padding: 0px;
background-repeat: no-repeat;}

.leftcolumnheader2 h1{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top: 5px;
}

.leftcolumnheader2 h2{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top: 5px;
}

.leftcolumnheader2 a:link{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.leftcolumnheader2 a:hover{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

.leftcolumnheader2 a:visited{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}

/*contains all the links in the secondary nav, which is in the left column*/
.leftcolumncontent {
background-color: #3587BA;
width: 178px;
text-align: left;
margin: 0px;
padding: 0px;
}

.leftcolumncontent ul {

text-align: left;
display: block;
margin: 0px;
padding-left: 10px;}

.leftcolumncontent li {
list-style-type: none;
text-align: left;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
}

.leftcolumncontent a:link{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
color: #ffffff;
line-height: 18px;}

.leftcolumncontent a:hover {
line-height: 18px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration:underline;
color: #ffffff;
}

.leftcolumncontent a:visited {
line-height: 18px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
color: #ffffff;
}

/*bottom of left column used to display bkgrd image give the bottom rounded corners*/
#leftcolumnbottom {
background-image: url(images/leftcontent_btm.jpg);
width: 178px;
height: 13px;
margin: 0px;
background-repeat: no-repeat;
}


/*same purpose as leftcolumn headers*/
.rightcolumnheader {
background-image: url(images/rightcontent_top.jpg);
width: 182px;
height: 30px;
background-repeat: no-repeat;
}

.rightcolumnheader2 {
background-image: url(images/legalcorner.gif);
width: 182px;
height: 30px;
background-repeat: no-repeat;
}

.rightcolumnheader2 h2 {
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055a6;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-left: 10px;
}

.rightcolumnheader a:link{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: none;

}

.rightcolumnheader a:visited{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: none;

}

.rightcolumnheader a:hover{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: underline;

}


.rightcolumnheader2 a:link{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: none;

}

.rightcolumnheader2 a:visited{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: none;

}

.rightcolumnheader2 a:hover{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055A6;
font-weight: bold;
text-decoration: underline;

}


.rightcolumnheader h2 {
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#0055a6;
font-weight: bold;
margin: 0px;
padding-top: 5px;
}

.rightcolumnbottom {
width: 182px;
height: 12px;
background-image: url(images/rightcontent_btm.jpg);
background-repeat: no-repeat;
padding-bottom: 5px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
}

.rightcolumncontent {
padding-left: 5px;
width: 170px;
background-color: #D0F2FB;
border-right: 1px #a3b8c9 solid;
border-left: 1px #a3b8c9 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
overflow:hidden;
}


.rightcolumncontent2 {
background-image:url(images/florida_bkgrd.gif);
background-repeat: no-repeat;
background-position:center;
padding-left: 5px;
width: 170px;
min-height: 100px;
background-color: #D0F2FB;
border-right: 1px #a3b8c9 solid;
border-left: 1px #a3b8c9 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;}

.rightcolumncontent2 form {
/*margin-left: 10px;
padding-left: 10px;*/
width: 150px;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px;
/*padding-top: 5px;*/
}

/*sets widths and margins for the form , so that they don't blowout the content box*/
.rightcolumncontent form {
/*margin-left: 10px;
padding-left: 10px;*/
width: 150px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #D0F2FB;
padding: 3px;
/*padding-top: 5px;*/
}

/*sets the styles for the form fields*/
.inputbox {
width: 130px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;}



/*the following classes are used to float text left or right of images*/
.imagetxtright {
float:left;
padding-right: 5px;
}

.imagetxtleft {
float:right;
text-align:right;

}

.blindbtn {
width: 178px;
height: 44px;
background-image:url(images/blind_btn.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding: 0px;
}

.ccardbtn {
width: 178px;
height: 22px;
background-image:url(images/ccard_btn.jpg);
background-repeat: no-repeat;
margin: 0 2px 5px 2px;
padding: 0px;
}

.blindbtn h2{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top: 3px;
}

.ccardbtn h2{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top: 2px;
}

.blindbtn a:link, .ccardbtn a:link{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.blindbtn a:hover, .ccardbtn a:hover{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

.blindbtn a:visited, .ccardbtn a:visited{
text-align: center;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}
div.searchresults p.total {
	font-weight: bold !important;
	font-size: 120% !important;
}

/* calendar styles */
div.calendar {
	/*border: 1px solid #EBEBEB;*/
	float: left;
	width: 170px;
}

div.calendar a:link, div.calendar a:visited{
	text-decoration: underline;
}

div.calendar dd {
	line-height: 140%;
	margin: 0 ;
	padding: 0 0 0 20px;
}

div.calendar dl {
	margin: 0;
	padding: 0;
}

div.calendar dt {
	background: url(images/icon-calendar.gif) no-repeat;
	color: #E98314;
	font-weight: bold;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
}

div.calendar h2 {
	background: #EBEBEB;
	color: #494949;
	font-size: 100%;
	margin: 0;
	padding: 2px;
	text-transform: uppercase;
}

p.more {
	font-weight: bold;
	margin: 0.5em 0.5em 0 0;
	padding: 0;
	text-align: right;
}

.groupPhoto{
	border:solid 1px #000;
	
}