html, body {
	height:100%;
	width:100%;
	background:url('/stormevents/images/bg/bg_shade.jpg') repeat-x top left #49BCEB;
}
#background {
	background:url('/stormevents/images/bg/bg_swirl_02_v2.jpg') no-repeat top center transparent;
}
#wrap {
	min-height:100%;
	width:960px;
	margin:0 auto;
	background-color:#fff;
	box-shadow:0px 0px 5px  rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
	filter: Shadow(Color='black', Direction=135, Strength=3);
	-ms-filter:"progid:DXImageTransform.Microsoft.shadow(Color='black', Direction=135, Strength=3)";
}
#main {
	width:100%;
	position:relative;
}
#topnav {
	height:20px;
	background: url('/stormevents/images/bg/header_bg_grey.gif') repeat-x top left #aaa;
	border-bottom:1px solid #777;
}
#topnav ul {
	list-style-type:none;
	margin-left:7px;
}
#topnav ul li {
	list-style-type:none;
	display:inline;
}
#topnav a {
	margin-right:10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.7em;
}
#topnav a:hover {
	text-decoration:underline;
}
#header {
	width:100%;
	text-align:center;
	color:#ccc;
	background:url('/stormevents/images/head_commerce.png') bottom right no-repeat #fff;
	height:76px;
	overflow:hidden;
}
#header a {
	text-decoration:none;
	color:#000;
}
#header a:hover {
	text-decoration:underline;
}
#header li {
	float:left;
	margin-right:5px;
}
#header .inset {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#header .inset .title {
	position:relative;
	float:left;
	width:659px;
	height:75px;
	overflow:hidden;
	padding:0;
	margin:3px 0 0 3px;
}
#headDOC {
	float:right;
	width:60px;
	height:60px;
}
#header .inset .title span {
	background:url('/stormevents/images/head_title_02.png') no-repeat top left #fff;
	width:659px;
	height:75px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
}
#header input {
	font-family:tahoma,sans-serif;
	font-size:8pt;
	margin-bottom:2px;
	width:14em;
}
#nav {
	border-top:1px solid #AEDBF4;
	border-bottom:1px solid #AEDBF4;
	background-color:#F0F8FE;
	width:100%;
	height:30px;
	font-size:0.8em;
	color:#fff;
	margin:0 0 10px 0;
}
#nav .topLinks {
	float:left;
}
#nav .search {
	float:right;
	overflow:hidden;
}
#nav a {
	text-decoration:underline;
	font-weight:bold;
	font-size:0.9em;
	color:#0057A5;
}
#nav a:hover {
	text-decoration:underline;
}
#nav ul {
	padding-top:7px;
	display:inline;
	list-style-type:none;
	margin-left:10px;
	padding-left:0;
}
#nav li {
	float:left;
	margin:0 15px 0 0;
}
#nav .right {
	float:right;
}
#nav input {
	margin:6px 0 0 3px;
}
#nav label {
	display:none;
	visibility:hidden;
}
#nav #sitesearch {
	color:#ccc;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0;
	padding:1px;
	width:200px;
	display:inline;
	float:left;
	margin:6px 0 0 0;
}
#nav .submit {
	float:left;
}
#nav .submitbutton {
	float:left;
	padding-top:3px;
	margin-right:5px;
}
#content {
	width:960px;
	margin:0 auto;
	font-size:0.9em;/* Original font size 1.0em */
}
#content p {
	padding-bottom:15px;
	line-height:1.2em;
	font-size:0.9em;
	color:#000;
}
#content .pad {
	padding:0 10px 10px 10px;
	margin:0;
	overflow:hidden; /* safety precaution to prevent blowouts */
}
#content .pad .sectiondesc {
	margin: 0 0 10px 0;
	border:1px solid #ccc;
	padding:20px;
	line-height:1.2em;
}
#content .pad .sectiondesc p {
	margin-bottom:15px;
}
#content .pad .leftcol {
	width:620px;
	float:left;
	margin-right:20px;
}
#content .pad .rightcol {
	float:right;
	width:300px;
}
#content .pad .rightcol .pad {
	padding:10px;
}
#footer {
	margin:0 auto;
	background-color:#fff;
	width:960px;
	text-align:center;
	font-size:12px;
	color:#0057A5;
	border-top:1px solid #ccc;
	padding-top:10px;
}
#footer .links {
	padding-bottom:10px;
}
#footer .links a {
	padding:0 2px;
	text-decoration:none;
	color:#0057A5;
}
#footer .links a:hover {
	text-decoration:underline;
}
#footer .subfooter {
	width:960px;
	height:55px;
	text-align:center;
	background:url('/stormevents/images/bg/footer_shading.png') bottom left repeat-x #fff;
	line-height:25px;
}
#footer .subfooter a {
	padding:0 5px 0 0;
}
#footer .subfooter a img {
	padding-top:5px;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* Opera Fix */
}
/* universals */
h1,h2,h3,h4,h5,h6,h7,h8,.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8 {
	font-weight:bold;
	margin-bottom:10px;
}
h1,.h1 {
	/* Used for main page titles/most important feature text only */
	font-size:1.5em;
	margin:10px 0;
}
h1.dotted, .dotted {
	border-bottom:1px dotted #4FA4C3;
	margin-bottom:20px;
}
h2,.h2 {
	/* Used for secondary page titles/most important feature text only */
	font-size:1.4em;
}
h3,.h3 {
	font-size:1.3em;
}
h4,.h4 {
	font-size:1.1em;
}
h5,.h5 {
	font-size:1.0em;
}
h6,.h6 {
	font-size:0.9em;
}
p {
	color:#000;
}
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.printbutton {
	margin:2px 5px;
	border:none;
	vertical-align:middle;
}
.status {
	color:#0a0;
}
.tablepad {
	padding:3px 0;
}
optgroup {
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
}
.hidden {
	display:none !important;
}
.visible {
	display:block;
}
.external {
	background:url('/stormevents/images/external.png') no-repeat scroll right center transparent;
	padding-right:13px;
}
hr {
	border:none;
	height:0;
	border-bottom:1px solid  #0057a5;
	margin-bottom: 10px;
}
a.infolink {
	text-decoration:none;
	background-color:#ffd;
}
a.infolink:hover {
	cursor:help;
	text-decoration:none !important;
}
a.file {
	background:url('/stormevents/images/icons/icon_file_misc.gif') scroll left center no-repeat;
	padding-left:20px;
}

