/* CSS Document
SDRM 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: url(../images/bg_line.gif) repeat;
	background-color: #768abc;
	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */
	font-family: Verdana, Arial, Helvetica, 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: none;
	}
	
a:hover, a:active {
	color:#1c2e5e;
	}


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

#wrapper{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width: 918px;
	
	text-align: left;
}
#container{
	width: 918px;
	background:#fff;
}

#header{
	width: 918px;
	height: 173px;
	background:url(../images/sdheader2.jpg) no-repeat;
}
#header_left{
	float:left;
	width: 335px;
}
#header_left_link{
	width:340px;
	height:173px;
	display: block;
	text-indent:-5000px;
	overflow:hidden;
}
#header_tagline{
	width: 425px;
	padding-top: 10px;
	float:left;
	font-size:0.75em;
	color: #768abc;
	line-height: 1.2em;
}
#header_buttons{
	margin-top: 9px;
	float: left;
	padding-left:3px;
	height: 164px
	width; 145px;
}
*html #header_buttons{
	margin-left: -4px;
}
#navigation{
	height:31px;
	width:918px;

}
.date{
	position: absolute;
	left: 847px;
	top: 205px;
	width: 147px;
	height: 31px;
	font-size: .78em;
	color:#FFF;
	font-weight: bold;
}

*html.date{
	left: 752px;
	top: 232px;
	width: 150px;
	height: 31px;
	zoom: 1;

}
#banner{
	width:918px;
	background:url(../images/banner_bg.jpg) repeat-y top left;
}
#banner_left p{
	color: #FFF;
	font-size: .8em;
	padding-left: 10px;
}

#banner_left{
	float:left;
	width: 607px;
}
#banner_flash{
	float: left;
	width: 311px;
}

#home_slider{
	float: left;
	width: 302px;
	height: 173px;
}
#bannersleepless{
	width:918px;
}
#bannerred{
	width:918px;
	background:url(../images/banner_bgred.jpg) repeat-y top left;
}
#3column{
	width: 918px;
	background: url(../images/3column_bg1px.jpg) repeat-y top left;
}
*html #column_left{
	margin-left: 5px;
}
#column_left{
	margin-left:9px;
	width:299px;
	float: left;
	background:#FFF url(../images/yellow_bg1px.jpg) repeat-x top left;
}
#column_center{
	width: 297px;
	float: left;
	padding-left: 1px;
	background:#FFF url(../images/green_bg1px.jpg) repeat-x top left;
}
#column_right{
	width: 302px;
	float:left;
	padding-left: 1px;
	background:#FFF url(../images/blue_bg1px.jpg) repeat-x top left;
}
#footer{
	width: 918px;
	height:11px;
	background:url(../images/footer_11px.jpg) top left no-repeat;

}
.clear{
	clear: both;
	overflow:hidden;
	height:.01em;
}





/*Sub pages
 * ------------------------------------------------------------------------- */

#content_wrapper{
	width: 909px;
	margin-left: 9px;
	background: #FFF url(../images/content_wrapper_bg.gif) repeat-y left top;
	}
#content_wrapper2{
	width: 909px;
	margin-left: 9px;
	background: #FFFFF
	}
#left_navColumn{
	float: left;
	width: 199px;
	padding-top: 20px;
	background:url(../images/yellow_navBG.gif) repeat-y;
	display: inline;
}
#left_navColumn img{
	padding-top: 5px;
	padding-bottom: 5px;
}

#left_navColumn a, #left_navColumn a:visited{
	color: #b84133;
	font-weight: bold;
	line-height: 1.8em;
}
#left_navColumn a:hover{
	color: #1b3d84;
}  
#content{
	margin-left: 199px;
	width: 660px;
	padding: 00px 20px 10px 20px;
}
content2{
	width: 880px;
	padding: 10px 20px 10px 40px;
}

/*Email sign up form
 * ------------------------------------------------------------------------- */

