/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

em, i {font-style: italic;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* reset */

body {
	background: url(../images/background.gif) top left repeat-x;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #000;
}

ul {
	list-style-type: disc;
	list-style-position: inside;
}

div#container {
	width: 938px;
	margin-left: auto;
	margin-right: auto;
}

div#header-gutter {
	height: 61px;
	color: #990001;
}

div#header-gutter a {
	color: #990001;
}	

div#donate, div#blog, div#email-signup {
	float: right;
	margin-left: 16px;
	/*background: url(../images/arrow-red.gif) center right no-repeat;*/
	text-align: right;
}

div#donate, div#blog {
	/*margin-top: 40px;*/
	margin-top: 18px;
	padding-right: 10px;
}

div#email-signup {
	margin-top: 18px;
	padding-top:0;
	height: 34px;
	width: 425px;
	background: url(../images/email.gif) 0 2px no-repeat;
}

div#email-signup p {
	margin: 0 0 2px 0;
}

input#email-address{
	height: 16px;
	width: 201px;
}

input#email-button{
	height: 20px;
	width: 65px;
	margin-left:3px;
	vertical-align: top;
}

div#header-banner {
	height: 134px;
	background: url(../images/banner-full.gif) top left no-repeat;
}

div#header-banner h1 {
	padding-left: 30px;
	text-indent: -9999px;
	float:left;
	display: inline;
}	

div#header-banner h1 a{
	display: block;
	height: 134px;
	width: 262px;
}


div#header-banner h2 {
	float: right;
	display: inline;
	text-indent: -9999px;
	font-size: 14px;
}	

div#nav {
	height: 19px;
	padding-top: 7px;

}

div#nav ul {
	margin-left: 38px;
}

div#nav ul li {
	float: left;
	display: inline;
	margin-right: 32px;
	height: 19px;
	text-align:center;
	padding-top: 6px;
}

div#nav ul li a {
	color: #990001;
}
/*
div#nav ul li#home {width: 56px;}
div#nav ul li#home  {background: url(../images/tab-home.gif) top left no-repeat;}
body.home div#nav ul li#home a{text-decoration: none;}

div#nav ul li#about {width: 90px;}
body.about div#nav ul li#about {background: url(../images/tab-about.gif) top left no-repeat;}
body.about div#nav ul li#about a{text-decoration: none;}

div#nav ul li#meth-101 {width: 87px;}
body.meth-101 div#nav ul li#meth-101 {background: url(../images/tab-meth-101.gif) top left no-repeat;}
body.meth-101 div#nav ul li#meth-101 a{text-decoration: none;}

div#nav ul li#contact {width: 113px;}
body.contact div#nav ul li#contact {background: url(../images/tab-contact.gif) top left no-repeat;}
body.contact div#nav ul li#contact a{text-decoration: none;}

div#nav ul li#help {width: 87px;}
body.help div#nav ul li#help {background: url(../images/tab-help.gif) top left no-repeat;}
body.help div#nav ul li#help a{text-decoration: none;}

div#nav ul li#community {width: 203px;}
body.community div#nav ul li#community {background: url(../images/tab-community.gif) top left no-repeat;}
body.community div#nav ul li#community a{text-decoration: none;}
*/

/*suckerfish style*/
#nav {
    margin-top:10px;
    }
#nav, #nav ul {
    float:left;
    list-style:none;
    line-height:25px;
    padding:0;
    margin-left: 38px;
    }
#nav a {
    display:block;
    color:#990001;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    }
#nav li {
    float:left;
    padding:0;
    text-align:center;
    }

#nav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:140px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
   
    }

#nav a {text-decoration:none}
#nav a:link, #nav a:visited, #nav a:active {background: #fae044 url("../images/tab-left.gif") left top no-repeat; padding-left: 10px}
#nav a:link span, #nav a:visited span, #nav a:active span {background: #fae044 url("../images/tab-right.gif") right top no-repeat; padding-right: 10px}

#nav a, #nav a span {display: block; float: left}
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav a, #nav a span {float: none}
/* End IE5-Mac hack */

#nav a:hover {background: #fff url("../images/tab-left-w.gif") left top no-repeat; padding-left: 10px}
#nav a:hover span {background: #fff url("../images/tab-right-w.gif") right top no-repeat; padding-right: 10px}

#nav li {width:120px; float:left; display:block; margin-right:2px; padding:0}
#nav li#community {width:180px; float:left; display:block; margin:0; padding:0}

#nav li li {
    width:180px;
    text-align:left;
    }
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:active {
    padding:6px 10px;
    width:160px;
    color:#990001;
    background:#edd231;
    border-bottom:1px solid #bba312;
    border-top:1px solid #d3b920;
     border-left:1px solid #d3b920;
    border-right:1px solid #d3b920;
    }
	* html #nav li ul {
    margin-left:-60px;
    }
    
#nav li ul ul {
    margin:-21px 0 0 160px;
    }
#nav li li a:hover {
    background:#fae044;
    color:#fff;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
    color:#990001;
    }
#nav li:hover a, #nav li.sfhover a {
    color:#990001;
    }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
    color:#990001;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
    background:#ddc220;
    }
/*suckerfish style*/
    
div#main {
	float:left;
	background: #fff url(../images/main-top.gif) top left no-repeat;
	width:938px;
}

div#home-main-box {
	width: 221px;
	/*height: 367px;*/
	background: #3e0000 url(../images/home-red-box.gif) top left repeat-x;
	color: #fff;
	margin: 47px 36px 0 31px;
	float:left;
	padding: 0 19px 10px 19px;
}
	* html div#home-main-box {
	margin-left:20px;
}

div#home-main-box h3 {
	margin: 23px 0 18px 0;
}

div#home-main-box p {
	line-height: 22px;
}	

div#main-content {
	padding-top: 53px;
	padding-right:15px;
	display: block;
	float: left;
	width: 560px;
}

div#main-content h3 {
	color: #990001;
	font-size: 22px;
} 

div#main-content p, div#main-content ol, div#main-content ol li {
	line-height: 24px;
}

div#main-content ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 46px;
}

div#main-links ul {
	margin-left: 37px;
	display: block;
}

div#main-links {margin-top: 10px;}

div#main-links ul li {
	display: inline;
	float: left;
	border-left: 1px solid #000;
	padding-left: 6px;
	margin-bottom: 35px;
	margin-left: 87px;
}

div#main-links ul li.first {
	margin-left: 0;
}		

div#main-links ul li a  {
	color: #000;
}	

div#main-links ul li a span {
	font-size: 18px;
}

div#page-content {
	padding: 20px 31px 0 31px;
}

div#page-content h2 {
	font-size: 17px;
}	

div#footer { 
	float:left;
	width:938px;
	height: 126px;
	background: #e9c802;
}

div#footer-links {
	float: left;
	margin: 73px 0 0 18px; 
	color: #000;
}

div#footer-links a {
	color: #000;
}

div#footer-links ul li {
	float: left;
	display: inline;
	margin-right: 13px;
	margin-bottom:10px;
}

div#footer-links p {
	font-size: 10px;
	clear:left;
}

div#footer-logos {
	float: left;
	margin: 12px 13px 0 63px;
}
	* html div#footer-logos {
	margin-right: 1px;
	}

div#footer-logos img{
	padding: 3px;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}