/* CSS Document
RTFH Website
 */
 
 
/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol,li { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }


/* global elements
 * ------------------------------------------------------------------------- */

/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */
html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
    background-color: #336799;
	background-color-old: #e9e6e6;
	font-size:.8em; /* Read by IE only. - 75% of 16px = 12px */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	}

html>body {
	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */
	}

a:link, a:visited {
	color:#005e8f;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color:#1c2e5e;
	}

/* Classes
 * ------------------------------------------------------------------------- */

.hr {
	width:100%;
	margin:20px 0;
	color:#ccc;
	background:#ccc;
	height:1px;
	overflow:hidden;
	}

/*tableTitle class start*/
.tableTitle a, .tableTitle a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*tableTitle class end*/

.list_left {

	margin-right:0px;
	float:left;
	font-size:.92em;
	}
	
	.list_left li {
	margin-bottom:5px;
	padding-left: 20px;
	background-image: url(../images/li_checked.gif);
	background-repeat: no-repeat;	
		}

.pic_left {
	float:left;
	margin:0 10px 2px 0;
	}
	
.pic_left_border{
	border:1px solid #ccc;
	padding:2px;
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	float:right;
	margin:0 0px 2px 10px;
	}
	
.pic_right_border{
	border:1px solid #ccc;
	padding:2px;
	margin:0 0px 2px 10px;
	float:right;
	}


/* Layout
 * ------------------------------------------------------------------------- */

#container{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border: 1px solid  #333;
	margin-top: 10px;
}
header_section{
	background: #FFF;
	width: 960px;
	height: 90px;
}

#navigation, #banner, #featured, #content, #footer, #header_section{	
/*make sure to include any div tag here so that the border can float around the container*/
	margin-left: 10px;
	margin-right:10px;
}
#header{
	background: #fff url(../images/header2.gif) no-repeat;
	height:90px;
	width: 711px;
	float:left;
	margin-top: 10px;
}

#header_home_link{
	width:711px;
	height:90px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}
#banner_link{
	width:711px;
	height:56px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}
#button_banner{
	background: #FFF;
	margin-top: 0px;
	height: 90px;
	width:249px;
	float:right;
}
#date{
	width: 235px;
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: right;
	float:right;
	font-size: .9em;
}
#button{
	width: 235px;
	float:right;
}

#navigation{
	height: 36px;
}

#banner{
	height: 330px;
	background:url(../images/topBanner2.jpg) no-repeat;
	color:#FFF;
	margin-top: 1px;
}

#social_network{
	padding-top: 215px;
	padding-left: 70px;
}

#banner_pic{
	/*padding-top value below was originally 241px, padding-left value was originally 590px*/
	/*this is now margin top: padding-top: 180px;*/
	padding-left: 80px;
	margin-top: 180px;
}

#banner p{
	/*padding-left value was originally 590px*/
	padding-left: 770px;
	padding-top: 2px;
	padding-right:10px;
	color:#666666;
	font-size: 1em;
	text-align: justify;
	line-height: 1.2em;
}

#email_update{
	background-color: #FFF;
	margin-left: 10px;
	height:45px;
	width:260px;
	padding-left: 700px;
}
#email_update p{
	color:#0099CC;
}

#featured{
	background: url(../images/featured_bg.gif) repeat-y top left;
	width:960px;
}

#left_featured{
	float:left;
	margin-right:4px;
	width: 316px;
	display: inline;
}

#assistance_content {
	padding: 5px 10px 10px 25px;
	text-align:left;
	color:#FFF;
	font-size:.9em;
	font-size:12px;
}
#left_featured #assistance{
	margin-left: 11px;
}
#assistance_pic{
	width: 140px;
	float: left;
	margin-left: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#assistance_content a{
	color: #FFFFFF;
	text-decoration: underline;
}
#assistance_content a:hover{
	color: #0099CC;
	text-decoration: underline;
}

#center_featured{
	float:left;
	margin-right: 4px;
	width: 330px;	
	display: inline;
}
 #center_featured #research{
 	margin-left: 11px;
 }

#research_content p{
	padding: 5px 5px 10px 10px;
	text-align: left;
	color:#333;
	font-size:.9em;
	font-size:12px;
}
*html #research_content p{
	padding-left: 20PX;
}

#right_featured{
	float:left;
	width: 306px;	
	display: inline;
}
html #right_featured #advocacy{
	margin-left: -3px;
}
*html #right_featured #advocacy{
		margin-left: 7px;
}

