html {
	margin: 0;
	padding: 0;
	}
*html {
	padding: 0;
	margin: 0;
}
body {
	font: .75em/1.88889 georgia, sans-serif;
	color: #555753;
	background: #ececec url(../images/dots_03.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	}
#wrapper {
	position: relative;
	top: 47px;
	width: 917px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}



img {border:0}

p, ul, li, td { 
	text-align: left;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}
h3 {
	font: normal 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #E51837;
	}
h3 span {
	padding: 0;
	margin: 0;
}
/* this sets the size and placement of the date headings*/
h4 {
	font: normal 1.25em Arial, Helvetica, sans-serif;
	color: #E51837;
	margin: 0px;
	padding: 3px 3px 3px 0px;
}	
h4 span {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}


a:link {
	text-decoration: underline;
	color: #E51837;
	font-weight: normal;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #E51837;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #999999;
	}
	
a.gray:link {
	text-decoration: underline;
	color: #CCCCCC;
	font-weight: normal;
	}
a.gray:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #CCCCCC;
	}
a.gray:hover, a:active { 
	text-decoration: underline; 
	color: #E51837;
	}	
	
	
/* middle section of the background image is set tile here*/
#container {
	margin-top: 10px;
	width: 917px;
	padding: 0;
	background: url(../images/main_bg_08.gif) repeat-y left top;
	}
#content {
	margin: 0;
	padding: 0;
	width: 867px;
	position: relative;
	left: 23px;
	clear: both;

}
#section1 {
	height: 276px;
	margin: 0px 0 5px 0;
	padding: 0;
}
#clear_fix {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 5px;
}
/* top part of background image */
#intro {
	background: url(../images/main_bg_05.gif) no-repeat left top;
	width: 917px;
	}
#pageHeader {
	margin: 0px;
	padding: 0px;
}
/* red dot logo */
#pageHeader h1 {
	background: #FFFFFF url(../images/red_dot_logo_07.gif) no-repeat left top;
	width: 317px;
	height: 123px;
	left: 30px;
	position: relative;
	top: 10px;
	}
#pageHeader h1 span {
	display: none;
	}
#logo {
	width: 420px;
	float:left;
}	

#top {
	width: 320px;
	float: right;
	margin-top: 100px;
}

/* top navigation bar */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
margin-bottom:10px;
height:18px;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background-color: #E51837;
}

.indentmenu ul li{
display: inline;
}  

.indentmenu ul li a{
float: left;
color: #FFFFFF; /*text color*/
padding: 5px 11px 7px 25px;
height:12px;
text-decoration: none;
text-indent: -5000px
}

.indentmenu ul li a:visited{
color: #FFFFFF;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #e7e7e7 !important; /*text color of selected and active item*/

}

.index { background: url(../images/menu_01.gif) no-repeat; width:45px; margin-left:5px;}
.news { background: url(../images/menu_02.gif) no-repeat; display: block; width:30px;}
.about { background: url(../images/menu_03.gif) no-repeat; display: block; width:130px;}
.junk-mail-facts { background: url(../images/menu_04.gif) no-repeat; display: block; width:100px}
.faq { background: url(../images/menu_05.gif) no-repeat; display: block; width:25px;}
.friends-and-sponsors { background: url(../images/menu_06.gif) no-repeat; display: block; width:120px;}
.contact { background: url(../images/menu_07.gif) no-repeat; display: block; width:45px;}
.Blog { background: url(../images/menu_08.gif) no-repeat; display: block; width:50px;}



/* the photo position is set here*/
#photo {
	margin: 0;
	width: 558px;
	height: 275px;
	padding: 5px;
	background-color: #CCCCCC;
	float:left;
	}
#news_section {
	background-color: #CCCCCC;
	width: 250px;
	margin: 0;
	float: right;
	padding: 0px 20px 5px 20px;
	height: 275px;

	}
#section2 {
	padding: 0;
	margin: 15px 0 0;
	clear: both;
}
/* take action column */
#take_action {
	width: 193px;
	background-color: #636466;
	float: left;
	min-height: 500px;
	padding: 10px 0 10px 10px;

}
#take_action p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.25em;
	color: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 8px 10px 0 28px;
}
#take_action h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: .95em;
	color: #FFFFFF;
	font-weight: normal;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #E51837;
	padding: 0 0 20px 0;
	margin: 0 5px 0 0;
}
/* this is where the styling of the main content column is */
#message {
	margin: 5px 298px 0px 210px;
	padding: 0;
	min-height: 500px;	
}
#message p {
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	margin: 20px;
}
#message h3 {
	padding: 0px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight:bold
}

/* this is where the styling of the main content column is */
#submessage {

	margin: 5px 18px 0px 0px;
	width:565px;
	padding: 0;
	min-height: 500px;	
}
#submessage p {
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 20px;
}
#submessage h3 {
	padding: 0px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-transform: uppercase
}

/* the ad section */
#ads {
	width: 280px;
	background-color: #e7e7e7;
	margin: 0 0 0 5px;
	padding: 7px 5px 5px 5px;
	min-height:400px;
	float: right;
}
/* this sets the background color of each add item  just put the photo and link inside the h5 tags*/
#adspace, #adspace2, #adspace3 {
	background-color: #FFFFFF;
	min-height: 130px;
	width: 275px;
	margin-bottom: 5px;
}
/* footer section this sets the position fo the bottom of the background image*/
#footer {
	background: url(../images/main_bg_14.gif) no-repeat left top;
	width: 917px;
	clear: both;
	}
#footer ul {
	list-style: none;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #636466;
	margin: 0 15px 0 15px;
	top: 20px;
	height: 100px;
	position: relative;
}
#footer li {
	display:inline;
	margin: 0 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*specific classes*/
.action {
	background: url(../images/action_03.gif) no-repeat left center;
	text-indent: -9999px;
	font-size: 33px;
	color: #E51837;
	margin: 0;
	margin-top: -5px;
	padding: 0;
	line-height:0em;
	height: 63px;
	width: 149px;
	display: block;
}
/* the numbers for the take action section are here */
.p1 {
	background: url(../images/numbers_03.gif) no-repeat left top;
	line-height: 16pt
}
.p2 {
	background: url(../images/numbers_06.gif) no-repeat left top;
}
.p3 {
	background: url(../images/numbers_08.gif) no-repeat left top;
}
.p4 {
	background: url(../images/numbers_04.gif) no-repeat left top;
}

.p5 {
	background: url(../images/numbers_05.gif) no-repeat left top;
}


.not {
	color: #E51837;
}
/* this styles the news item text */
.news_holder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 1.25em;
	margin: 0px;
}
/* this sets the images of the footer links */
.eco {
	background: #ececec url(../images/logos_03.gif) no-repeat left top;
	width: 150px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	float: left;
}
.buddha {
	background:#ececec  url(../images/logos_05.gif) no-repeat left top;
	text-indent: -9999px;
	width: 180px;
	height: 50px;
	position: relative;
	display: block;
	float: left;
}
.squint {
	background:#ececec  url(../images/logos_07.gif) no-repeat left top;
	text-indent: -9999px;
	width: 150px;
	height: 50px;
	position: relative;
	display: block;
	float: left;
}
.copy {
	float:right;
}
.brought {
	float: left;
}

.green {
color: #669900
}

.keyword {
color: #E51837;
font-weight:bold;
font-size: 1.25em
}