/* CSS Document */





/****************** Dropdown Menu CSS ******************/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
	z-index:3;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
	padding-bottom:2px;
	
	/*width: 10em;  dropdown documentation said that width is needed or else Opera goes nuts, but it seemed fine when i tested it */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:10px;
	background-color:white;
	border-left:1px solid #cccccc;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

#nav li ul li {  /* second-level list items */
	float:none;
	
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




/****************** Generic Selectors ******************/

html, body, #wrapper, #main_table {
	height:100%;
	}

body {
	margin: 0;
	padding:0;
	background-image: url(images/BG.gif);
	background-repeat: repeat;
	background-color:#660000;
}

body, a {
	font-family:verdana,helvetica,arial,sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color:#666666;
	text-decoration:none;
}

img {
	border:0px;
}

ul {
	list-style-image:url(images/bullet.gif);
}

h1 {
	font-size:11px;
	font-weight:normal;
	color:#990000;
	line-height:normal;
}
h2{
	font-size:16px;
}

.clear { clear: both; }


/**************** Pseudo classes ****************/

a.link1:link, a.link2:link {color: #666666}  
a.link1:visited, a.link2:visited {color: #666666}
a.link1:hover, a.link2:hover {color: #990000}
a.link1:active, a.link2:active {color: #990000}

a.link3:link, a.link3_bold:link {color: #990000}  
a.link3:visited, a.link3_bold:visited {color: #990000}
a.link3:hover, a.link3_bold:hover {color: #000000}
a.link3:active, a.link3_bold:active {color: #000000}
span.link3 { color: #990000; font-size: 10px; }

a.link4:link {color: #FF9999}  
a.link4:visited {color: #FF9999}
a.link4:hover {color: #000000}
a.link4:active {color: #000000}




/************************* ID's, Classes, etc. *************************/

#wrapper {
	position: relative;
	margin: auto;
	width: 924px;
	border:0px solid  #0099FF;		
}

#main_table {
	width:924px;
	border-collapse:collapse;
}

#main_table tr, #main_table td {	
	padding:0px;
	margin:0px;
}

#Image_Bar {
	width: 750px;
	height:212px;
	position:relative;
	margin:auto;
	border: 0px solid #999999;
	text-align:center;
	clear:left;
	z-index:1;
}

#Image_BarSM {
	width: 750px;
	height:90px;
	position:relative;
	margin:auto;
	border: 0px solid #999999;
	text-align:center;
	clear:left;
	z-index:1;
}

#banner1, #banner2, #banner3,
#banner4, #banner5, #banner6,
#banner7, #banner8, #banner9 {
	position:absolute; 
	top:0;
	left:0;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity:0;
}

#staticBanner {
	position:absolute; 
	top:0;
	left:0;
}

#content {
	background-color:white;
	border:0px solid black;
	padding:0px 35px 10px 35px;
	clear:left;
}


#MiddleSide {
	vertical-align:top;
	background-color:white;
}

#LogoEtc {
	position:relative;
	height:55px;
	border:0px solid black;
	padding: 20px 30px 0px 30px;
}
#TopNav {
	/*position:relative;   This makes a mess of my dropdown menus in IE*/
	padding:20px 35px 0px 35px;
	border:0px solid black;
}
#footer {
	position:relative;
	width: 733px;
	left:0px;
	margin: 15px 35px 20px 35px;
	padding: 5px 0px 20px 0px;
	vertical-align:top; 
}

/*#footer {
	background-image:url(images/FooterUHC.gif);
	background-repeat:no-repeat;
	position:relative;
	left:0px;
	border-top:1px solid #999999;
	margin: 15px 35px 20px 35px;
	padding: 25px 5px 20px 0px;
	vertical-align:top; 
}*/

/************/
#WaysTable td {
	width:665px;
	padding:10px;
	vertical-align:top;
	border:1px dotted #CCCCCC;
	
}
.bgColor {
	background-color:#EEEEEE;
}
/************/



.title {
	padding:20px 0px 20px 0px;
}
.indent {
	padding-left:60px;
}

.subNavContainer {
	position:relative;
}
.subNav{
	position:absolute;
	top:0px;
	width:200px;
	padding-left:15px;
	z-index:3;
}

.subNavContent{
	position:relative;
	padding-left:215px;
}
.spacer{
	width: 20px;
}

a.link1 {
	font-size:12px;
}

a.link2 {
	font-size:10px;
}

a.link3 {
	font-size:10px;
	color:#990000;
}

a.link3_bold {
	font-size:10px;
	color:#990000;
	font-weight:bold;
}

h1.wish {
	display:inline; 
	font-size:10px;
}
p.wish {
	display:inline; 
	font-size:10px;
}
span.bold {
	font-weight:bold;
}
span.italic {
	font-style:italic;
}

#Request_main {
	position:relative; 
	background-image:url(images/contact/RequestBG.gif); 
	background-repeat:no-repeat; 
	width:670px; 
	height:310px; 
	padding:30px;
}
#Request_col1 {
	position:absolute; 
	top:25px; 
	left:40px; 
	width:190px; 
	height:310px; 
	font-size:10px; 
	border-right:1px solid #cccccc;
}
#Request_col2 {
	position:absolute; 
	top:25px; 
	left:250px; 
	width:220px; 
	height:310px; 
	font-size:10px; 
}
#Request_col3 {
	position:absolute; 
	top:25px; 
	left:500px; 
	width:200px; 
	height:340px; 
	font-size:10px;
}
#Request_form input{
	border:1px solid #999999; 
	color:#999999;
	
	
}

#email_container{
	position:relative;
	background-image:url(images/contact/Contact_emailBG2.gif);
	background-repeat:no-repeat;
	width:450px;
	height:400px;
}

#email_main{
	padding: 75px 0px 0px 45px;
	position:relative;
	font-size:10px;
	height:270px;
}

#email_col1{
	position:relative;
	font-size:10px;
}

#email_col2{
	position:absolute;
	top:0px;
	left:194px;
	font-size:10px;
}

#email_form input, #email_form textarea, #email_form select {
	border:1px solid #999999; 
	color:#666666;
	
}

#email_form input, #email_form select {
	width:165px;
	
}

#email_form textarea{
	width:350px;
	height:95px;
}

.shaded {
	background-color:#eeeeee;
}
.darker_shade{
	background-color:#dfdfdf;
}
.BoardTable {
	border-collapse:collapse;
}

#Employee_main {
	position:relative; 
	background-image:url(images/opportunities/employeeFormBG.gif); 
	background-repeat:no-repeat; 
	width:670px;
	height:460px;
	/*height:310px;*/ 
	padding:30px;
	/*line-height:20px;*/
}
#Employee_col1 {
	position:absolute; 
	top:85px; 
	left:40px; 
	width:170px; 
	height:250px; 
	font-size:10px;
	
	
}
#Employee_col2 {
	position:absolute; 
	top:85px; 
	left:215px; 
	width:175px; 
	height:400px; 
	font-size:10px;
	border-right:1px solid #cccccc; 
	
}
#Employee_col3 {
	position:absolute; 
	top:85px; 
	left:410px; 
	width:310px; 
	height:280px; 
	font-size:10px;
	
}
#Employee_form input{
	border:1px solid #999999; 
	color:#999999;
	
	
}
#sp {
	display:inline-table; 
	width:730px;
}
#sp td.headerCells{
	background-color:#669933; 
	color:white;
	padding:10px 15px 10px 20px;
	border-right:4px solid white;
}
#sp td.bodyCells{
	padding:15px 15px 15px 20px;
	background-color:#e0f58e; 
	border-right:4px solid white;
	vertical-align:top;
	width:365px;
}
#ei {
	display:inline-table; 
	width:730px;
}
#ei td.headerCells{
	background-color:#990000; 
	color:white;
	padding:10px 15px 10px 20px;
	border-right:4px solid white;
}
#ei td.bodyCells{
	padding:15px 15px 15px 20px;
	background-color:#CCCCCC; 
	border-right:4px solid white;
	vertical-align:top;
	width:365px;
	
}

/********** Give Form CSS **********/

/**** Give form changes ****/
#GiveFormCol2-div{
	width:360px;
	padding-left:35px;
	border-left:1px solid #aaaaaa;
	font-size:10px;
}
#GiveFormCol2-div input, #GiveFormCol2-div select{
	border:1px solid #666666; 
	color:#666666;
	width:150px;
}
#GiveFormCol1-div{
	width:275px;
	font-size:10px;
}