#advocacy_content p{
	padding: 5px 10px 10px 10px;
	text-align: left;
	color:#FFF;
	font-size:.9em;
	font-size:12px;
}
*html #advocacy_content p{
	margin-left: 10px;
}

#content_left_home{
	width: 430px;
	float: left;
	background-color: #FFF;
	font-size:.95em;
	padding: 5px 25px 5px 25px;
}

#content_left{
	width: 480px;
	float: left;
	background-color: #FFF;
}

#content_left p, #content_right p{
	padding: 5px 20px 10px 10px;
	text-align: left;
}

#content_right_home{
	width: 430px;
	float: right;
	padding: 5px 25px 5px 25px;
	background-position:left top;
	background-color: #FFF;
	background-image: url(../images/1px_line.gif);
	background-repeat: repeat-y;
	font-size:.95em;
}

#content_right_home hr{
	height: 0px;
	border-bottom: 1px dotted #333; 
}

#content_right{
	width: 480px;
	float: right;
	background-position:left top;
	background-color: #FFF;
	background-image: url(../images/1px_line.gif);
	background-repeat: repeat-y;
}


#footer{
	clear: both;
	background-color:#711500;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	margin-bottom: 10px;
}
#footer p{
	text-align: center;
	color:#FFF;
	
}


#pic_padding{
	padding: 5px 10px 5px 0px;
}


#featured_link {
	margin-bottom: -12px;
	text-indent:-5000px;
	overflow:hidden;
}


/*html fixes
 * ------------------------------------------------------------------------- */
*html #center_featured {margin-left: 0;}
*html #left_featured {margin-right: -6px;}


/* Sub Pages
 * ------------------------------------------------------------------------- */


#content{
	width: 960px;
	clear: both;
	background-color: #FFF;
}

#content_sub{
	width: 960px;
	margin-left: 10px;
	background:#FFF;
	font-size: 1.0em;
	background-color: #FFF;
	
	line-height: 1.5em;
}

#content_sub_plain{
	width: 940px;
	margin-left: 10px;
	background-color:#FFF;
	font-size: 1.0em;
	line-height: 120%;	
	padding: 10px 10px 10px 10px;
}

#content_sub_plain p{
	padding: 10px 10px 10px 10px;
}

#sub_right{
	float: right;
	width: 220px;
	margin:14px 14px 0 28px;
	padding: 0;
	font-size: .98em;
	display:inline;
}

#blue_right {
	padding:14px;
	width:192px;
	background:#d6e1eb;
	border:0px solid #333333;
	}
	
	#blue_right a:link, #blue_right a:visited {
		text-decoration:none;
		}

#sub_left{
	float:right;
	margin:14px 0 14px 0;
	width: 684px;
	padding:0;
	background-color:#fff;	
	display:inline;
	}

/* javascript date in the header
 * ------------------------------------------------------------------------- */

#header .date{
	position: absolute;
	display: inline;
	font-size: .89em;
	font-family:Arial, Helvetica, sans-serif;
	color: #802417;
	text-align: right;
	padding: 5px;
	width: 160px;
	height: 30px;
	left: 785px;
	top: 5px;
}

/*class
 * ------------------------------------------------------------------------- */
 
.title_red{
	color: #802417;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform:uppercase;
	padding-top:5px;
 }
.nav_red_sub{
 	color: #802417;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	padding-top:5px;
 }
 
.title_red_sub{
	color: #802417;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	padding-top:5px;
	background: url(../images/line_h.gif) repeat-x bottom left;
	width:100%;
	overflow:hidden;
 }
.title_red_sub a{
 	color: #802417;
 }
.title_red_sub a:visited{
 	color: #802417;
 }

 .title_blue{
 	color: #369;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform:uppercase;
	padding-top:5px;
 }

	
.footer_links a, .footer_links a:visited{
	color: #FFFFFF;
}	
	
.footer_links a:hover{
	color: #a9d3ec;
}

.copyright{
	color: #ffffff;
}
 
.sub_pic{
	padding: 5px 10px 10px 0;
}
 
 
.subpage_nav a:link, .subpage_nav a:visited {
	color: #777777;
	font-weight: bold;
	line-height: 2em;
}

.subpage_nav a:hover{
	color:#40baed;

}

.subpage_nav ul {
	margin-left:0px;
	margin-bottom:4px;
	}
	
