
/* GLOBALS */

* {
	margin : 0;
	padding : 0;
}
body {
	font : normal 11px/16px Verdana,Arial,Helvetica,Sans-Serif;
	text-align : center;
	color : #60605f;
	background : url( /img/body_bg.gif ) repeat top left;
}
a:link,a:visited {
	color : #0158a4;
}
a:hover,a:active {
	color : #027abb;
}
blockquote {
	font : normal 13px/25px Georgia,Times,'Times New Roman';
	padding : 46px 0;
	color : #867301;
}
blockquote p {
	padding : 0;
}
blockquote p.cite {
	font : normal 11px/18px Verdana,Arial,Helvetica,Sans-Serif;
	color : #a05504;
}

/* STRUCTURE */

#shell {
	overflow : auto;
	text-align : left;
	width : 786px;
	margin : 0 auto;
	margin-top : 12px;
	padding-bottom : 50px;
	background : #fff url( /img/shell_bg.jpg ) no-repeat top left;
}
#header {
	clear : right;
	height : 220px;
	background : url( /img/home_header.jpg ) no-repeat 0 24px;
}
#header h1 {
	display : none;
}
#sidebar {
	width : 168px;
	float : left;
	padding-left : 70px;
}
#sidebar h3 {
	font : normal 16px Lucida,Trebuchet,Arial,Helvetica,Sans-Serif;
	padding-bottom : 8px;
	margin-bottom : 35px;
	border-bottom : 1px dashed #98999d;
}
#sidebar .image {
	text-align : center;
	margin : 35px 0;
}
#content {
	width : 400px;
	float : right;
	padding-right : 70px;
}
#content h2,#content p,#content ol,#content ul {
	padding-bottom : 25px;
}
#content ol,#content ul {
	padding-left : 55px;
}
#content ol {
	color : #027abb;
}
#content .line {
	margin-bottom : 25px;
	border-bottom : 1px dashed #98999d;
}
#footer {
	color : #decebf;
	text-align : left;
	width : 780px;
	padding : 7px 0 25px;
	margin : 0 auto;
}
#footer ul {
	list-style : none;
}
#footer ul li {
	display : inline;
	padding : 0 6px 0 5px;
	border-right : 1px solid #fff;
}
#footer ul li.last {
	border : none;
}
#footer a:link,#footer a:visited {
	color : #fff;
	font-weight : bold;
}
#footer p,#footer ul {
	float : left;
}
#footer p {
	width : 240px;
}
#footer #stormlab_blurb {
	width : 140px;
	float : right;
	text-align : right;
}

/* NAVIGATION */

#mini_nav {
	width : 170px;
	float : right;
	text-align : center;
	padding : 6px 0 5px 0;
}
#mini_nav ul {
	list-style : none;
}
#mini_nav ul li {
	display : inline;
}
#mini_nav #nav_blog {
	padding-left : 4px;
	border-left : 1px solid #fff;
}
#mini_nav a:link,#mini_nav a:visited {
	text-decoration : none;
	color : #fff;
}
#nav {
	font : normal 18px/45px Lucida,Trebuchet,Arial,Helvetica,Sans-Serif;
}
#nav ul {
	list-style : none;
}
#nav ul li {
	border-bottom : 1px dashed #98999d;
}
#nav ul li a:link,#nav ul li a:visited {
	display : block;
	color : #676765;
	text-decoration : none;
	text-transform : uppercase;
	letter-spacing : -1px;
	padding-top : 3px;
	background : url( /img/nav_normal.gif ) no-repeat 100% 50%;
}
#nav ul li a:hover,#nav ul li a:active,
#home #nav_home a:link,#home #nav_home a:visited,
#about #nav_about a:link,#about #nav_about a:visited,
#what #nav_what a:link,#what #nav_what a:visited,
#contact #nav_contact a:link,#contact #nav_contact a:visited,
#value #nav_value a:link,#value #nav_value a:visited {
	color : #027abb;
	background : url( /img/nav_active.gif ) no-repeat 100% 50%;
}

/* SUBPAGE DIFFERENCES */

#about #header {
	background : url( /img/about_header.jpg ) no-repeat 0 24px;
}
#what #header {
	background : url( /img/what_header.jpg ) no-repeat 0 24px;
}
#contact #header {
	background : url( /img/contact_header.jpg ) no-repeat 0 24px;
}
#sitemap #header {
	background : url( /img/map_header.jpg ) no-repeat 0 24px;
}
#blog #header {
	background : url( /img/blog_header.jpg ) no-repeat 0 24px;
}
#value #header {
	background : url( /img/value_header.jpg ) no-repeat 0 24px;
}

#contact #contact_form p {
	clear : both;
	padding : 5px 0;
}
#contact #contact_form label {
	display : block;
	width : 170px;
	float : left;
	margin-right : 15px;
}
#contact #contact_form p span {
	color : #a00;
}
#contact #contact_form #misc_p label {
	width : auto;
	float : none;
}
#contact #contact_form #misc {
	width : 300px;
	height : 150px;
}

#message {
	color : #a00;
}

/* SIFR STUFF */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced...
the negative-letter spacing in this case is used to make the browser text metrics match up with
the sIFR text metrics since the sIFR text in this example is so much narrower... your own
settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these
decoy styles */
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	width : 400px;
	font-size : 22px;
	line-height : 22px;
	padding : 0;
}