html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } :focus { 	outline: 0; } ins { 	text-decoration: none; } del { 	text-decoration: line-through; } table { border-collapse: collapse; 	border-spacing: 0; }


/* LAYOUT */

body, html {
	height: 100%;
	}
	
body {
	font-size: 100%;
	font-size: 13px;
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	line-height: 18px;
	color: #fff;
	background-color: #000;
	}
	
#wrap {
	width: 950px;
	margin: 0 auto;
	padding: 0 5px;
	background-color: #000;
	}
	
#header_wrap {
	width: 100%;
	background-color: #628E93;
	}
	
#header {
	width: 960px;
	min-height: 100px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	background-color: #628E93;
	}
	
#top_content_wrap {
	width: 100%;
	border-bottom: 2px solid #005064;
	background-color: #002B2F;
	}
	
#top_content {
	width: 960px;
	margin: 0 auto;
	background-color: #002B2F;
	text-align: justify;
	}
	
#intro {
	float: left;
	width: 440px;
	min-height: 254px;
	padding: 40px 20px 10px 20px;
	line-height: 22px;
	background: url(media/graphics/interface/intro_bg.jpg) 0 0 repeat-x;
	}
	
#intro_right {
	float: right;
	width: 440px;
	min-height: 254px;
	padding: 40px 20px 10px 20px;
	line-height: 22px;
	background: url(media/graphics/interface/intro_bg.jpg) 0 0 repeat-x;
	}
	
#storm_types {
	width: 100%;
	padding-bottom: 20px;
	text-align: right;
	border: 1px solid #07242C;
	min-height: 80px;
	}
	
#signatures {
	background-color: #000;
	}
	
#signatures h3 {
	width: 910px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	padding: 40px 20px 20px 10px;
	clear:both;
	}
	
#levels {
	float: left;
	width: 710px;
	background-color: #000;
	}
	
#multi_level {
	float: right;
	width: 230px;
	}
	
#footer {
	padding: 10px;
	font-size: 11px;
	color: #999;
	clear: both;
	border-top: 2px solid #005064;
	}
	
#footer a {
	color: #aaa;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #ccc;
	}
	
.img_copyright {
	color: #999;
	text-align: right;
	font-size: 11px;
	margin-top: 20px;
	}

/* GENERAL STYLES */

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
* html .group { height: 1%; } /* Hides from IE-mac \*/
.group { display: block; }

img, a img {
	border: none;
	}

a {
	color: #fff;
	text-decoration: none;
	}
	
h3 {
	padding: 10px;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	color: #D1586D;
	}
	
h4 {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
	text-transform: uppercase;
	}
	
h5 {
	font-size: 12px;
	font-weight: normal;
	}
	
h5 strong {
	font-weight: bold;
	}
	
	
/* INTRO */

#intro p {
	padding: 0 10px;
	}

#intro h3 {
	display: none;
}

/* STORM TYPES */


#storm_types ul li {
	display: inline;
	width: 33.333%;
	float: left;
	}

#storm_types ul li a {
	display: block;
	padding: 5px;
	border-top: 1px solid #000;
	height: 90px;
	}
	
#storm_types ul li a:hover {
	background-color: #003d44;
	}
	
#storm_types img {
	float: right;
	padding: 5px 0px 5px 10px;
	}
	
#storm_types h4 {
	padding-top: 40px;
	padding-right: 20px;
	}
	
#storm_types h5 {
	padding-top: 5px;
	}
	
/* SIGNATURES */

.sig {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #07242C;
	background: #082D37 url(media/graphics/interface/sig_bg.jpg) 0 0 repeat-x;
	}
	
.sig li {
	float: left;
	min-height: 260px;
	}
	
.sig li a {
	display: block;
	width: 80px;
	min-height: 220px;
	margin: 0 3px;
	padding: 5px;
	text-align: center;
	}
	
.sig li a:hover {
	background-color: #003d44;
	}
	
#upper { width: 388px; }
#mid { width: 308px; }
#low { width: 703px; }
	
/* MULTI-LEVEL */

#multi_level {
	margin-right: 0px;
	border: 1px solid #4d2027;
	}
	
.sig #multi {
	margin-bottom: 0;
	background: #34151B url(media/graphics/interface/sig_multi_bg.jpg) 0 0 repeat-x;
	}
	
.sig #multi ul li {
	float: none;
	width: 230px;
	min-height: 0px;
	}
	
.sig #multi li a {
	display: block;
	width: 210px;
	min-height: 180px;
	text-align: left;
	}
	
.sig #multi li a:hover {
	background-color: #3b171e;
	}
	
#multi h5 {
	padding-top: 70px;
	}
	
#multi img {
	float: left;
	padding: 5px;
	}
	
/* FOOTER NAV */

#foot_nav {
	margin-bottom: 10px;
	margin-left: -11px;
	}
	
#foot_nav li {
	float: left;
	}
	
#foot_nav li a {
	display: block;
	padding: 5px 10px;
	color: #ddd;
	font-size: 12px;
	}

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