body
{
	background: #FFFFFF;
	margin:0;
	padding:0;
}

/* begin unique elements */

#container
{
	margin:0 auto;
	width: 1000px;
	color:#000033;
	/* defines container element */
}
#header a{
	background: #FFFFFF url(../images/page/bg_header.jpg) no-repeat;
	display:block;
	width:1000px;
	height: 204px;
	text-decoration:none;
	/* defines header element */
}
#header a span {
	visibility:hidden;
}
#header h1{
	color:#CCCCCC;
	font: normal 20px Arial, Helvetica, sans-serif;
	margin:0;
}

#mainnav{
	height:33px;
	margin: 0 0 30px 0;
	padding: 0;
	background:#E7E4DB;
	list-style: none;
	display: inline;
	overflow: hidden;
	/* define navigation element */
}
#mainnav a {
	float:left;
	padding:0 0 0 0;
	overflow: hidden;
	/*height: 0 !important;
	height :31px; /* IE5 hack */
}

#mainnav ul 		{margin:0; padding:0; }
#mainnav li 		{margin:0; padding:0; list-style:none; display:inline; }
#mainnav a.about{
	width:116px;
	height:33px;
	background:url(../images/page/nav_r1_c1.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.about{
	background-position: -116px 0;
}
#mainnav a.about_active{
	width:116px;
	height:33px;
	background:url(../images/page/nav_r1_c1.jpg) -116px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.media{
	width:127px;
	height:33px;
	background:url(../images/page/nav_r1_c2.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.media{
	background-position: -127px 0;
}
#mainnav a.media_active{
	width:127px;
	height:33px;
	background:url(../images/page/nav_r1_c2.jpg) -127px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.programs{
	width:186px;
	height:33px;
	background:url(../images/page/nav_r1_c3.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.programs{
	background-position: -186px 0;
}
#mainnav a.programs_active{
	width:186px;
	height:33px;
	background:url(../images/page/nav_r1_c3.jpg) -186px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.trust{
	width:218px;
	height:33px;
	background:url(../images/page/nav_r1_c4.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.trust{
	background-position: -218px 0;
}
#mainnav a.trust_active{
	width:218px;
	height:33px;
	background:url(../images/page/nav_r1_c4.jpg) -218px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.action{
	width:117px;
	height:33px;
	background:url(../images/page/nav_r1_c5.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.action{
	background-position: -117px 0;
}
#mainnav a.action_active{
	width:117px;
	height:33px;
	background:url(../images/page/nav_r1_c5.jpg) -117px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.donate{
	width:115px;
	height:33px;
	background:url(../images/page/nav_r1_c6.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.donate{
	background-position: -115px 0;
}
#mainnav a.donate_active{
	width:115px;
	height:33px;
	background:url(../images/page/nav_r1_c6.jpg) -115px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a.contact{
	width:121px;
	height:33px;
	background:url(../images/page/nav_r1_c7.jpg) 0 0 no-repeat;
	text-decoration: none;
	display:block;
}
#mainnav a:hover.contact{
	background-position: -121px 0;
}
#mainnav a.contact_active{
	width:121px;
	height:33px;
	background:url(../images/page/nav_r1_c7.jpg) -121px 0 no-repeat;
	text-decoration: none;
	display:block;
}
#navigation{
	padding:30px 0 0 0;
	width: 224px;
	margin:0;
	float:left;
	clear: right;
	/* define navigation element */
}
#print{
	color:#CCCCCC;
	font:12px Arial, Helvetica, sans-serif;
	padding-top:40px;
	padding-left:25px;
}
#print a{
	color:#CCCCCC;
}
#storyline{
	height:251px;
	margin-top:70px;
	background:#ffffff;
	color:#FFFFFF;
	/* define navigation element */
}
<!--start rotate area-->
#news ul{
	background-position:-40px;
  	width: 1000px;
}
#news li {
  overflow: hidden;
  list-style-type: none;
  color: #ffffff;
  display: none;
	margin-left:-40px;
}
#news li h1 {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 3px 10px 0 665px;
	margin-bottom:0;
	margin-top:10px;
}
#news li a {
	color:#FFFFFF;
}
#news li p {
	font:14px/20px Arial, Helvetica, sans-serif;
	padding: 0 10px 20px 665px;
	margin-top:.5em;
}

