/* Layout Stylesheet */ 

/* Body and Conteiner */ 
body {
 margin: 0px;
 background-color: #A1B0A8;
 text-align: center;
 padding: 0;
 color: #234204;
 font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif;
 }

/*Invisible Spans*/

#header h1 span,
#pagetitle h1 span,
#news h3 span,

#latestprojects h3 span,
#latestdvds h3 span,
#affiliates h3 span,
#giveyoursupport h3 span,
#site h3 span,
#footer,
#extradiv {
	display:none;
}

/*Invisible Spans End*/

#container {
 position: relative;
	margin: 20px auto;
	width: 780px;
 text-align: left;
 	background-color: #A1B0A8;
 }

/* Header, Site Logo, Navigation, and Banner */ 
#header {
	background-image: url(../graphics/main/header.jpg);
	height: 281px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
 }
 
#pagetitle {
	float: left;
	width: 750px;
	position: relative;
	padding: 10px 10px 10px 20px;
	background-color: #FFFFFF;
}

/* Main Portion of the Site */
#maincontent {
 float: left;
 width: 780px;
 padding: 0px;
 padding-bottom: 20px;
 background-color: #FFFFFF;
 }

#leftcontent {
 float: left;
 width: 480px;
 padding-left: 20px;
 padding-right: 20px;

 }

#rightcontent {
 float: right;
 width: 220px;
 background-color: #FFFFFF;
 border-left:#EBF3D8;
 border-left-style:solid;
 border-left-width: 1px;
 padding-left: 19px;
 padding-right: 20px;
 }
 
/* Left Content */

/*News Box*/
#news {
 float: left;
 width: 480px;
 color: #234204;
 text-align: justify;
 padding-bottom: 20px;
 }
 
#newstitle {
 float: left;
 width: 480px;
 padding-bottom: 5px;
 }
 
#news h3 {
	font-size: 13px;
}

#news h6  {
	color: #FDAB7F;
	padding-bottom: 5px;
}

h6  {
	color: #7c7c7c;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 0.9em;
}


/* Right Content */
#latestprojects, #latestdvds, #affiliates, #giveyoursupport, #site {
	font-size: 0.9em; 
	margin-bottom: 20px;
}

/* Box Titles */

#latestprojects h3 {
	background-image: url(../graphics/rightcolumn/header_upcomingprojects.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height: 30px;
}

#latestdvds h3 {
	background-image: url(../graphics/rightcolumn/header_latestdvds.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height: 30px;
}

#affiliates h3 {
	background-image: url(../graphics/rightcolumn/header_affiliates.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height: 30px;
}

#giveyoursupport h3 {
	background-image: url(../graphics/rightcolumn/header_giveyoursupport.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height: 30px;
}

#site h3 {
	background-image: url(../graphics/rightcolumn/header_site.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 220px;
	height: 30px;
}

/*Latest Projects and Latest DVDs*/
#latestproject1, #latestproject2, #latestdvd1, #latestdvd2 {
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	height: 95px;
	margin-top: 10px;
}

#latestproject1 {
	background-image: url(../graphics/rightcolumn/latestproject1.jpg);
}

#latestproject2 {
	background-image: url(../graphics/rightcolumn/latestproject2.jpg);
}

#latestdvd1 {
	background-image: url(../graphics/rightcolumn/latestdvd1.jpg);
}

#latestdvd2 {
	background-image: url(../graphics/rightcolumn/latestdvd2.jpg);
}

/*Affiliates*/
#affiliates {
	margin-top: 10px;
}

#affiliateslinks {
	height: 39px;
	margin-top: 10px;
}

/*Give Your Support*/
#giveyoursupport {
	margin-top: 10px;
}

#giveyoursupporttext {
	margin-top: 10px;
}

#cause1, #cause2, #cause3, #cause4 {
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	height: 66px;
	margin-top: 10px;
}

#cause1 {
	background-image: url(../graphics/rightcolumn/giveyoursupport/livestrong.gif);
}


#cause2 {
	background-image: url(../graphics/rightcolumn/giveyoursupport/theanastaciafund.gif);
}

#cause3  {
	background-image: url(../graphics/rightcolumn/giveyoursupport/breakawayfromcancer.gif);
}


/*Site*/
#site {
	margin-top: 10px;
}

/*Validate*/

#validate {
	text-align: left;
	padding-bottom: 10px;
}

#validate a, #validate a:visited {
	padding: 5px;
	border: 1px solid #f4f4f4;
	background-color: #fff;
}

#validate a:hover {
	padding: 5px;
	border: 1px solid #993300;
	background-color: #D94904;
	color: #fff;
}
/*Right Columns Boxes End*/

/* Footer */
#clearing {
 clear: both;
 height: 20px;
 width: 780px;
  background-color: #A1B0A8;
  }