.subpage_nav li{
 	list-style:none;
	background-image: url(../images/rightsubarrow.gif);
	background-repeat: no-repeat;	
	margin-left: 0px;
	padding-left: 15px;
	padding-bottom: 6px;
 }

.figure{	
	float: left;
	width: 25%;
	padding: 5px 10px 10px 0px;
	font-size: .75em;
}

.figure2{	
	float: right;
	width: 25%;
	padding: 5px 10px 10px 0px;
	font-size: .75em;
}

.figure_sub{	
	float: left;
	width: 20%;
	padding: 5px 10px 10px 0px;
}
	
.figure p, .figure_sub p{
	color:#666;
	text-align: left;
	font-style:italic;
	font-size: smaller;	
}

.line_h{
	background: url(../images/line_h.gif) repeat-x;
	width:100%;
	height:1px;
	overflow:hidden;
}
.line_v{
	background: url(../images/line_v.gif) repeat-y;
	overflow:hidden;
}

.back_top a:link, .back_top a:visited, .back_top{
	color: #7e2419;
	font-size: .85em;
	text-align: right;
}
.square ul{
	list-style:none;
}
.square li{
	background-image: url(../images/li_checked.gif);
	background-repeat: no-repeat;	
	margin-left: 60px;
	padding-left: 20px;
	padding-bottom: 5px;
}


.title_sub{
	font-size: 1em;
	font-weight:bold;
	color:#802417;
}

.li_disc ul{
	margin-left: 40px;
	margin-bottom: 4px;
}
.li_disc li{
 	list-style:none;
	background-image: url(../images/li_checked.gif);
	background-repeat: no-repeat;	
	margin-left: 60px;
	padding-left: 20px;
	padding-bottom: 8px;
 }

.clear{
	clear: both;
}

.l{
	background-image: url(../images/l.gif);
	background-repeat: repeat-x;
}

.text_sm{
	font-size: .88em;
}








	#contact-main label.error, #registration_form label.error, #info_request label.error {
		color:#f00;

		margin-left:10px;
		text-align:left;
		font-weight:bold;
		}




/*
SPRITE NAV
----------------------------------------------------------*/
/* SPRITE NAVIGATION  for Header Button Homeless*/
#button {
	background:url("../images/btn.jpg") top left no-repeat;					
	width: 235px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 71px;		/* Height of entire image */
}
#btn span { display: none; }
#btn li { 
	position: relative;
	float: left;
	list-style: none;
}
#btn li, #btn a { 
	height: 71px;			/* Each button must have the same height, define it here */
	display: block;
}
#btn-09 {left: 0px; width: 235px;}
#btn-09 a:hover {background: transparent url("../images/btn.jpg")   0px -71px no-repeat;}



/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navbar.gif") top left no-repeat;					
	width: 960px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 36px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 36px;			/* Each button must have the same height, define it here */
	display: block;
}

/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 0px; width: 124px;}
#nav-02 {left: 0px; width: 122px;}
#nav-03 {left: 0px; width: 107px;}
#nav-04 {left: 0px; width: 85px;}
#nav-05 {left: 0px; width: 122px;}
#nav-06 {left: 0px; width: 148px;}
#nav-07 {left: 0px; width: 142px;}
#nav-08 {left: 0px; width: 100px;}



/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif	")   0px -36px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif	") -124px -36px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif	") -246px -36px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif	") -353px -36px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif	") -438px -36px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif	") -560px -36px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navbar.gif	") -708px -36px no-repeat;}
#nav-08 a:hover {background: transparent url("../images/navbar.gif	") -850px -36px no-repeat;}



/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;	
	text-align:left;
	float:left;
	z-index:5;
	
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #1c2e5e;
	border-top:none;
	background-color:#fff; /* Put background here! Not in the ul!!*/
	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	
	
	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	
	
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.92em;
	color:#005e8f;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover { 
	background-image:none;
	background-color:#336799;
	color:#fff;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:124px; }
#nav-02 ul, #nav-02 li { width:145px; }	
#nav-03 ul, #nav-03 li { width:107px; }		
#nav-04 ul, #nav-04 li { width:180px; }	
#nav-05 ul, #nav-05 li { width:122px; }	
#nav-06 ul, #nav-06 li { width:200px; }
#nav-07 ul, #nav-07 li { width:130px; }
#nav-08 ul, #nav-08 li { width: 97px; }

/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }