@charset "utf-8";
/* CSS Document */

body
{
	font-size:12px;
	line-height:16px;
	background:#E1e1e0;
	font-family:Arial, Verdana, sans-serif;
	color:#626060;
	padding:0;
    margin:0;
}

#wrapper	{
	background:#E1e1e0 url(../dch_img/main_bkg.png) top center repeat-y;
	width:800px;
	margin:0 auto;
	height:100%;
	}		
#main	{
	width:746px;
	margin:0 auto;
	padding:0;
	}
#header	{
	height:97px;
	background:#FFFFFF url(../dch_img/header.gif) top center no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	}
#nav	{
	height:30px;
	background:#FFFFFF url(../dch_img/nav.jpg) top center no-repeat;
	text-indent:-9999px;
	}
#body_top_gotv	{
	height:450px;
	background: #FFFFFF url(../dch_img/body_top_gotv.jpg) top left no-repeat;
	cursor:pointer;
	padding: 0 0 0 300px;
	padding-bottom:0;
	}
#body_top	{
	height:450px;
	background: #FFFFFF url(../dch_img/body_top.jpg) top left no-repeat;
	cursor:pointer;
	padding: 0 0 0 330px;
	padding-bottom:0;
	}	
#body_donate	{
	height:450px;
	background: #FFFFFF url(../dch_img/body_donate.png) top left no-repeat;
	padding: 0 0 0 450px;
	padding-bottom:0;
	cursor:pointer;
	}	
#body_thanks	{
	height:450px;
	background: #FFFFFF url(../dch_img/body_thanks.png) top left no-repeat;
	padding: 0 0 0 232px;
	padding-bottom:0;
	cursor:pointer;
	}
#body_referral	{
	height:450px;
	background: #FFFFFF url(../dch_img/body_referral.png) top left no-repeat;
	padding: 0 0 0 232px;
	padding-bottom:0;
	cursor:pointer;
	}		
#body_bottom	{
	height:154px;
	background: #FFFFFF url(../dch_img/body_bottom.png) top center no-repeat;
	}	
#times	{
	height:50px;
	background:url(../dch_img/timessquare.jpg) top center no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	}
#times:hover	{
	height:50px;
	background:url(../dch_img/timessquare_on.jpg) top center no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	}	
#content	{
	padding:10px 20px;
	}
#reserve	{
	height:175px;
	background: #FFFFFF url(../dch_img/footer1.jpg) top center no-repeat;
	clear:left;
	clear:both;
	cursor:pointer;
	}
#div_obama_minute {
	padding:15px;
	width:295px;
	float:left;
	}	
#sub_footer	{	
	height:218px;
	background:#FFFFFF url(../dch_img/group.png) top left no-repeat;
	}
#sub_learn {
	height:68px;
	background: #FFFFFF url(../dch_img/change.png) top left no-repeat;
	}
	
#footer	{
	padding:25px 0;
	margin:0 auto;
	}
	
/* N A V I G A T I O N */
#nav	{
	text-align:left;
	margin:0 auto;
	height: 30px;
	border: 0;
	padding: 0;
	clear:both;
	}
#nav ul	{
	width: 730px;
	height: 35px;
	margin:0px;
	background-image:url(../dch_img/nav.jpg);
	padding: 0;
	position: relative;
	}
#nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
#nav ul li, #nav a	{
	height: 30px;
	display: block;
	}
#nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
#n1 {left: 0; width: 147px;}
#n2 {left: 147px; width: 122px;}
#n3 {left: 269px; width: 198px;}
#n4 {left: 467px; width: 103px;}
#n5 {left: 570px;  width: 175px;}
#n1 a:hover {background: transparent url(../dch_img/nav.jpg) 0 -30px no-repeat;}
#n2 a:hover {background: transparent url(../dch_img/nav.jpg) -147px -30px no-repeat;}
#n3 a:hover {background: transparent url(../dch_img/nav.jpg) -269px -30px no-repeat;}
#n4 a:hover {background: transparent url(../dch_img/nav.jpg) -467px -30px no-repeat;}
#n5 a:hover {background: transparent url(../dch_img/nav.jpg) -570px -30px no-repeat;}
	
/* F O O T E R */
#footer p	{
	margin: 0 10%;
	padding-top:4px;
	}
	
	

/* L I N K S */
a img {
	border:0;
	}

a
{
	font-weight:bold;
	color:#444343;
	text-decoration:none;
}
a:active
{
	font-weight:bold;
	color:#444343;
	text-decoration:none;
}
a:visited
{
	font-weight:bold;
	color:#444343;
	text-decoration:none;
}
a:hover
{
	font-weight:bold;
	color:#444343;
	text-decoration:underline;
}

/* T H E R M O M E T E R */
#themometer	{
	position:absolute;
	top:0;
	left:0;
	}
	
/* T E X T S T Y L I N G */
h2, h2 a, h2 a:visited {
	color:#02a2f7;
	font-weight:bold;
	font-size:14px;
	}
	
p.comments_invite a, p.comments_invite a:visited	{
	color:#02a2f7;
	}
	
h4 {margin:0 auto; text-align:center;}
/*h4.special {
	margin:0 auto;
	color:white;
	background: url(../dch_img/register2.png) top middle no-repeat;
	text-align:center;
	height:90px;
	height:325px;
	text-indent:-9999px;
	}*/
/* F O R M */

#body_top form {
	padding-top:263px;
	}
#body_donate p	{
	padding-top: 172px;
	}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 130px; /*width of left column containing the label elements*/
/*height: 1%;*/
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -130px; /*width of left column*/
width: 125px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform input.small	{
	width:90px;
	}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../dch_img/formbg.gif) repeat-x left top;
}