<!--end rotate area-->
#content{
	color:#000033;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding: 20px 0 10px 10px;

	/* defines content element */
}
#content a{
	color:#000033;
}
#content h1{
	color:#362F2C;
	font: bold 16pt Arial, Helvetica, sans-serif;
}
#content h2{
	color:#993300;
	font: bold 18px Arial, Helvetica, sans-serif;
}
#content h4{
	color:#00166B;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom:.5em;
	margin-top: 0;
}
#content_staff {
	color:#362F2C;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding: 50px 0 10px 40px;
	width:500px;
	margin-left:200px;
	/* defines content element */
}
#content_staff a{
	color:#993300;
	text-decoration:none;
}
#content_staff a:visited{
	color:#993300;
}
#content_staff h1{
	color:#666633;
	font: 26pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#content_staff h2{
	color:#993300;
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#content_staff h3{
	color:#362F2C;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:0;
}
#content_staff h3.subline{
	color:#362F2C;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: none !important;
	font-weight:normal !important;
	margin-top:0;
}
#content_staff h4{
	color:#362F2C;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#content_staff h5{
	color:#362F2C;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:0;
	/* defines content element */
}
#content_staff ul{
	margin-top:0;
	/* defines content element */
}
#content_staff li{
	margin-left:-20px;
	/* defines content element */
}
<!--End Content Staff Section-->
<!--Start Content Staff Wide Section-->
#content_staff_wide {
	color:#362F2C;
	font: 13px/18px Arial, Helvetica, sans-serif;
	padding: 50px 0 10px 40px;
	width:700px;
	margin-left:200px;
	/* defines content element */
}
#content_staff_wide a{
	color:#362F2C;
}
#content_staff_wide h1{
	color:#666633;
	font: 26pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#content_staff_wide h2{
	color:#666633;
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#content_staff_wide h3{
	color:#362F2C;
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:0;
}
#content_staff_wide h3.subline{
	color:#362F2C;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: none !important;
	font-weight:normal !important;
	margin-top:0;
}
#content_staff_wide h4{
	color:#362F2C;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#content_staff_wide h5{
	color:#362F2C;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:0;
	/* defines content element */
}
#content_staff_wide ul{
	margin-top:0;
	/* defines content element */
}
#content_staff_wide li{
	margin-left:-20px;
	/* defines content element */
}
<!--End Content Staff Section-->
<!--Start Content Ball Section-->


#nav_contact{
	width:197px;
	float:left;
}
#nav_action{
	width:197px;
	float:left;
}
#nav_donate{
	width:197px;
	float:left;
}
#nav_media{
	width:197px;
	float:left;
}
#nav_trust{
	width:197px;
	float:left;
}
#content_right{
	width:250px;
	float:right;
	margin-top:50px;
	height:500px;
	min-height:500px;
}
html>body #content_right{height:auto}
#content_right h1{
	color:#9B3300;
	margin-left:50px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#content_right p{
	color:#28201D;
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin-left:50px;
}
#content_right li{
	color:#372D2B;
	list-style-type:none;
	margin-left:-40px;
	margin-bottom:5px;
	font: 13px/18px Arial, Helvetica, sans-serif;
}
#content_right a{
	color:#372D2B;
	padding:5px 0 5px 70px;
	display:block;
	text-decoration:none;
}
#content_right a:hover, #content_right a.active{
	color:#666633;
	background:url(../images/page/compass_o.jpg) no-repeat;
}
#content_right a.button {
	margin-left:-70px;
}
#content_right a.small_button {
	display:block;
	color:#FFFFFF;
	background-color:#993300;
	text-decoration:none;
	font:10px Arial, Helvetica, sans-serif;
	width:20px;
	padding: 2px 10px;
	margin-left:50px;
}
#content_right a:hover.button {
	background-image:none !important;
}
#content_right a:hover.small_button {
	background-image:none !important;
}

#porthole1 {
	width:450px;
	padding:60px 0 20px 20px;
	font:15px/19px Arial, Helvetica, sans-serif;
}
#porthole2 {
	width:490px;
	float:right;
	padding:60px 0 20px 0;
	font:15px/19px Arial, Helvetica, sans-serif;
}
#porthole1 h2, #porthole2 h2{
	color:#993300;
	font: bold 15px/19px Arial, Helvetica, sans-serif;
	margin-bottom:0;
	text-decoration:none;
	text-transform:uppercase;
}
#porthole1 p, #porthole2 p{
	margin-top:0;
}
#porthole1 img, #porthole2 img{
	padding-right:20px;
}
#porthole1 a, #porthole2 a{
}
#subcontent{
	width: 308px;
	float: right;
	margin-left:5px;

	/* defines subcontent element */
}