/* Side nav bar */
#sidenav {
	width:160px;
	float:left;
	margin:0 10px 20px 0;
	border:1px solid #ccc;
	color:#000;
	padding:0;
	font-size:1.0em;
}
#sidenav .header {
	background-color:#97BDE2;
	padding:5px;
	font-size:0.7em;
	font-weight:bold;
}
#sidenav ul {
	color:#000;
	margin:0 0 10px 10px;
}
#sidenav li {
	color:#000;
	margin-left:15px;
	font-size:0.8em;
	line-height:1.2em;
}
#sidenav li.subhead {
	font-weight:bold;
	color:#000;
	margin:10px 0 5px 0;
	font-size:0.9em;
}

#leftNav {
	background-color:#F0F8FE;
	border-top:1px solid #00A3E3;
	border-left:1px solid #00A3E3;
	border-right:1px solid #00A3E3;
	margin-bottom:10px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#leftNav li {
	background:url('/stormevents/images/icons/left_nav_bullet.png') no-repeat scroll left top #00A3E3;
	border-top:1px dotted #fff;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.4em;
	margin:0;
	padding:3px 4px 4px 18px;
}
#leftNav li:first-child {
	border-top:none;
}
#leftNav li:hover {
	text-decoration:underline;
}
#leftNav li a {
	text-decoration:none;
	color:#fff;
}
#leftNav li a:hover {
	text-decoration:underline;
}

/* Bread crumbs */
#crumbs {
	margin:10px;
	padding:0 0 5px 0;
	font-size:11px;
	border-bottom:3px double #eee;
}
#crumbs a, #crumbs a:active, #crumbs a:visited {
	text-decoration:none;
	color:#0057A5;
}
#crumbs a:hover {
	text-decoration:underline;
}

