body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url('images/dc_bg.jpg');
	background-repeat: repeat-y;
	background-position: top center;	
}

body#content {
	background-image: none;
	background-color: #fff;
	text-align: left;
}

#container {
	text-align: left;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
}

#header {
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	height: 225px;
	width: 960px;
	position:relative;
	z-index:100;
}

.donate {
	width: 139px;
	position: relative;
	top: 145px;
	left: 740px;
	padding: 0;
}

/*.donatetext {
	font-size: 14px;
	padding: 10px 0px 0px 27px;
}

 .donatetext a:link, .donatetext a:visited, .donatetext a:active {
	color:#000;
	text-decoration: none;
}

.donatetext a:hover {
	color:#c3311e;
	text-decoration: none;
}
*/

#prinavigation {
	top: 153px;
	position: relative;
	font-size: 14px;
}

.nav {
	width: 680px;
	float: right;
	position: relative;
	z-index: 2;
	top:0px;
}

#content-area {
width: 966px;	
}

#left-column {
	float: left;
	width: 230px;
	margin-top: 20px;
	text-align: center;
	
}

.left-top {
	background-image: url('images/left-top.jpg');
	background-repeat: no-repeat;
	height: 23px;
	width: 230px;
}

.left-content {
background-color: #fbe5b2;
	padding:0 5px 0 10px;
	font-size: 12px;
	width: 215px;
}

.left-bottom {
	background-image: url('images/left-bottom.jpg');
	background-repeat: no-repeat;
	height: 22px;
	width: 230px;
}

#content {
width:380px;
float: left;
margin-top:20px;
padding:0 20px;
}

#slide {
	width: 380px;
	height: 275px;
	margin-bottom: 20px;
	z-index:1;
}

#fadeshow2 {
	width: 380px;
	height: 275px;
	z-index:2;
}



#fadeshow2toggler {
	margin-bottom: 20px;
}



.content-left {
	float: left;
	width: 220px;
}

.content-left-top {
width: 220px;
height: 30px;
background-image:url('images/atlas-top.jpg');
background-repeat: no repeat;
text-align: right;
color: #fff;
font-size: 18px;	
}

.content-left-top-text {
width: 210px;
height: 30px;
text-align: right;
color: #fff;
font-size: 18px;
padding: 8px 10px 0px 0px;
}

.content-left-bottom {
	background-image:url('images/atlas-image.jpg');
	background-repeat: no repeat;
	height: 210px;
	width: 220px;
}

.content-left-text {
	font-size:12px;
	padding:0 0 0 10px;
	position:relative;
	top:53px;
	width:106px;
}

.content-right {
	width: 140px;
	/*float: right;*/
	float:left;
	margin-left:20px;
	height: 240px;
	margin-bottom:20px;
}

.content-bottom {
	clear: both;
	width: 382px;
	height: 97px;
	background-image:url('images/pdc_home_challenge.jpg');
	background-repeat: no-repeat;
}

.content-bottom a {
	display: block;
}

.content-bottom a span {
	visibility: hidden;
	font-size:50px;
}

#right-column {
	float: left;
	width:310px;
	margin-top: 20px;
	text-align: right;
}

.contact {
	width: 316px;
	height: 52px;
	background-image: url('images/contact-bkg.jpg');
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.contact-text {
	font-size:14px;
	height:52px;
	padding:10px 0px 0px 30px;
	text-align:left;
	width:250px;
	
}

.contact-left {
	float:left;
	width: 80;	
}

.contact-right {
	float:left;
	width: 170;	
}

.right-news-top {
	width: 310px;
	height: 30px;
	background-image: url('images/news-top.jpg');
	background-repeat: no-repeat;
}

.right-news-top-text {
	width: 300px;
	height: 32px;
	text-align: right;
	color: #fff;
	font-size: 18px;
	padding: 8px 10px 0px 0px;
}

.right-news-text {
	background-color: #fbe5b2;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	width: 290px;
}

.right-news-text ul {
	list-style-image: url('images/square.jpg');
	margin-left: 20px;

}
.right-news-text ul li {
	line-height: 20px;

}
.right-news-bottom {
	background-image: url('images/news-bottom.jpg');
	background-repeat: no-repeat;
	height: 30px;
	width: 310px;
	margin-bottom: 10px;
}

.right-video-top {
	width: 316px;
	height: 30px;
	background-image: url('images/video-top.jpg');
	background-repeat: no-repeat;
}

.right-video-top-text {
	width: 300px;
	height: 32px;
	text-align: right;
	color: #fff;
	font-size: 18px;
	padding: 8px 10px 0px 0px;
}

.right-video-text {
	font-size: 14px;
	text-align: left;
}

	#flashcontent {
		width: 310px;
	}

