/* CSS Document */


/* Structure */



* {
    margin: 0;
    padding: 0;
	font-weight: normal;
	font-style: normal;
	border: none;
 }



body {
	font: 62.5%/1.5 "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	color: #434343;
    background: #b80007;
}



#content{
 width:760px;
 margin:0 auto;
 padding:0 0 0 5px !important;
 padding:0;
 text-align:left;
}



#contentwrap{
 background:#fff url(/images/bg-white-top.gif) repeat-x;
 padding:0;
 margin:0;
 border-top:solid 1px #fff;
}

#mainbit { font-size:13px;}

#subcontent{
 float:right;
 /* Cover the 1px white line above the subnav: */
 margin-top:-1px !important;
 /* but this doesn't work in IE because the subnav goes
    *under* the promonav and we can't set a z-index as
    it's not position:absolute, so... */
 margin-top:0; /* set IE to ignore the previous margin */
 width:247px;
 display:inline;
}



ul#subnav{
 border-top:6px solid #969696;
 background-color:#F7F5E2;
 text-transform:uppercase;
 font-weight:bold;
 list-style: none;
}



ul#subnav li a{
 background:#F6F4DB url(/images/subnav-bg.gif) 0 0 no-repeat;
 display:block;
 border-top:1px solid #E4E2C7;
 padding:0.7em 0 0.6em 45px;
 margin:0 !important;
 text-decoration:none;
 width:200px;
 color: #192971;
}



ul#subnav li a:hover{
 background:#F6F4DB url(/images/subnav-bg.gif) -250px 0 no-repeat;
}



/* ------------------------------------------------------------



	header



------------------------------------------------------------ */



#header {
	width: 100%;
    height: 140px;
	font-size: 95%;
	text-align: left;
	background:#fff;
    border-bottom:solid 4px #b80007;
	border-top:solid 6px #edd000;
}

#header div {
	position: relative;
	width: 760px;
	margin: 0 auto;
}

#header h1 {	
	float: left;
    width: 100%;
	padding: 0;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	height: 140px;
	background: url(/images/logo.gif) no-repeat top center;
}



/* ------------------------------------------------------------



	navigation



------------------------------------------------------------ */

#navwrap {
 background: #0c1333 url(/images/navbar.gif) left repeat-x;
 border-top: 1px solid #5b6fe8;
 border-bottom: 1px solid #5b6fe8;
 padding:0;
 margin:0;
}



#navigation {
   width:760px;
   margin:0 auto;
   font-size: 1.1em;
	padding-left: 5px;
	position: relative;
	background: #0c1333 url(/images/navbar.gif) left repeat-x;
	color: #fff;
}

#navigation ul {
	list-style: none;
	width: 100%;
}

#navigation li {
	padding: 5px 15px;
	display: block;
	float: left;
	background: transparent url(/images/navpipe.gif) top right no-repeat;
}

#navigation li a {
	text-decoration: none;
    color: #ADAEAE;
}



#navigation li a.here,

#navigation li a:hover {
	color: #fff;
}



/* ------------------------------------------------------------



	promo



------------------------------------------------------------ */

#promowrap {
 background:#F1F1D8 url(/images/bg-yellow.gif) repeat-x;
 padding:0;
 margin:0;
 border-bottom:solid 3px #b80007;
}



#promo{
 border-left:solid 1px #b80007;
 background:transparent url(/images/intro.jpg) 1px 0 no-repeat;
 min-height:250px;
 width:760px;
 margin:0 auto;
 padding:0;
 text-align:left;
 /* the bottom border must be here to fix a bug which would otherwise cause the promo area to continue */ 
 border-bottom:solid 1px #fff;
}


#promo ul{
 float:right;
 text-align:left;
 border-right:solid 1px #b80007;
 list-style:none;
}



#promo ul li{
 float:right;
 clear:both;
 margin:0;
}