/* sitemap */
#siteMapList {
	width:500px;
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	font-size:0.85em;
}
#siteMapList ul{
	list-style:none;
}
#siteMapList li {
	padding:5px 0 0 18px;
	background:url('/stormevents/images/feature_stories_bullet.png') no-repeat top left;
	margin: 5px 0 0 0;
}
#siteMapList li.header {
	background-image:none;
	border-bottom:1px dotted #ccc;
	color:#00A3E3;
	display:block;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-0.01em;
	line-height:1.0em;
	margin-bottom:4px;
	margin-top:10px;
	padding-left:0;
}
#siteMapList a:link{
	color:#c9f;
	text-decoration:none;
}
#siteMapList a:visited{
	color:#606;
	text-decoration:none;
}
#siteMapList a:hover{
	color:#606;
	text-decoration:underline;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
.pad {
	margin:0 10px 10px 10px;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.box {
	border:1px solid #000;
	background-color:#efefef;
	padding:10px;
	margin-bottom:20px;
}
.boxshadow {
	box-shadow:0 3px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	filter: Shadow(Color='black', Direction=135, Strength=3);
	-ms-filter:"progid:DXImageTransform.Microsoft.shadow(Color='black', Direction=135, Strength=3)";
}
.last {
	margin-right:0;
}
.block {
	border:1px solid #ccc;
	color:#000;
	background-color:#E5F2FB;
	margin-bottom:10px;
}
.block .header {
	background-color: #97BDE2;
	padding:5px;
	font-size:0.8em;
	color:#000;
}
.block h3 {
	font-family:Arial,Tahoma,Verdana,sans-serif;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
}
.block p {
	padding:10px;
	font-size:0.8em;
	color:#000;
}
.block ul {
	list-style-type:none;
	margin:10px;
	padding:0;
	font-size:0.8em;
}
.block li {
	margin:0 5px 10px 0;
}
button {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
/* Message blocks */
* html div#messageContainer {
	height: expression( this.scrollHeight < 51 ? "50px" : "auto" );
	/* min-height hack for IE */
}
#messageContainer, .messageBlock {
	width:100%;
	margin-bottom:10px;
	display:table;
	height:70px;
	overflow:auto;
}
.messageBlock p {
	padding:10px 10px 10px 67px;
	font-size:1.1em;
	color:#000;
	font-weight:bold;
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	min-height:30px;
}
.msgError {
	background:url('/stormevents/images/icons/i_remove_x.png') 15px center no-repeat /*#FED6D6*/ #FFFFFF;
	border: 1px solid #FED6D6;
	box-shadow:0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
}
.msgAlert {
	background:url('/stormevents/images/icons/i_warning.png') 15px center no-repeat #FFFFFF /* #FAE764 */;
	border: 1px solid #FAE764;
	box-shadow:0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
}
.msgConfirm {
	background:url('/stormevents/images/icons/i_warning.png') 15px center no-repeat /*#D9ECBB*/ #FFFFFF;
	border: 1px solid #0057A5;
	box-shadow:0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
}
.msgSuccess {
	background:url('/stormevents/images/icons/i_good.png') 15px center no-repeat #FFFFFF /* #D9ECBB */;
	border: 1px solid #0057A5;
	box-shadow:0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
}
.inputFocus {
	box-shadow: 0px 0px 5px #FBA83E;
	-moz-box-shadow: 0px 0px 5px #FBA83E;
	-webkit-box-shadow: 0px 0px 5px #FBA83E;
}
.help {
	margin-bottom:15px;
}
.help h4 {
	color:#333;
}
.help p {
	margin:0;
	padding:0;
}
#helpbox {
	background-color:#fff;
	width:100%;
	font-size:12px;
	margin:0 0 20px 0;
	box-shadow:0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
	filter: Shadow(Color='black', Direction=135, Strength=3);
	-ms-filter:"progid:DXImageTransform.Microsoft.shadow(Color='#222222', Direction=135, Strength=3)";
}
#helpbox .boxblock, .boxblock {
	background-color:#fff;
	border:1px solid #ccc;
	font-size:12px;
	color:#000;
}
#helpbox .boxblock .header, .boxblock .header {
	margin:0;
	height:28px;
	border-bottom:1px solid #fff;
	background-color:#0058A6;
	color:#fff;
}
#helpbox .boxblock .orange, .boxblock .orange {
	background:url('/stormevents/images/bg/boxblock_bg_orange.png') top left repeat-x #fca74c;
	color:#fff;
}
#helpbox .boxblock .ltblue, .boxblock .ltblue {
	background:url('/stormevents/images/bg/boxblock_bg_blue.png') top left repeat-x #ccdde5;
	color:#000;
}
#helpbox .boxblock .gray, #helpbox .boxblock .grey, .boxblock .grey, .boxblock .gray {
	background:url('/stormevents/images/bg/boxblock_bg_gray.png') top left repeat-x #ededed;
	color:#000;
}
#helpbox .boxblock .header h4, .boxblock .header h4 {
	margin:0 0 0 10px;
	line-height:28px;
	font-size:1.1em;;
	font-weight:bold;
	color:inherit;
}
#helpbox .boxblock .pad, .boxblock .pad {
	background:url('/stormevents/images/bg/boxblock_shade_top.png') top left repeat-x #fff;
	padding:10px;
	font-size:12px;
	line-height:14px;
}
#helpbox .boxblock .pad ul, .boxblock .pad ul {
	list-style-type:none;
	margin-left:0;
	padding:10px 0;
}
#helpbox .boxblock .pad li, .boxblock .pad li {
	list-style-type:none;
	margin-left:0;
	padding:0;
	font-size:12px;
	line-height:18px;
}
#helpbox a, .boxblock a {
	text-decoration:none;
}
#helpbox a:hover, .boxblock a:hover {
	text-decoration:underline;
}
#helpbox p, .boxblock p {
	margin-bottom:10px;
	font-size:11px;
}

