/* BASELINE 
----------------------------------------------------------*/
html {height:100%}
body {background:#000 url(images/background_main.png) left top repeat-x; width: 1000px; margin-left:auto;margin-right: auto;padding:0;margin-top: 0px;color:#ddd;font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;}
a:link {color:#fff;text-decoration:underline;}
a:visited {color:#fff;}
a:hover {color:#fff;text-decoration:underline;}
a:active {color:#fff;}
p, ul {margin: 10px 0px 10px 0px;}
hr {border: solid 1px #fff;display:block;clear:both;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#ddd; margin: 10px 0px 10px 0px; padding: 0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:16px;}
h4, h5, h6 {font-size:14px;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {width:1000px;border-left: solid 0px #333;border-right: solid 0px #333;float: left;}

/* HEADER */
#header {width:1000px; margin-top: 10px; background:url(images/background_top.png) center top no-repeat;}
#header h1 {display:none;}
#title {height:115px;}

/* MAIN NAVIGATION CONTAINERS */
#menucontainer {height: 35px;width:1000px;background: url(images/menu_background2.png) center top no-repeat ;}
#submenucontainer {display: block;margin-bottom: -20px;width:950px;}

/* MAIN BODY */
#main {margin: 10px 0px 15px 0px; text-align: left; width:1000px;}
#footer {color:#fff;font-weight: bold;text-align:center;padding-top:20px;width:1000px;height:20px;border-bottom: solid 1px #fff;float: left;}

/*PAGE CONTAINERS*/
#banner{background:url(images/Banner_MainFinal.jpg) no-repeat center top ;width: 1000px; height: 250px;} 
#blurb{/*width: 5px; height: 230px;*/} 

#content {width: 990px; padding-top: 10px; margin-left:5px; float: left;} /* background: #000 url(images/page_background.png) left top no-repeat; }*/

#left {float: left; min-height: 880px; width: 610px; margin-right: 20px; padding-top: 30px; background: url(images/background_left.png) left top repeat-y; padding-left: 15px;}
#right {float: left; width: 330px; background: url(images/background_right.png) left top no-repeat; padding: 15px 0px 5px 15px;}
#full {float: left; width: 990px; padding-top: 30px; background: url(images/background_full.png) left top no-repeat;}

/*#sidebar {width: 270px; border-left: solid 1px #fff;float: left;}
#sidebar DIV {border-bottom: solid 1px #fff;padding: 5px; text-align: center;}
#sidebar DIV I{padding: 5px 5px 5px 5px; text-align: left; display: block;}*/

/* TABLES */
TABLE {margin-left: 0px;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {padding:0;position:relative;margin:0 0 0 15px ;text-align:right;}
ul#menu li {display:block;list-style:none;float:left;margin:0 0 0 0;font-size:12px;border-right: solid 1px #fff;}
ul#menu li a {padding: 8px 28px;font-weight:bold;text-decoration:none;color:#fff;background: transparent url(images/bg-nav-corner-sprite_off.png) no-repeat right 0px;display:block;}
ul#menu li a:hover {text-decoration:underline;}
ul#menu li a:active {text-decoration:underline;color:#fff;}
ul#menu li.selected {background:transparent url(images/bg-nav-corner-sprite_on.png) no-repeat 0 0px;}
ul#menu li.selected a {padding:8px 18px;font-weight:bold;text-decoration:none;color:#fff;background: transparent url(images/bg-nav-corner-sprite_on.png) no-repeat right 0px;display:block;}

/* Sub MENU   
----------------------------------------------------------*/
ul#submenu {float:right;padding:3px 3px 0px 3px;position:relative;margin:0 0 0 5px ;}
ul#submenu li {float:left;list-style:none;font-size:12px;border-bottom: solid 3px #ccc;margin-right: 1px;}
ul#submenu li a {display:block;padding: 4px 8px 4px 8px;font-weight:bold;text-decoration:none;color:#003366;}
ul#submenu li a:hover {text-decoration:underline;}
ul#submenu li a:active {text-decoration:underline;}
ul#submenu li.selected {border-bottom: solid 3px #006699;background: transparent url(images/SubNavigationOn.png) no-repeat bottom}
ul#submenu li.selected a {color:#003366;}

/* menu_bottom
----------------------------------------------------------*/
#footermenu {float: left; margin-top: 10px; width: 1000px; text-align: center;}
#footermenu A{font-size: 14px; text-decoration: none; padding: 3px;}

/* MISC */
.buynow IMG{border: none;}
.download IMG{border: none;}
/*#banner{height:230px;border-bottom: solid 0px #fff;margin-left: -15px; width: 800px;}*/

/* FULL */
/*#full H2 {padding: 0px 15px 0px 15px; color: #fff;}
#full H3 {padding: 0px 15px 0px 15px; color: #99CC33; font-size: 12px;}
#full P {padding: 0px 15px 0px 15px;}*/

/*CALLOUTS
#right DIV {color: #fff; float: left; border-bottom: solid 1px #333; text-align: center; width: 320px; margin-bottom: 10px;}
#right P {font-weight: bold;}
#right H2 {color:#fff;}
#right IMG {border: solid 1px #fff;}

#right .tr IMG {border: none; padding: 0px; margin: 0px;}
#right .tr A {border: none; padding: 0px; margin: 0px;}
 */
.button {color: #fff; font-weight: bold;  border: none; width: 100px; height: 30px; background: transparent url(images/button.png) no-repeat top left}

.banner_promo{ text-align: center;} 

/* Form */

.webform{float: left; margin: 0px 40px 0px 40px;  text-align: center;}
.webform TABLE{ border: solid 0px #fff; width: 900px;}
.webform TABLE TR{ border: solid 0px #fff;}
.webform TABLE TD{ border: solid 1px #fff;}
.Textbox{margin-left: 10px; margin-top: 5px; float: left; clear: both; width: 500px;}
.Textbox LABEL{float: left;}
.Textbox INPUT{float: left;clear: left;}
.Textbox SELECT{float: left;clear: left;}
.Checkbox {float: left; margin: 5px; width: 600px;}
.FormNote{margin-left: 10px; margin-top: 5px; float: left; clear: both; width: 500px;}
.FormButton{float: left;clear: left;}

#left H1{ text-align: right; float: left; width: 580px; border-bottom: dotted 1px #ddd;}
#left H2{float: left; width: 580px; margin-top: 10px; color:#99CC33; border-bottom: dotted 1px #99CC33; font-weight: normal;}
#left H3{float:left;}
#left UL{float:left;}
#left P{float: left; width: 580px; margin-top: 3px;}
#left IMG{}

/* QUOTE */
#quote {float: left; position:relative; margin-top: -145px; margin-left: 630px; width: 350px; font: 13px/16px; height: 90px; }
#quote EM { position:absolute; top:50%; height:10em; margin-top:-2em}

/* POSTS */
#left .post {float: left; width: 600px; margin-bottom: 15px; border: solid 0px; padding: 5px 15px 5px 15px;}
#left .post H2{float: left; width: 440px; margin: 0px; color:#99CC33; border-bottom: dotted 1px #99CC33; font-weight: normal;}
#left .post DIV{float: left; width: 120px;}
#left .post P{float: left; width: 440px;margin-top: 3px;}
#left .post IMG{float: left; height: 80px; width: 80px;}

/*CALLOUTS */
.callout {float: left; text-align: center; width: 310px; margin-bottom: 5px; border-bottom: dotted 1px #99CC33;}
.callout H2{text-align: center; float: left; padding-bottom: 3px; width: 300px; margin-bottom: 5px; color:#99CC33; font-weight: normal;border-bottom: dotted 0px #99CC33;}
.callout P{width: 310px;margin-top: 3px;}
.callout #dialog_link IMG{border: solid 1px #ddd;}

/* TWITTER */
#tweet UL{text-align: left; font-size: 11px; margin: 10px;padding: 0px;}
#tweet LI{padding: 5px 0px 5px 0px; list-style: none; margin: 0px; border-bottom: solid 1px #99CC33; }
#tweet LI A{color: #99CC33; text-decoration: none;}