#emailUpdates #email{
	margin-left: 20px;
}
*html #emailUpdates #email{
	margin-left: 0px;
}

/*class
 * ------------------------------------------------------------------------- */
.pic_caption{	
	float: right;
	width: 30%;
	padding: 5px 10px 10px 10px;
	
}
.pic_caption p{
	color:#666;
	text-align: left;
	font-size: smaller;	
}

.indent{
	padding-left: 40px;
}

.slideshow{
	float: left;
	width: 302px;
	height: 173px;
	overflow:hidden;
}

.line_height{
	line-height: 1.5em;
}


.banner_txt{
	color: #FFF;
	padding: 10px 20px 10px 20px;
	font-size: 1.1em;
	font-weight: bold;
}

.img_txt{
	padding: 20px 10px 10px 20px;
}

.column_pics{
	padding: 0px 10px 10px 20px;
}

.programsml_txt{
	color:#1b3d84;
	font-size:0.95em;
}
.programsml_txt a, .home_txt a:visited{
	color: #b84133;
	text-decoration: underline;
}
.programsml_txt a:hover{
	color: #1b3d84;
}

.home_txt{
	color:#1b3d84;
	font-size:0.95em;
	padding-left: 20px;
}
.home_txt a, .home_txt a:visited{
	color: #b84133;
	text-decoration: underline;
}
.home_txt a:hover{
	color: #1b3d84;
}
.sml_txt{
	color: #1b3d84;
	font-size:0.75em;
	line-height: 160%;
}

.home_txt2{
	color:#1b3d84;
	font-size:0.95em;
	padding-left: 10px;
	line-height: 120%;
}
.home_txt2 a, .home_txt2 a:visited{
	color: #b84133;
	text-decoration: underline;
}
.home_txt2 a:hover{
	color: #1b3d84;
}
.sml_txt2{
	color: #1b3d84;
	font-size:0.75em;
	line-height: 120%;
}
.emailside_txt{
	color:#1b3d84;
	font-size:0.95em;
}

.pgside_txt{
	color:#FFFFFF;
	font-size:1.0em;
	font-weight:bold;
	background-color:#004890;
}
.pgside_txt2{
	color:#003399;
	font-size:1.0em;
	font-weight:bold;
	 
}
.pgtxt002{
	 
	 
	 
}
.footer_txt{
	font-size: .85em;
	color:#FFF;
}
.footer_txt a, .footer_txt a:visited{
	color: #ffe5ba;
	text-decoration: underline;
}
.footer_txt a:hover{
	color: #ffffff;
}

.photo_table img {
	margin-bottom:20px;
	padding:2px;
	border:1px solid #ccc;
	}
.formatted_list {
		margin:0;
		padding:0;
		}
	
.formatted_list li { 
			_position:relative;	 /*to fix the IE bullet peekaboo pug */
			padding-left: 10px;
			line-height: 16px;
			list-style: none;
			background: transparent url(../images/aqua_bullet.gif) 0px 5px no-repeat;
			}
.hr_divider {
	width:100%;
	height:1px;
	overflow:hidden;
	color:#ccc;
	background:#ccc;
	margin:20px 0;
	}

.heading_text {
	font-size:14px;
	color:#B84133;
	}

.pic_border {
	border:1px solid #000;
	}
.pic {
	padding: 2px 2px 2px 2px;
	border: 1px solid #CCC;
}
.style1 {
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
}
 .heading {
 	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}

p {
	margin:0;
	padding:0;
	}

.staff_table {
	font-size:11px; line-height:14px;
	}
	
.staff_table td {
	padding:5px;
	}

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