/* form formatting */
.inputblock {
	background-color:#f4f4f4;
	border:1px solid #4FA4C3;
}
.inputblock .pad10 {
	padding:10px;
}
.inputblock .titles {
	width:200px;
	float:left;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	margin-right:5px;
	line-height:20px;
}
.inputblock .fields {
	float:left;
}
.inputblock .fields input {
	background-color:#fff;
	border:1px solid #4FA4C3;
	width:300px;
	margin-bottom:10px;
	font-size:12px;
	padding:2px;
}
.inputblock input {
	width:250px;
	border:1px solid #000;
	background-color:#fff;
	margin-bottom:5px;
}
.inputblock input.disabled {
	width:250px;
	border:none;
	background-color:transparent;
}
.inputblock button {
	margin-top:10px;
	float:right;
}
.inputblock div {
	font-size:0.9em;
}



/* Column layouts */
/*
	Total width for the content canvas area is 940px
	Column layouts should be a combined width of 940px (including padding/margins) and no more. Bad things will happen otherwise!
	Layout blocks should have at least 10px between them for breathing room.
	Secondary/tertiary columns can use 20px to help visually separate them even more.
	
	If you just want an entire blank canvas, leave the "pad" div to give 10 pixels of "breathing room" around the canvas area.
	Everything else is wide open witin those boundaries.
*/


/* GRID CONFORMANT COLUMNS */
/* 2 COLUMNS */
/* Example #1 */
.col-2-left-140 {
	float:left;
	width:140px;
	margin-right:20px;
}
.col-2-right-780 {
	float:left;
	width:780px;
}
/* Example #2 */
.col-2-left-220 {
	float:left;
	width:220px;
	margin-right:20px;
}
.col-2-right-700 {
	float:left;
	width:700px;
}
/* Example #3 */
.col-2-left-300 {
	float:left;
	width:300px;
	margin-right:20px;
}
.col-2-right-620 {
	float:left;
	width:620px;
}
/* Example #4 */
.col-2-left-380 {
	float:left;
	width:380px;
	margin-right:20px;
}
.col-2-right-540 {
	float:left;
	width:540px;
}
/* Example #5 */
.col-2-left-460 {
	float:left;
	width:460px;
	margin-right:20px;
}
.col-2-right-460 {
	float:left;
	width:460px;
}
/* Example #6 */
.col-2-left-540 {
	float:left;
	width:540px;
	margin-right:20px;
}
.col-2-right-380 {
	float:left;
	width:380px;
}
/* Example #7 */
.col-2-left-620 {
	float:left;
	width:620px;
	margin-right:20px;
}
.col-2-right-300 {
	float:left;
	width:300px;
}
/* Example #8 */
.col-2-left-700 {
	float:left;
	width:700px;
	margin-right:20px;
}
.col-2-right-220 {
	float:left;
	width:220px;
}
/* Example #9 */
.col-2-left-780 {
	float:left;
	width:780px;
	margin-right:20px;
}
.col-2-right-140 {
	float:left;
	width:140px;
}


