/* CSS Document */

/* element styles */
body{
background:#ffffff url('../images/background.gif') repeat left top;
margin:0;
padding:0;
font-family:arial;
font-size:12px;
}

a, a:visited, a:active{
	color:maroon
}

/* class styles */
.bodyText{
clear:both;
padding:15px;
background-color:#ffffff;
width:550px;
float:left;
line-height:18px
}
.bodyWrapper{
clear:both;
background-color:#ffffff;
width:860px;
float:left;
overflow:hidden
}
.column{
	float:left;
	width:260px;
}
.columnLeft{
	margin-right:20px;
}
.columnHeader{
	background-color:#dd1d19;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	width:240px;
	padding:5px 10px;
}
.columnText{
	padding:10px;
	background-image:url('../images/highlightBack.gif');
	background-position:left top;
	background-repeat:repeat-x;
}
.content{
	background-color:#ffffff;
	padding:20px;
	float:left
}
.dome{
width:310px;
display:inline;
float:left;
text-align:right;
vertical-align:baseline;
height:138px
}
.fade{
float:left;
padding:5px;
width:270px;
height:51px;
overflow:hidden;
background-color:#6C6C6C;
background-position:left bottom;
background-repeat:repeat-x;
text-align:center;
color:#ffffff;
font-size:14px
}
.footer{
clear:both;
background-color:#626262;
height:1px;
width:860px;
margin:0 auto
}
.footerText,.footText a{
clear:both;
width:860px;
margin:0 auto;
text-align:center;
color:#222222;
font-family:arial;
font-size:11px
}
#highlight{
clear:both;
float:left;
width:580px;
height:225px;
background-image:url('../images/story1.jpg');
background-position:left top;
background-repeat:no-repeat;
position:relative;
text-align:right
}
.highlightHeader{
font-family:'Trebuchet MS';
color:#820000;
font-size:15px;
line-height:18px;
padding:15px
}
.highlightLink{
float:left;
overflow:hidden;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
border-left:1px solid #C7C7C7;
border-bottom:1px solid #C7C7C7;
padding:13px 4px 4px 4px;
width:183px;
height:42px;
text-align:center;
z-index:1
}
.highlightLinks{
	background-image:url('../images/highlightBack.gif');
	background-position:left top;
	background-repeat:repeat-x;
	clear:both;
	float:left;
	overflow:hidden;
	width:580px
}
.highlightStory{
clear:both;
font-family:'Trebuchet MS';
color:#000000;
font-size:13px;
line-height:18px;
padding:0px 15px
}
.highlightStory a{
color:#e22520;
text-decoration:none
}
.highlightStory a:hover{
color:#e22520;
text-decoration:underline
}
.hovered{
display:none;
position:absolute;
top:0px;
left:380px;
z-index:5;
background-image:url('../images/highlightFade.png');
background-position:left top;
background-repeat:repeat-x;
height:255px;
width:200px;
text-align:left
}
.hover{
	text-decoration:none
}
.join{
padding-top:4px;
padding-left:7px;
font-family:'Trebuchet MS';
font-size:13px;
color:#ffffff
}
.links{
clear:both;
background-image:url('../images/linksBack.gif');
background-position:top;
background-repeat:repeat-x;
overflow:hidden;
border-bottom:3px solid #6c6c6c
}
.logo{
padding-top:15px;
padding-left:5px;
width:270px;
display:inline;
float:left;
text-align:left;
vertical-align:baseline;
height:123px
}
.pageHeader{
font-family:'trebuchet MS';
font-size:15px;
font-weight:bold;
color:#222222;
padding-bottom:3px
}
#pointer{
position:absolute;
z-index:15;
top:213px;
width:25px;
height:13px;
}
.rightColumn{
padding:10px;
float:left;
text-align:center;
width:260px
}
.rightColor{
	background-color:#6C6C6C;
}
.selectedLink{
background-image:none !important;
background-color:#ffd800
}
.shadowWrapper{
width:860px;
padding:0px 5px;
background-image:url('../images/shadow.png');
background-repeat:repeat-y;
background-position:top;
overflow:hidden
}
.signup{
width:260px;
float:left;
text-align:left;
overflow:hidden;
padding-top:30px;
padding-left:13px;
height:108px;
vertical-align:top
}
.welcome{
float:left;
width:260px;
height:205px;
overflow:hidden;
background:#dedede url('../images/headshot.gif') no-repeat right bottom;
padding:10px;
}
.welcome a{
	color: maroon
}
.welcomeHeader{
	font-family:'trebuchet ms';
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px
}
.wrapper{
width:870px;
margin:0 auto;
}

/* links */
.links ul a {
	text-decoration: none;
	display: block; /* so IE displays the sublevel below */
	text-align:left;
	padding:9px 21px;
	line-height:15px;
	color:#ffffff
}

.links ul{
	font-family:'trebuchet MS';
  	font-size: 12px;
  	font-weight: bold;
	text-transform:uppercase;
	color:#ffffff;
	white-space: nowrap;
	padding:0;
	margin:0;
	z-index:50000;
}

.links ul li {
	display: block;
	float:left;
	background-image:url('../images/linksRight.gif');
	background-position:right top;
	background-repeat:no-repeat
}

#last {
	display: block;
	float:left;
	background-image:none !important
}

.links ul li ul {
	background-color:#999999;
	text-transform:none !important;	
	display: block;
	clear: both;
	position: absolute;
	left: -999em;
}

.links ul li:hover ul ul {
	left: -999em;
}

.links ul li ul li {
	margin: 0;
  	background-color:#ffd800;
	background-image:none;
	width: 100%;
	border: 0;
	clear: both;
}

.links ul li ul li a {
	font-weight: normal;
	color: #ffffff;
}

.links ul li ul li a:hover {
	color: #ffffff;
	background-color:#ffd800
}

.links ul li ul li li {
	font-weight: normal;
    background-color:#ffd800;
}

.links ul li:hover ul {
	left: auto;
}

.links ul li:hover ul,
.links ul li li:hover ul,
.links ul li.sfhover ul,
.links ul li li.sfhover ul {
	left: auto;
}

.links ul li a:hover{
	background-color:#ffd800;
	color:#000000;
}


.links ul li ul ul {
	margin: -2em 0 0 12em;
}

li#current a:link,
li#current a:active,
li#current a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.links a:link,
.links a:active,
.links a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.active, .active a{
	background-color:#6c6c6c !important;
	color:#ffffff !important
}

.links a:hover {
	color: #ffffff;
}

li#current a:hover {
	color: #000000;
}

/* setWidths */
.servicesWidth a{
	width:70px
}

/* globals */
.floatLeft{
float:left
}
.floatRight{
float:left
}

/* IDs */
#header{
	margin:0px auto;
	overflow:hidden;
	width:860px;
}

#headerWrapper{
	background:#ed3a32 url('../images/bannerBackground.gif') repeat-x left top;
	height:105px;
	width:100%
}

#signupField{
border:none;
border:0px;
width:158px;
height:18px;
background: #dd1d19 url('../images/subscribeBack.png') no-repeat left top;
font-family:'Trebuchet MS';
font-size:12px;
color:#000000;
padding:7px
}
	
#donateLink{
	background: url('../images/highlightLink.gif') repeat-x left top;
	color:#000000 !important
}

#highlight3{
	border-right:none !important;
	width:185px !important
}