/*CSS layout for FCCDHH secondary pages*/

*{
	font-size:100%;
}
/*
not used but don't want to delete
dd{
	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; 
text-align:center;
width:100%;
background-repeat: repeat-x;
background-position: 0px 73px ;
margin: 0px;
padding: 0px;
background-image: url(images/secondary-bkgrd.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: 105px;
}

/* 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: 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;
}

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

#main-content a:link{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#FF6600;

}

#main-content a:visited{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#FF6600;

}

#main-content a:hover{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color:#FF6600;

}

.content ul{
display: block;
margin: 10px;
padding: 0px;
}

.content li{
list-style-type: none;
margin-top: 0px;
padding: 0px;
}

.alternate ul{
display: block;
margin: 10px;
padding: 0px;
}

.alternate li{
list-style-type:
margin-top: 0px;
padding: 0px
}

#main-content a:link, a:visited{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
}
#main-content a:hover{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
text-decoration: underline;
}

/*Not used on secondary pages, All right column class are not used on secondary pages, but this holds all content in the right column of home 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: 225px;
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 don't want to delete
#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: 28px;
margin: 0px;
padding: 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;
}

#leftcolumnheader 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 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: 11px;
margin: 0px;
background-repeat: no-repeat;
}

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

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

.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: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
}

/*Not used on secondary pages, 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: 0;
/*padding-top: 5px;*/
}

/*Not used on secondary pages, sets the styles for the form fields*/
.inputbox {
width: 150px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

/*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;
}

/* fccdhh colors through the editor*/
.fccdhh-blue {
	color: #0055a6;
}
.fccdhh-orange {
	color: #FF6600;
}


/*.table ul{
display:inline;
margin-left: 10px;
border-style:solid;
border-width:1px;
}

.table li{
display:inline;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-left: 10px;
}

.table2 ul{
display:block;
margin-left: 10px;
border-style:solid;
border-width:1px;
}

.table2 li{
display:inline;
list-style-type:none;
border-bottom-width: 1px;
border-bottom-style: solid;
margin-left: 10px;
margin-right: 130px;
}
*/



dd {
	margin: 0 0 0 15.5em;
}

dl {
	margin: 0.5em 0 2em 2em;
}

dt {
	clear: left;
	float: left;
	font-weight: bold;
	width: 13em;
}

.meetingTitle{
	font-style: italic;
	font-weight:bold;
	text-transform: uppercase;
	color: #333399;	
}

#terms ul{
	margin: -10px 0 15px 50px !important;
}

.groupPhoto{margin:25px 0;}
.groupPhoto img{width:550px;}
.groupPhoto h2{ margin-bottom: 8px;}
.groupPhoto p{	margin-top:5px; font-size:90%;}