/******************
HTML Tags
******************/

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:15px 40px;
	background: #C7C7CF url(bg-main.gif) repeat-x;
	font-size:.72em;
	}

#content p, #content-side-2 p, table {
	margin:0px 0px 20px 0px;
	}

#content-side-2 img {
	border:none;
	}

#breadcrumb-side label {
	display:none
	}

/******************
FORM STYLES
******************/

#content-container form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}

/* a nested fieldset */
#content-container fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label {
	display:block;
	padding-top:8px;
	}

#breadcrumb-side form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

#breadcrumb-side form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-side form legend {
	display:none;
	}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#0000FF;
	}

a:visited {
	color:#0099CC;
	}

a:hover {
	color:#000099;
	text-decoration:none;
	}

a:active {
	color:#669966;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link {
	color:#0000FF;
	}

#mainnav-container a:visited {
	color:#0000FF;
	}

#mainnav-container a:hover {
	color:#000099;
	text-decoration:none;
	}

#mainnav-container a:active {
	color:#669966;
	}

/* All link states are selected with an "a" */
#header a {
	color:#FFFFFF
	}

#breadcrumb-container a {
	color:#0000FF;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:1.6em;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1.4em;
	}
	
h4 {
	font-size:1.1em;
	}
	
h5 {
	font-size:.9em;
	}
	
h6 {
	font-size:.8em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

/******************
Layout Divs
******************/

#mainnav-container {
	padding:8px 10px;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	background: #FFFFFF url(bg-topnav.gif) repeat-x;
	}

#mainnav {
	float:left;
	width:70%;
	}

#mainnav-side {
	float:right;
	width:30%;
	text-align:right;
	}

#header {
	margin-bottom:1px;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	height:50px;
	min-height:50px;
	background: #16527D url(bg-header.gif) repeat-x;
	font-size:1.8em;
	font-weight:bold;
	}

#header a {
	text-decoration:none;
	color:#FFFFFF;
	}

#slogan {
	font-size:.68em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
#breadcrumb-container {
	border-bottom:2px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #EDEDED;
	margin-bottom:1px;
	background: #FFFFFF url(bg-topnav.gif) repeat-x;
	padding:6px 0;
	}

#breadcrumb {
	float:left;
	padding:0 10px;
	}

#breadcrumb-side {
	float:right;
	padding:0 10px;
	}

#content-container {
	background-color:#F6F6F6;
	border-top:1px solid #CBCBCB;
	border-right:1px solid #7F7F7F;
	border-bottom:2px solid #7F7F7F;
	border-left:1px solid #CBCBCB;
	padding:0px;
	margin:0px;
	position:relative;
	}

#content-side {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	padding:10px;
	}
	
/* DRD added 10/18/06
#content-side-sitemap {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	padding:0px;
	margin:0px;
	} */
	
#content-side-2 {
	position:absolute;
	top:0;
	right:0px;
	width:120px;
	padding:10px;
	}

#content {
	padding:10px 10px 0px 10px;
	margin:0px 140px 0px 171px;
	height:100%;
	background-color:#FFFFFF;
	border-left:1px dashed #D0D0BF;
	border-right:1px dashed #D0D0BF;
	}
	
/* drd added 2/23/07 */
#two-column-container {
	width:100%;
	margin:10px 0px;
	text-align:justify;
	}

#two-column-left {
	float:left;
	width:50%
	}

#two-column-right {
	float:right;
	width:50%
	}
/* end drd */

#three-column-container {
	width:100%;
	margin:10px 0px;
	text-align:justify;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:30%
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%
	}

#footer {
	margin-top:80px;
	padding:20px 10px 0px 10px;
	border-top:1px solid #7F7F7F;
	text-align:center;
	clear:both;
	background: #FFFFFF url(bg-topnav.gif) repeat-x;
	font-size:.95em;
	}

/******************
MENU ITEMS
******************/

#mainnav-container ul {
	margin:0px;
	padding:0px;
	}

#mainnav-container li {
	padding:0px;
	list-style:none;
	display:inline;
	margin:5px 10px 5px 0px;
	}

#mainnav-side li {
	padding:0px;
	margin:5px 0px 5px 10px;
	}

#mainmenu ul {
     margin:1px;
     padding:1px;
     }
#mainmenu ul li
{
	display: inline;
	text-transform: uppercase;
	font-size: .8em;
	margin: 3px;
	background: gainsboro;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
} 
#mainmenu ul a:link {
     text-decoration:none;
     }


/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 50%;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 50%;
	}

/******************
LISTS - IN THE RIGHT OR LEFT COLUMNS
******************/

#content-side-2 ul.list, #content-side-2 ul.link-list-vertical,
#content-side ul.list, #content-side ul.link-list-vertical {
	margin:0px 0px 15px 0px;
	padding:0px;
	}

#content-side-2 ul.list li,
#content-side ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet-right.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side-2 ul.link-list-vertical li,
#content-side ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content-side-2 ul.link-list-vertical li a:link,
#content-side ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side-2 ul.link-list-vertical li a:visited,
#content-side ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side-2 ul.link-list-vertical li a:hover,
#content-side ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 50%;
	}

#content-side-2 ul.link-list-vertical li a:active,
#content-side ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 50%;
	}

/******************
TABLE STYLES
******************/

.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px;
	}

thead th, tfoot th, td.at-a-glance-header {
	background-color:#F6F6F6;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	font-weight:normal;
	font-variant:small-caps;
	}
	
td.at-a-glance-header {
	font-weight:bold;
	}

	
.table-form {
	width:100%;
	border:0px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.td-left {
	padding:10px;
	width:25%;
	text-align:right;
	font-size:95%;
	font-weight:bold;
	}
.td-right {
	padding:10px;
	width:75%;
	text-align:left;
	}


/******************
CLASSES
******************/

.button-big {
	margin-top:8px;
	}
	
img.photobig, img.photobig-left, img.photosmall {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: #E0E0E0 url(background_table_04.gif) repeat-x;
	padding:8px;
	}
	
img.photobig-left {
	float: left;
	}


img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	float: left;
	}

img.WHF_logo {
	border-top:0px solid #CCCCCC;
	border-right:0px solid #999999;
	border-bottom:0px solid #999999;
	border-left:0px solid #CCCCCC;
	/*background: #E0E0E0 url(background_table_04.gif) repeat-x;*/
	padding:8px;
	margin-right:10px;
	margin-bottom:0px;
	float: left;
	}
	
.searchbox {
	height:13px;
	margin:0px;
	padding:0px;
	width:12em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

.button-search {
	height:18px;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: url(bg-button-search.gif) repeat-x;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	}

.none {
	display:none;
	}

.clear {
	clear:both;
	}
	
/***********************
 NAVIGATION 
************************/

#navigation {
	width: 200px;
	top: 1em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:95%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #F6F6F6;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #242C53;
	border-right: 1px solid #175684;
	background-color: #175684;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #242C53;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #175684;
	margin:0;
}

/*indented menu normal*/
#navigation ul ul a:link, #navigation ul ul a:visited {  
	border-top: 1px solid #F6F6F6; /*drd added this item*/
   	/*background-color: #175684;*/
   	/*background-color: #1e6091;*/
   	background-color: #226fa8;
	color: white;
	/*background-color: #C7C7CF;
	color: #242C53;*/
	font-weight:bold;
 }


#navigation ul ul a:hover {
	background-color: #242C53;
	color: #FFFFFF;
}

/* AJAX Accordion */
.accordionHeader
{
    border: 1px solid #D3D3D3;
    color: white;
    background-color: #F5F5F5;
	/*font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;*/
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #D0D0BF;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}