#content h3{
	color:#000000;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
#footer{
	color:#301D13;
	background:#FFFFFF url(../images/page/bg_footer.jpg) no-repeat;
	height:84px;
	clear:both;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-left:20px;
}
#footer a{
	color:#301D13;
	text-decoration:none;
}
#footer a:hover{
	color:#301D13;
	text-decoration: underline;
}
#footer_logos{
	margin-top: 10px;
	width:397px;
	float:left;
}
#footer_gallery{
	margin:0 0 0 765px;
	text-align:right;
	width:220px;
	border:1px solid #ffffff;
}
#footer_gallery a:{
	display:none;
}
#footer_gallery a{
	display:block;
	height: 30px;
	margin-top:30px;
	text-decoration:none;
}
#footer_gallery a:hover{
	text-decoration:none;
}
#footer_gallery a span {
	visibility:hidden;
}

#footer_subnav{
	width:400px;
	margin:50px 20px 0 0;
	text-align:right;
	float:right;
}
<!--Staff Picture Area-->
#staff_images td{
	padding:5px;
	height:60px;
	color:#28201D;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#staff_images a{
	color:#666633;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#staff_images a.names{
	color:#28201D;
}


.clear
{
	clear: both;

}
.imageright{
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #000033;
}
.imageleft{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	border:1px solid #000033;
}
.imageright_nb{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.imageleft_nb{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
div.spacer {
  clear: both;
}
.button_more_info{
	display:block;
	color:#FFFFFF;
	background-color:#993300;
	text-transform:uppercase;
	font:10px Arial, Helvetica, sans-serif;
	width:70px;
	padding:2px 10px;
}
.button_more_info a{
	color:#FFFFFF !important;
	text-decoration:none !important;
	font-weight:bold !important;
}
.firstparagraph{
	font-size:16px;
}
a.small_button {
	display:block;
	color:#FFFFFF !important;
	background-color:#993300;
	text-decoration:none;
	font:bold 10px Arial, Helvetica, sans-serif;
	width:25px;
	padding: 2px 10px;
	margin-left:50px;
	text-transform:uppercase;
}
a:hover.small_button {
	background-image:none !important;
}
.widebody{
	width:749px !important;
	/* defines content element */
}
.narrowsidecol{
	width:1px !important;
	/* defines content element */
}
 div.hr_colored {
  height: 1px;
  background: #3e271a;

}

div.hr_colored hr {

  display: none;

}
.productdesc{
	padding:0 5px;
}
.productname{
	color:#993300;
	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/*Gallery styles*/
#output {
	height:30px;
	text-align:center;
	width:100%;
}
#gal_largeimage{
	background:url(../images/hq_frame_lg.jpg) no-repeat;
	width:453px;
	height:373px;
	padding:12px 12px 12px 23px;
}
#gal_thumbnail{
	width:121px;
	text-align:center;
	padding:2px;
}
#gal_thumbnail img{
	border:1px solid #330000;
}
.horizontal{
	background:url(../cc-shop/images/hq_frame_horizontal.jpg) no-repeat;
	padding-top:13px ;
	padding-left:19px;
	padding-bottom:20px;
}
.horizontal322{
	background:url(../cc-shop/images/hq_frame_horizontal_322.jpg) no-repeat;
	padding-top:13px ;
	padding-left:19px;
	padding-bottom:20px;
}
.vertical{
	background:url(../cc-shop/images/hq_frame_vertical.jpg) no-repeat;
	background-position: 104px 0;
	padding-top:13px ;
	padding-left:19px;
	padding-bottom:20px;
}
.vertical252{
	background:url(../cc-shop/images/hq_frame_vertical_252.jpg) no-repeat;
	background-position: 104px 0;
	padding-top:13px ;
	padding-left:19px;
	padding-bottom:20px;
}
.vertical287{
	background:url(../cc-shop/images/hq_frame_vertical_287.jpg) no-repeat;
	background-position: 104px 0;
	padding-top:13px ;
	padding-left:19px;
	padding-bottom:20px;
}
.horizontalimg{
	position: relative;
	top:0;
	left:0;
}
.verticalimg{
	position: relative;
	top:0;
	left:104px;
}
