*,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;}
button::-moz-focus-inner{border:0;}

body { background: #cfd0d0; font: normal 11px Arial, Helvetica, sans-serif; color: #333; }
#site { width: 960px; margin: 0 auto 20px auto; }

#nav { position: relative; height: 86px; background: #333; text-transform: uppercase; }
#nav-flash { postition:absolute; top:0; bottom:0; z-index:10; }
#nav ul { position: absolute; left: 180px; bottom: 0; z-index:40; }
#nav ul li { float: left; }
#nav ul li a { display: block; padding: 8px; color: #fff; }
#nav ul li a:hover, #nav ul li a:focus { color: #a0cf41; }
#nav ul li a.active, #nav ul li a:active { color: #00aceb; }

#header { position: relative; z-index: 50; height: 321px; background: #ddd; }
#img-masthead { position: absolute; z-index: 60; left: 0; top: 0; width: 748px; height: 220px; background: url(/_inc/img/masthead.jpg) 0 0 no-repeat; }
#img-sidebar { position: absolute; z-index: 60; right: 0; top: 0; width: 212px; height: 321px; background: url(/_inc/img/side.jpg) 0 0 no-repeat; }
h1#logo { position: absolute; z-index: 70; left: 0; top: 20px; width: 180px; height: 100px; background: #333; }
h1#logo a { display: block; width: 180px; height: 100px; background: url(/_inc/img/logo.png) 23px 26px no-repeat; text-indent: -9999em; }
#breakout { position: absolute; z-index: 70; right: 0; top: 20px; width: 340px; height: 100px; background: #fff; color: #a0cf41; }
#breakout .header { padding: 10px 12px 0 12px; font: 20px 'Helvetica Neue LT Std 45 Light', Helvetica, Arial, sans-serif; }
#breakout .body { padding: 6px 12px 0 12px; font-size: 11px; font-weight: bold; }

#body { background: #333 url(/_inc/img/bg.png) 0 0 repeat-y; width: 100%; overflow: hidden; }

#content { position: relative; z-index: 100; margin: -101px 212px 0 0; background: #fff; min-height: 240px; }
#content blockquote { margin-bottom: 10px; color: #a0cf41; font: 20px 'Helvetica Neue LT Std 45 Light', Helvetica, Arial, sans-serif; }
#content .inner { padding: 15px; }

#sidebar { float: right; width: 212px; color: #fff; font-size: 11px; }
#sidebar .inner { padding: 10px; }
#sidebar h2 { font: 20px 'Helvetica Neue LT Std 45 Light', Helvetica, Arial, sans-serif; }
#sidebar ul { margin: 10px 0 10px 10px; color: #888; }
#sidebar ul li { padding: 2px 0; }
#sidebar ul li:before { content: "\00BB \0020"; list-style-type: none; list-style-image: none; }
#sidebar a { font-style: italic; }
#sidebar a:hover, #sidebar a:focus { color: #fff; }

#footer { height: 100px; background: #3d4040; color: #fff; position: relative;  }
#footer-flash { position:absolute; top:0; left:0; z-index:12; }
#footer .inner { position: absolute; bottom: 0; left: 0; padding: 10px; z-index: 24 }

a#stormbox { background: url(/_inc/img/siteby-stormbox.gif) no-repeat 0 0; display: block; width: 96px; height: 15px; font-size: 1px; text-indent: -9999em; overflow: hidden; cursor: pointer; position: absolute; bottom: 8px; right: 8px; z-index: 100; }
a#stormbox:hover { background-position: 0 -20px; }

/* ----- General Content ----- */
a { color: #00aceb; text-decoration: none; }
a:hover, a:focus { color: #0075bf; }
h1,h2,h3,h4 { color: #a0cf41; }
h1 { font: normal 20px 'Helvetica Neue LT Std 45 Light', Helvetica, Arial, sans-serif; margin-bottom: 0.2em; }
h2 { font: normal 14px 'Helvetica Neue LT Std 45 Light', Helvetica, Arial, sans-serif; padding-top: 6px; margin-bottom: 0.2em; }
h3 { font: bold 12px Helvetica, Arial, sans-serif; padding-top: 6px; margin-bottom: 0.2em; text-transform: uppercase; }
h2.h1space { margin-top: 28px; }
h3.extraspace { margin-top: 20px; }
p { margin: 0.1em 0 1.2em 0; line-height: 1.5em; }
.readmore { margin-bottom: 1.2em; font-style: italic; }
.note { color: #666; }
abbr, acronym { font-weight: bold; color: #a0cf41; cursor: help; }

.cols { width: 100%; overflow: hidden;  z-index: 200; position:relative;background:#ffffff; }
.cols .col { width: 49.5%; float: left; display:block; z-index: 200;background:#ffffff; }
* html #content { height:1%;  margin: -101px 209px 0 0;z-index: 200; }
ul.list { list-style: none; margin: 0.1em 0 1.2em 2em; line-height: 1.5em; }
ul.list li { list-style: none; }
ul.list li:before { content: "\00BB \0020"; list-style-type: none; list-style-image: none; color: #888; }
#flash-video { margin: 0 0 15px 15px; }

/* ----- Form Styling ----- */
form input, form select, form textarea { padding: 4px; border: 1px solid #ccc; border-top-color: #aaa; border-bottom-color: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
form ul, form ol { list-style: none; margin: 0 0 10px 0; }
form ul li, form ol li { list-style: none; padding: 2px 0; width: 100%; overflow: hidden; }
form label { float: left; width: 80px; padding: 5px; }
form .buttons { margin: 0 0 10px 0; width: 100%; overflow: hidden; }
form button { padding: 8px 16px; background: #00adee; color: #fff; font-weight: bold; float: left; margin: 0 10px 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; cursor: pointer; }
form button:hover, form button:focus { background: #A0CF41; }
form button:active { background: #0075bf; }
form .errormsg { display: block; color: #A0CF41; font-weight: bold; padding: 4px; }
form .required { color: #A0CF41; font-weight: bold; }