/*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(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(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:555px;
margin-left: 200px;
padding-top: 5px;
}

#main-content h1{
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
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;
}

/*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(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(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(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(leftcontent_btm.jpg);
width: 178px;
height: 13px;
margin: 0px;
background-repeat: no-repeat;
}




/*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(blind_btn.jpg);
background-repeat: no-repeat;
margin-top: 5px;
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;
}

.blindbtn 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{
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{
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;
}

/* Comment Card Form Styles*/

.required {
	color: #B11E0A;
	font-weight: bold;
}
.hard {
	clear: both;
}

#cc_disclaimer {
	border: thin solid Black;
	font-weight: bold;
	font-size: 90%;
	text-align: center 
}

div.field {
	clear: left;
	padding: 0.3em 0;
}

div.field label {
	display: block;
	float: left;
	margin: 0.3em 0;
	padding: 0 1em 0 0;
	text-align: right;
	width: 9em;
	font-weight:bold
}
	
div.field label.radio {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	top: 4px;
	width: auto;
}

div.formField {
	clear: left;
	padding-top: 10px;
}
div.formField p {
	margin: 10px 0 10px 25px;
}
.label {
	font-weight:bold
}

div.radiolist {
	float: left;
	
}
div.checkbox {
	width: 19em;
}

div.comments textarea {
	margin-left: 30px;
	width: 500px;
	font-size: 125%;
}
div.confirm {
	margin: 16px 0;
	text-align: center;
}
div.confirm input {
	font-weight: bold;
	margin: 0 1em 0 0;
	padding: 0.15em 1em;
}
div.confirm input.cancel {
	padding: 0.15em 0.5em;
}
div.confirm p {
	margin: 0.75em 0;
}
div.indent{
	margin-left:3em;
}

/* Errors */
div.error {
	background: url(../../../core/icons/set1/48/110.png) no-repeat 0.5em 0.5em;
	border-bottom: 3px solid #D7582D;
	margin-bottom: 1em;
	min-height: 5em;
	padding: 1em 0 0 5em;
}

div.error p {
	color: #B11E0A;
}

div.error p, div.info p, div.okay p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 152%;
}

div.error ul li {
	background-image: url(../icons/set3/bullet_red.png);
}

div.error ul li em, div.info ul li em, div.okay ul li em {
	font-weight: bold;
}

div.error ul li, div.info ul li, div.okay ul li {
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
}

div.error ul, div.info ul, div.okay ul {
	margin: 1em;
}