@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
}

body{
	margin:0 auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.png) repeat-x #fff;
}

html, body{
	height:100%;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.clearAll{
	width:0;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}

#wrapper{
	width:800px;
	margin:0 auto -104px;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#footer, #push{
	height:104px;
}

#footer{
	width:100%;
	background:url(../images/bg_footer.png) repeat-x;
}

#footerWrap{
	margin:0 auto;
	width:800px;
	padding-top:12px;
}

#footerWrap ul{
	margin:0;
	padding:0;
}

#footerWrap ul li{
	float:left;
	list-style:none;
	margin-right:25px;
}

#footerWrap ul li a{
	color:#000;
	font-size:14px;
	text-decoration:none;
}

#footerWrap ul li a:hover{
	text-decoration:underline;
}

#footerWrap span{
	clear:both;
	color:#fff;
	display:block;
	margin-top:40px;
}

#footerWrap span a{
	color:#fff;
	text-decoration:none;
}

#footerWrap span a:hover{
	text-decoration:underline;
}

#header{
	width:800px;
	height:210px;
}

#contentWrap{
	float:left;
	width:800px;
	padding-top:20px;
}

#contentLeft{
	float:left;
	width:340px;
	font-size:12px;
	color:#005682;
	line-height:1.6em;
}

#contentLeft p {
	margin-top:0;
	margin-bottom: 4px;
	font-size: 13px;
	text-indent: 20px;
}
#contentLeft p a, #contentLeft p a:visited {
	color: #005682;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}



#hallmarkBox{
	width:340px;
	float:left;
	padding:5px 10px;
	color:#000;
	font-size:16px;
	margin-top:17px;
	background:url(../images/bg_gradient.png) repeat-x;
}

#hallmarkBox span{
	display:block;
	margin-top:8px;
}

#contentRight
{
	float:right;
	width:400px;
}

#topFooter{
	width:765px;
	margin-top:30px;
	padding:0 30px 10px 35px;
}

#topFooterLeft{
	width:550px;
	text-align:center;
}

#topFooterLeft p{
	text-align:left;
	margin-top:20px;
}

#topFooterRight{
	float:right;
	width:160px;
	clear:both;
	position:relative;
}

#topFooterRight img{
	bottom:-10px;
	position:absolute;
}


/*------ 
Navigation
------ */

#nav{
	height:36px;
}

#nav ul{
	margin:0;
	padding:0;
}

#nav ul li{
	float:left;
	list-style:none;
	margin-right:15px;
}

#nav ul li img{
	margin-top:3px;
}

#nav ul li.first a{
	font-weight:bold;
	background-color:#f05133;
}

#nav ul li.last{
	margin-right:14px;
}

#nav ul li a{
	color:#000;
	display:block;
	font-size:12px;
	padding:11px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

#nav ul li a:hover{
	text-decoration:underline;
}


/******* /MENU *******/  
/******* CONTENT *******/ 

#tabsWrapper{
	margin-top:20px;
}

ul.menu{

	margin:0;
	padding:0;
}

ul.menu li{
	width:216px;
	height:78px;
	display:block;
	cursor:pointer;
	float:left;
	list-style:none;
	text-indent:-999999px;
	margin-right:20px;
	background:url(../images/tabs_bg.png) no-repeat;
}

ul.menu li#donate{
	background-position:-216px 0;
}

ul.menu li#join{
	background-position:-431px 0;
}

.content{  
	clear:both;
    margin: 0pt auto; 
	margin-top:20px;
    border: 1px solid #d0ccc9;  
    text-align: left;  
    padding: 10px;  
    padding-bottom: 20px;  
    font-size: 11px; 
	position:relative; 
}  
.content h2{  
    line-height: 1em;  
    vertical-align: middle;  
    height: 48px;  
    padding: 10px 10px 10px 52px;  
    font-size: 32px;  
}  
/******* /CONTENT *******/  
/******* NEWS *******/  
 
.content.vote{  
	color:#fff;
	font-size:14px;
    display: block; 
	background-color:#005581; 
}  

.content.vote p{
	margin-bottom:10px;
}

.content.vote div#blueMarker{
	position:absolute;
	width:20px;
	height:21px;
	top:-21px;
	left:95px;
	background-color:#005581;
}
/******* /NEWS *******/  
/******* TUTORIALS *******/  

.content.donate{  
    display: none;
	color:#fff;
	font-size:14px;
	text-align:center;
	background-color:#f2673a;  
} 

.content.donate p{
	text-align:left;
	margin-top:15px;
}

.content.donate div#orangeMarker{
	position:absolute;
	width:20px;
	height:21px;
	top:-21px;
	left:330px;
	background-color:#f2673a;
}

/******* /TUTORIALS *******/  
/******* LINKS *******/  

.content.join{  
    display: none; 
	color:#006699;
	font-size:14px; 
	position:relative;
	padding-bottom:20px;
	background-color:#ffc50b;
}

.content.join h2{
	display:block;
	text-align:left;
	width:300px;
	margin:0;
	padding:0;
}

.content.join img#envelopeImg{
	right:-20px;
	top:-20px;
	position:absolute;
}

.content.join a{  
    color: #5f95ef; 
}  

.content.join div#yellowMarker{
	position:absolute;
	width:20px;
	height:21px;
	top:-21px;
	left:575px;
	background-color:#ffc50b;
}

p#joinBlurp{
	width:300px;
	font-size:34px;
	text-align:left;
	line-height:42px;
	margin-bottom:20px;
}

/******* /LINKS *******/