/* 3 COLUMNS */
/* Example #1 */
.col-3-left-140 {
	float:left;
	width:140px;
	margin-right:20px;
}
.col-3-mid-460 {
	float:left;
	width:460px;
	margin-right:20px;
}

/* OR */

/* Example #2 */
.col-3-left-380 {
	float:left;
	width:380px;
	margin-right:20px;
}
.col-3-mid-220 {
	float:left;
	width:220px;
	margin-right:20px;
}

/* ALONG WITH */
.col-3-right-300 {
	float:left;
	width:300px;
}

/* Example #3 */
/* Use col-3-left-140 with this one */
.col-3-mid-540 {
	float:left;
	width:540px;
	margin-right:20px;
}
.col-3-right-220 {
	float:left;
	width:220px;
}
/* 4 COLUMNS */
/* Example #1 */
.col-4-left-140 {
	float:left;
	width:140px;
	margin-right:20px;
}
.col-4-mid-220 {
	float:left;
	width:220px;
	margin-right:20px;
}
.col-4-mid-300 {
	float:left;
	width:300px;
	margin-right:20px;
}
.col-4-right-220 {
	float:left;
	width:220px;
}

/* Example #2 */
.col-4-left-380 {
	float:left;
	width:380px;
	margin-right:20px;
}
.col-4-mid-140 {
	float:left;
	width:140px;
	margin-right:20px;
}
/* GRID NON-CONFORMANT COLUMNS */
/* 2 column layouts */

/* 2 equal width columns left column: 465; right column:465; */
.col-2-left-465 {
	float:left;
	width:465px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-2-right-465 {
	float:left;
	width:465px;
	margin-right:10px;
	margin-bottom:10px;
}
/* left nav column: 280; right column:650; */
.col-2-left-280 {
	float:left;
	width:280px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-2-right-650 {
	float:left;
	width:650px;
	margin-bottom:10px;
}
/* left column:600, right column:320 */
.col-2-left-600 {
	float:left;
	width:600px;
	margin-bottom:10px;
}
.col-2-right-310 {
	float:left;
	width:310px;
	margin-bottom:10px;
}
/* left column:320, right column:600 */
.col2-left-320 {
	float:left;
	width:320px;
	margin-right:20px;
	margin-bottom:10px;
}
.col2-right-600 {
	float:left;
	width:600px;
	margin-right:10px;
	margin-bottom:10px;
}
/**** 3 column layouts ****/
.col-3-left-335 {
	float:left;
	width:335px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-3-mid-335 {
	float:left;
	width:335px;
	margin-right:20px;
	margin-bottom:10px;
}
.col-3-right-240 {
	float:left;
	width:240px;
	margin-bottom:10px;
}

.col-3-left-320 {
	float:left;
	width:320px;
	margin-right:20px;
	margin-bottom:10px;
}
.col-3-mid-320 {
	float:left;
	width:320px;
	margin-right:40px;
	margin-bottom:10px;
}
.col-3-right-240 {
	float:left;
	width:240px;
	margin-bottom:10px;
}

.col-3-left-310 {
	float:left;
	width:310px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-3-mid-310 {
	float:left;
	width:310px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-3-right-300 {
	float:left;
	width:300px;
	margin-bottom:10px;
}

/**** 4 column layouts ****/
.col-4-left-228 {
	float:left;
	width:228px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-4-left-227 {
	float:left;
	width:227px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-4-right-228 {
	float:left;
	width:228px;
	margin-right:10px;
	margin-bottom:10px;
}
.col-4-right-227 {
	float:left;
	width:227px;
	margin-bottom:10px;
}