.medbluetext{
	font-size: 1.2em;
	color: #1b3d84;
}
.titeltag{
	font-size: 1.5em;
	color: #1b3d84;
	font-weight: bold;
}
.titeltag_sm{
	font-size: smaller;
	color: #1b3d84;
	font-weight: bold;
	font-style: italic;
}
.pgtitletag{
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#4d63ac;
}
 
	.tablepad {
		padding:5px;
	}

	.tablepad2 {
		padding:5px;
		}
	.nav_text {
		font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:13px;
		}
	.small_text {
		font-size:11px;
		}
	.nav_link a {
		text-decoration:none;
		}
	.nav_link a:link, .nav_link a:visited {
		color:#000000;
		}
	.nav_link a:hover {
		color:#000066;
		}
	.committee_names {
		font-size:16px;
		}
.style1 {font-weight: bold}


.list{
	margin-left: 20px;
	background: url(../images/arrowpixel.gif) no-repeat;
	padding-left: 20px;
}
/* Next 2 classes added for online donation form 2/6/2010*/
.clear_white {
	color:#FFFFFF;
	}
	
.required_red {
	color:#FF0000;
	}
	

h3.contact_head {
	font-size: 20px;
	font-weight: bold;
	color: #1B3D84;
	text-align: center;
	margin-bottom: 15px;
}

h4.contact_section {
	font-weight: bold;
	color: #1B3D84;
	font-size: 14px;
	text-decoration: underline;
	margin: 10px 0;
}

.contact_left {
	float: left;
	width: 390px;
	padding-right: 10px;
}

.contact_right {
	float: left;
	width: 260px;
}

.contact_title {
	font-weight: bold;
}

.contact_options {
	border: 2px solid black;
	padding: 0 5px;
	margin-bottom: 15px;
	background: #ffebc2;
}

/*
SPRITE NAV Buttons!!!
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#button_nav {
	background:url("../images/button_nav.gif") top left no-repeat;					
	width: 145px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 164px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#button_nav span { display: none; }
#button_nav li {
	position: relative;
	float: left;
	list-style: none;
}
#button_nav li, #button_nav a { 
	height: 40px;			/* 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 */
#button_nav-01 {left: 0px; width: 145px;}
#button_nav-02 {left: 0px; width: 145px;}
#button_nav-03 {left: 0px; width: 145px;}
#button_nav-04 {left: 0px; width: 145px;}


/* Changed values should match "width" numbers specified above */
#button_nav-01 a:hover {background: transparent url("../images/button_nav.gif") -145px 0px no-repeat;}
#button_nav-02 a:hover {background: transparent url("../images/button_nav.gif") -145px -40px no-repeat;}
#button_nav-03 a:hover {background: transparent url("../images/button_nav.gif") -145px -80px no-repeat;}
#button_nav-04 a:hover {background: transparent url("../images/button_nav.gif") -145px -120px no-repeat;}

#datebg {
	background:url("../images/navbar.gif") top right no-repeat;					
	width: 154px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 24px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
	float: left;
	color: #ffffff;
	font-size: .75em;
	padding-top: 7px;
}

/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background:url("../images/navbar.gif") top left no-repeat;					
	width: 764px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 31px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
	float: left;
}
#nav span { display: none; }
#nav li {
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 31px;			/* 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: 93px;}
#nav-02 {left: 0px; width: 115px;}
#nav-03 {left: 0px; width: 120px;}
#nav-04 {left: 0px; width: 136px;}
#nav-05 {left: 0px; width: 143px;}
#nav-06 {left: 0px; width: 155px;}



/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif	")   0px -31px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif	") -93px -31px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif	") -208px -31px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif	") -327px -31px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif	") -463px -31px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif	") -606px -31px 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 #1b3d84;
	border-top:none;
	background-color:#b84133; /* 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:#ffbe4e;
	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 { 
	background-image:none;
	background-color:#ffbe4e;
	color:#b84133;
	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:165px; }	
#nav-03 ul, #nav-03 li { width:200px; }		
#nav-04 ul, #nav-04 li { width:200px; }	
#nav-05 ul, #nav-05 li { width:220px; }	
#nav-06 ul, #nav-06 li { width:158px; }



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