
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
margin:0; 
padding:0 
}

table { 
border-collapse:collapse; 
border-spacing:0 
}

fieldset, img { 
border:0 
}

address, caption, cite, code, dfn, em, strong, th, var { 
font-style:normal; 
font-weight:normal 
}

ol, ul, li { 
list-style:none 
}

caption, th { 
text-align:left 
}

h1, h2, h3, h4, h5, h6 { 
font-size:100%; 
font-weight:normal 
}

q:before, q:after { 
content:''
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { 
font-weight:bold 
}

em { 
font-style:italic 
}

a img { 
border:none 
} /* Gets rid of IE's blue borders */


/* TYPOGRAPHY */
/* ----------------------------------------- */

body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}



h1, h2, h3, h5, h5, h6 { 
font-weight:bold 
} /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { 
background:red; color:white 
} /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.


/* LAYOUT */
/* ----------------------------------------- */


/* ---------- Body ---------- */

html, body {
background-color: #191515;
height: 100%;
margin: 0 0 1px;
padding: 0;
}

#wrapper {
width:933px;
margin: 0 auto;
}

blockquote {
font-size:12px;
padding:0 20px 0 20px;
}

/* ---------- Header ---------- */

#header {
width: 933px;
height: 32px;
background: url(http://www.rediscover911.org/style/images/topbar.jpg) top left no-repeat;
padding:0px;
}

#header ul {
margin-left:47px;
padding-top:6px;
}

#header ul li {
font-weight:bold;
color:#c35301;
display:inline;
padding-right:10px;
}

#header ul li a {
color:#ff0000;
text-decoration: none;
padding-right:10px;
}

#header ul li a:hover {
color:#fff;
}

#logo{
float: left;
margin-top: 0px;
}

	#logo h1{
	}
	
		#logo h1 a{
		text-indent: -9999px;
		display:block;

		}





/* ---------- Content ---------- */

#main_content {
padding-bottom:20px;
}

#main_content h1 {
padding:40px 0 30px 10px;
color:#ff0000;
font-size:30px;
}

#main_content p {
color:#fff;
padding:10px 10px 0 10px;
}

#main_content a {
color:#ff0000;
}

#main_content a:hover {
color:#fff;
}



/* ---------- Sidebar ---------- */



/* ---------- Footer ---------- */

#tag {
margin:20px 0 0 20px;
}

#tag h2 {
font-family: Helvetica
font-size:0.9em;
font-weight: bold;
color:#ff0000;
text-decoration: none;
}

.content {
width:225px;
height:220px;
float:left;
}

.content ul{
margin:20px;
}

.content ul li{

}

.content ul li a{
font-family: Helvetica
font-size:0.9em;
font-weight: bold;
color:#ff0000;
text-decoration: none;
}

.content ul li a:hover{
color:#fff;
}


/* ---------- Subfooter ---------- */