#GiveFormCol1-div input{
	border:1px solid #666666; 
	color:#666666;
}

/**** end changes ****/

#GiveForm{
	position:relative; 
	width:730px;
	background-color:#eaeaea;
}
#GiveFormHeader{
	position:relative;
	padding:30px 30px 30px 40px; 
	width:660px; 
	height:60px; 
	background-image:url(images/give/FormHeader.jpg); 
	background-repeat:no-repeat; 
	color:#FFFFFF;
}
#GiveFormContent{
	position:relative;
	/*height:500px;*/
	background-color:#eeeeee; 
	padding:15px 10px 40px 40px;
}
#GiveFormCol1{
	width:275px;
	font-size:10px;
}

#GiveFormCol1 input{
	border:1px solid #666666; 
	color:#666666;
	
}
#GiveFormCol2{
	position:absolute;
	left:315px;
	top:15px;
	width:360px;
	padding-left:35px;
	border-left:1px solid #aaaaaa;
	font-size:10px;
}
#GiveFormCol2 input, #GiveFormCol2 select{
	border:1px solid #666666; 
	color:#666666;
	width:150px;
	
}

#PaymentForm{
	position:relative; 
	width:730px; 
	height:325px; 
	background-color:#eeeeee;
	font-size:10px;
}
#PaymentFormHeader{
	width:730px; 
	height:50px; 
	background-image:url(images/give/payment_header.jpg); 
	background-repeat:no-repeat;
}
#PaymentFormContent{
	position:relative;
	height:225px;
	padding:30px 60px 20px 50px;
}
#PaymentFormCol1{
	position:absolute; 
	top:60px;
	left:50px;
}
#PaymentFormCol1 input{
	width:250px;
	color:#666666;
}
#PaymentFormCol2 {
	position:absolute; 
	top:60px; 
	left:350px;
	width:350px;
	border-left:1px solid #aaaaaa;
	padding-left:20px;
}

/********** Ebony Ivory Form CSS **********/
#EI_Form{
	position:relative; 
	width:730px;
	background-color:#eaeaea;
}
#EI_FormHeader{
	position:relative;
	padding:30px 30px 30px 40px; 
	width:660px; 
	height:60px; 
	background-image:url(images/give/give/EbonyIvoryFormHeader.jpg);
	background-repeat:no-repeat; 
	color:#FFFFFF;
}
#EI_FormContent{
	position:relative;
	height:100%;
	background-color:#eeeeee; 
	padding:15px 10px 40px 40px;
}
#EI_FormCol1{
	width:275px;
	font-size:10px;
	padding-left:20px;
}


#EI_FormCol2{
	position:absolute;
	left:315px;
	top:15px;
	width:360px;
	padding-left:35px;
	border-left:1px solid #aaaaaa;
	font-size:10px;
}
#EI_FormCol2 input, #EI_FormCol2 select{
	border:1px solid #666666; 
	color:#666666;
	width:150px;
	
}
#EI_guests{
	font-size:10px;
}
#EI_guests input{
	border:1px solid #666666; 
	color:#666666;
	width:150px;
}
#EI_guestsTable input {
	width:20xp;

}

/********** Campaign page with video **********/


#video_div{
	float:right; width:480px; height:270px; padding:24px; padding-right:110px; background-image:url(images/why/video_bg.jpg); background-repeat:no-repeat;
}


/********** Supporters Page **********/

#supporters-wrapper{padding:30px 0px 0px 80px;}
#supporters-left-col{float:left; width:300px;}
#supporters-right-col{float:left; width:270px;}
.supporters-ul{ list-style-position:outside; padding-left:14px;}

/********** Employee Giviging Expansion CSS **********/


.section-list{
        list-style-image:url(images/arrow_closed.gif);
		list-style-position:outside;
		padding-left:20px;
}
.section-list li{
	padding:5px 0px;
}
.section-title{
	font-weight:bold;
	outline:none;
	color:#990000;
}
.section-info-div{
	display:none;
	padding-top:10px;
	width:653px;
}

/********** UHF Staff **********/

div.staff_member { margin-bottom: 18px; }
div.staff_image { float: left; width: 70px; height: 80px; }
div.staff_text { float: left; width: 200px; height: 80px; }
div.no_image { width: 400px; }