#promo ul li a{
 float:left;
 display:block;
 padding:10px 10px 10px 45px;
 margin:0;
 background:#e1e1e1 url(/images/servicesbg.jpg) -250px center no-repeat;
 border-left:solid 1px #b80007;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #666;
 border-right:solid 1px #666;
 color:#333;
 text-decoration:none;
 font:110%/160% "Lucida Sans", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
 width:188px;
}



/* simplified box model hack, as explained by Andy Clover:



   http://www.doxdesk.com/personal/posts/css/20020212-bmh.html  */



#promo ul li a{

 \width:247px;

 w\idth:191px;

}



#promo ul li a.shop{

 border-bottom:solid 0px #666;

}



#promo ul li a.join:hover{

 border-top:solid 1px #666;

}



#promo ul li a:hover{
 background:#e1e1e1 url(/images/servicesbg.jpg) 0 center no-repeat;
 border-top:solid 1px #ccc;
 border-right:solid 1px #b80007;
 color:#fff;
}



body#join #promo ul li a.join,

body#donate #promo ul li a.donate,

body#shop #promo ul li a.shop

{

 color:#fff;

 background:#e1e1e1 url(/images/servicesbg.jpg) 0 center no-repeat;

 border-top:solid 1px #ccc;

 border-left:solid 1px #ccc;

}



#promo ul li a strong{

 display:block;

 font-size:140%;

 line-height:170%;

 text-transform:uppercase;

}



/* ------------------------------------------------------------



	footer



------------------------------------------------------------ */



#footoverwrap{

 background:#fff url(/images/bg-white-bot.gif) bottom left repeat-x;
 

}



#footover{

 width:760px;

 margin:0 auto;

 text-align:left;

 padding:30px 0 10px 0; 

 font-weight:bold;

 font-size:1.2em;

}



#footover a{

 color:#666;

 text-decoration:none;

 margin:0 3px !important;

}



#footover a:hover{

 color:#5D7C0E;

}



#footover ul{

 float:left;

}



#footover ul li{

 display:inline;

}



#footover div{

 text-align:right;

 color:#666;

}



#footer{

 width:760px;

 margin:0 auto;

 text-align:left;

 font-size:1.2em;

 font-weight:bold;

 color:#fff;

 padding:25px 0; 


}

#warning {margin-bottom:15px; font-size:14px;}


#foot1{

 margin:5px 0 0 0px;

 width:330px;

 float:left;

 #foot 1 a {
	 margin:5px 0 0 0px;

	 width:330px;

	 float:left;
}



#foot2{

 margin:5px 0 0 0;

 width:300px;

 float:right;

}

#warning {
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}


#mainbit{

 margin:20px 0 0 0;

 float:left;

 display:block;

 width:760px;

}



#mainbit p {

    padding: 1.3em 0 0 0;

    font-size: 1.4em;

}



.highlight {

   font-size:1.6em;

   color: #b80007;

}

.providers {margin-top: 30px}

.providers img {
padding-right: 10px;
padding-top: 5px;
}

#mainbit h2 {
   font-size: 2.4em;
   text-transform:uppercase;
   color: #b80007;
   font-family:Georgia, "Times New Roman", Times, serif;
}

#mainbit h3 {
	font-size: 1.8em;
	color: #b80007;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom:0px;
}

#mainbit ul {
font-size: 1.2em;
list-style:square;
margin-left:3em;
}

.clearboth{

   display:block;

   clear:both;

   margin:0;

   padding:0;

}

#calculator {
font-size:1.4em;
width:400px;
float:left;
}

#calculator .brown {
background:#f1f1d8;
}

#calculator .btn {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-image: url(images/bgbtn.gif);
background-repeat: repeat-x;
color: #333333;
font-size: .8em;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 5px 0 5px 0;
}



/* Links */



a:link, a:visited, a:active {color: #b80007;	text-decoration: none;}

a:hover {text-decoration: underline;color: #b80007;}