/*Katrina Relief CD Website CSS */
body { color: #000; background-color: #d4d4d4 !important; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; quotes: "\201C" "\201D" "\2018" "\2019"; }
code {
	color: #5d5d5d;
}
a:link {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #622;
	font-weight: bold;
	text-decoration: none;
}

a:link:hover, a:visited:hover { color: #f00; text-decoration: underline; }

#SiteNav ul { background-color: #dfdfdf; border: solid 1px #a8a8a8; }
#SiteNav ul ul { border-style: none; border-width: 0; }
img, a.imgLink { border-style: solid; border-width: 0; }
#banner {
	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

img {
	border-width: 0;
}

#SiteNav a, #SiteNav li.active li a, #SiteNav li.active li.active li a {
	color: #c00;
}

#SiteNav a:hover, #SiteNav li.active li a:hover, #SiteNav li.active li.active li a:hover { color: #f00; text-decoration: none; }

#SiteNav li.active a, #SiteNav li.active li.active a, #SiteNav li.active li.active li.active a { color: #000; }
.strike {
	text-decoration: line-through;
}

body, code, pre { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

html>body, html>body code, html>body pre {
	font-size: small;
}
code, pre {
 font-family: 'Andale Mono', Courier, monospace;
 font-size:1em;
}

h1, h2, h3, #SiteNav, #SubNav { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; }

h1 { color: #933; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }

h2 {
	font-size: 1.2em;
}

h3, h4 {
	font-size: 1em;
}

h3 {
	
}

h4 {
	font-style: italic;
	font-weight: normal;
}
body {
	margin: 0;
	padding: 0;
}
#banner {
	margin: 0 25px;
	height: 160px;
}

#bannertext { color: #eee; position: absolute; top: 20px; left: 65%; text-align: right; }
#bannertext a { color: #f0f0f0; }
#intro {
	margin-bottom: 5px;
}

#quote {
	padding-top: 5px;
	margin-bottom: 10px;
}

#MainText {
	position: absolute;
	left: 0px;
	top: 170px;
	width: 75%;
	z-index: 0;
}

#MainText div.padder {
	margin-left: 210px;
	margin-right: 25px;
}

#SiteNav {
	position: absolute;
	left: 25px;
	top: 190px;
	width: 160px;
	z-index: 1;
}

#SubNav {
	position: absolute;
	left: 75%;
	top: 170px;
	z-index: 2;
}

#SubNav div.padder {
	margin-right: 25px;
}

#footer {
	text-align: center;
	margin: 40px 0px;
}

address, blockquote, dd, dir, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, li, menu, ol, p, pre, table, ul {
	margin: 0;
	padding: 0;
}

#subnav p {
	line-height: normal;
}
p.no-indent {
	text-indent: 0em;
	margin-top: -.667em;
}

dir, dl, fieldset, form, menu, ol, p, pre, ul {
	margin: .67em 0;
}

ul {
	list-style-type: disc;
}

ol, ul {
	margin: .33em 0;
}

h1, h2, h3, h4, h5, h6, dt, {
	margin: 1.667em 0 0 0;
	text-align: left;
}

h1 {
	margin: 1em 0;
}

li {
	margin: 0 0 0 1.8em;
}

dd {
	margin: 0 0 .667em 1.8em;
}

blockquote {
	/*margin: .667em 0 .667em 1.8em;*/
	margin: .667em 0 .667em 0;
	padding: 0.2em 0;
}
#SiteNav ul, #SiteNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#SiteNav ul ul {
	padding: 0;
	margin: 0px 0px 0px 10px;
}

#SiteNav a, #SiteNav li.active li a, #SiteNav li.active li.active li a, #SiteNav a:hover, #SiteNav li.active li a:hover, #SiteNav li.active li.active li a:hover, #SiteNav li.active a, #SiteNav li.active li.active a, #SiteNav li.active li.active li.active a {
	padding-left: .5em;
	padding-right: .5em;
}

#SubNav p, #SubNav ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

#bannertext {
	width: 30%;
}
.left {
 float: left;
 margin-left: 0;
}
.right {
 float: right;
 margin-right: 0;
}
#SubNav h2 {
	font-size: small;
	text-transform: uppercase;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	letter-spacing: .2em;
}

#SubNav ul {
	margin-left: 0;
	padding-left: 0;
}

#SubNav ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

table { width: 100%; }

td, th { vertical-align: top; padding-right: 2em; padding-left: 2em; }
#feature {
	border: 1px solid #999;
	background-color: #eee;
	color: #000;
	padding: 3px 8px;
}
#feature h4 { color: #c00; font-size: 2em; font-weight: bold; margin: 0; font-style: normal; }
#feature ul {
	margin-top: 0;
	margin-bottom: 0;
	font-size: smaller;
	color: #999;
}
#MainText { width: 75%; left: 0; top: 170px; z-index: 0; position: absolute; visibility: visible; }
.alert { color: #fff; background-color: #c00; background-image: url(../images/bg_alert.jpg); background-repeat: repeat-x; padding: 10px; border: solid 1px; }
.whitebg { color: #5d5d5d; background-color: #fff; text-align: center; margin-top: 1em; margin-bottom: 1em; padding: 10px; border: solid 1px; }
.whitebg h2 { margin-top: 0; margin-bottom: 3em; }
.whitebg p { margin-bottom: 3em; }
#lyric { color: #858585; font-size: 0.9em; margin-top: 2em; margin-bottom: 2em; border-top: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; border-left: 0 solid #a8a8a8; border-right-color: #a8a8a8;border-right-width: 0; }
.devimg { width: 300px; float: left; clear: both; }
hr { clear: both; }
.devtext { margin-left: 300px; }
.fineprint { color: #858585; font-size: 0.9em; }
.fineprint a { color: #a98282; }

/* special table stuff */
table.sortable a.sortheader {
    color:#933;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
td.sortheader { background-color: #c2c2c2; border-top-color: #eee !important; border-top-style: solid; border-top-width: 2px !important; border-right-style: solid; border-left-style: solid; border-right-width: 0; border-bottom-color: #373737 !important; border-bottom-style: solid; border-bottom-width: 2px !important; border-left-width: 0; }
table.sortable td { border-bottom: 1px solid #a8a8a8; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;