.right-video-bottom {

	height: 30px;
}


#footer {
	clear: both;
	width: 960px;
	height: 69px;
	margin: 0 auto;
	font-size: 11px;
	padding-top: 10px
	
}

.footer-top {
	background-image: url('images/footer-top.jpg');
	background-repeat: no-repeat;
	height: 25px;
	margin-top: 20px;
}

.footer-bottom {
	background-image: url('images/footer-bottom.jpg');
	background-repeat: no-repeat;
	height: 19px;
}

.footer-text {
	width: 960px;
	background-color: #fbe5b2;
}


.copy {
	width: 950px;
	color:#000;
	text-align: center;
	padding: 0px 10px 0px 10px;
	margin: 0 auto;
}

.copy-left {
	width: 500px;
	color:#000;
	text-align: left;
	padding: 0px 10px 0px 10px;
	float: left;
	margin: 10px 0px 10px 0px;
}

.copy-right {
	width: 400px;
	color:#000;
	text-align: right;
	padding: 0px 10px 0px 10px;
	float: right;
	margin: 10px 0px 10px 0px;
}

.privacy-links {
	float: right;
	z-index: 2;
	padding-right:130px;
}

.privacy-links a {
	padding-left: 10px;
	text-decoration: none;
	color: #777;
}

.privacy-links a:hover {
	text-decoration: none;
	color: #E2144A;
}

/* footer navigation styles ------------------------------------------------- */

/* the menu itself */
ul#footerNav {
	text-align: right;
	width:430px;
	}

/* menu items */
ul#footerNav li {
	display: inline;
}
ul#footerNav li a {
	display: inline;
	text-decoration: none;
	color: #777;
	padding: 5px;
}

/* hover */
ul#footerNav li a:hover {
	color: #E2144A;
}

/* main navigation styles --------------------------------------------------- */

#nav {
	z-index: 100;
}

#navigation {
	z-index:100;
	}

ul#navigation {
	z-index: 9999px;
	margin: 0px;
	}	

/* sub menu */
ul#navigation li ul { 
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	left: 0; /* set 1px less than menu width */
	top: 32px;
}

ul#navigation li ul li ul {
	left: 210px; /* set 1px less than menu width */
	top: 0;
}

/* menu items */
ul#navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 9px;
	font-weight: normal;
	/*border-bottom: 1px solid #ccc;*/
}

/* hover */
ul#navigation li a:hover {
	color: #f1ca61;
	font-weight: normal;
}

/* with sub */
ul#navigation a.parent, ul#navigation a.parent:hover {
/*	background-image: url('images/arrows.gif');
	background-position: center right;
	background-repeat: no-repeat;
*/
}
/* sub menu items */
ul#navigation li ul li a {
	background-color: #c4311f;
	color: #ebedde;
	width: 200px;
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 0;
	padding: 5px;
	
}
ul#navigation li ul li a:hover {
	background-color: #cb3321;
	color: #f1ca61;
	width: 200px;
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 0;
	padding: 5px;
}

/* should not need to be changed */
ul.nav, ul.nav ul { margin: 0; padding: 0; list-style: none; }
ul.nav li { position: relative; text-align: left; }
ul.nav ul { position: absolute; display: none; }
ul.nav li ul { z-index: 3; }
ul.nav li ul li ul { z-index: 4; }
ul.nav li:hover > ul { display: block; }

ul.nav > li { 
	float:left;
	padding-right:25px;
	text-align:left;
}

ul#footerNav .nav > li { 
	float: left;
	width: 0px;/*106*/
	text-align: center;
}

#footerNav li { 
	width: auto;
	padding: 0px 5px 0px 5px;
}

/* element styles -------------------------------------------------------- */

.color_black { color: #000000; }
.color_dark_gray { color: #666666; }
.color_light_gray { color: #cccccc; }
.color_white { color: #ffffff; }
.color_red { color: #ff0000; }

.borderwidth_thin { border-width: 1px; }
.borderwidth_medium { border-width: 2px; }
.borderwidth_thick { border-width: 3px; }
	
.borderstyle_dashed { border-style: dashed; }
.borderstyle_dotted { border-style: dotted; }
.borderstyle_solid { border-style: solid; }

.bordercolor_black { border-color: #000000; }
.bordercolor_dark_gray { border-color: #666666; }
.bordercolor_light_gray { border-color: #cccccc; }
.bordercolor_red { border-color: #ff0000; }
