/* Colors Used 
#888888
#D6ECFC,#BADCEE,#96C4E5,#2E90CD,#338DCD, #2273AC
*/

/* ***************************************
   Default styles
   *************************************** */

/* Reset Base Styles */
html, body, img, h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;outline: 0;}

/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style: none; }
li{line-height:150%;}
em, i {	font-style:italic;}

/* tables still need cellspacing="0" (for ie6) */
table{border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
th{background:#dfefff;font-weight:bold;}

/* Clear Float  ClearFix*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}

body {text-align:left;margin:0 auto;padding:0;font: 11px verdana,arial,sans-serif normal;color: #555555;background-color:#202020;}
a {color: #2C7B16;	text-decoration: none; -moz-outline-style: none;outline: none;}
a:visited{}
a:hover {color: #444444;text-decoration: underline;}
img,img a, form{border:0;}

p{line-height:150%;margin:2px 0;}

h1, h2, h3, h4, h5, h6{font-family:arial;}
h1{font-size:180%;color: #333333;}
h2{font-size:150%;color: #EB7512;}
h3{font-size:125%;color: #000000;}

input{border:1px solid #AAA;color:#666;padding:5px 10px;text-align:center; font-size:100%;}
input.button{background:url(bg-btn.png) bottom center no-repeat; color:#FFF; text-transform: uppercase; border:none;padding:4px 10px 6px; font-size:85%; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.button, .button:hover{background:url(bg-btn.png) bottom center no-repeat; color:#FFF; text-transform: uppercase; border:none;padding:4px 10px 6px; font-size:85%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}


/* ***************************************
   Common Classes
   *************************************** */
.tube0t{padding-top:0px !important} .tube0r{padding-right:0px !important} .tube0b{padding-bottom:0px !important} .tube0l{padding-left:0px !important}
.tube5t{padding-top:5px !important} .tube5r{padding-right:5px !important} .tube5b{padding-bottom:5px !important} .tube5l{padding-left:5px !important}
.tube8 {padding:8px;}  .tube8x {padding-left:8px;  padding-right:8px;}   .tube8y {padding-top:8px;  padding-bottom:8px;}
.tube12{padding:12px;} .tube12x{padding-left:12px; padding-right:12px;}  .tube12y{padding-top:12px; padding-bottom:12px;}
.tube15{padding:15px;} .tube15x{padding-left:15px; padding-right:15px;}  .tube15y{padding-top:15px; padding-bottom:15px;}
.tube20{padding:20px;} .tube20x{padding-left:20px; padding-right:20px;}  .tube20y{padding-top:20px; padding-bottom:20px;}

.tube5{padding:5px;}
.tube10{padding:10px;}

/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
.pagewidth{width: 980px;margin: 0 auto;}

#maincontainer{}
#header-wrapper{}
#center-wrapper{}
#footer-wrapper{}

#center-box{background: #fff;}

#content-column{}
#footer{background:#fff;}

.float-tube{overflow:hidden;}

div.three-col-rightsl, div.three-col-center, div.three-col-right, div.two-col-right, div.two-col-left{padding:5px 0;}

.two-col-left #spotlight{clear:both;}
.two-col-left #content-column{margin:0 0 0 29% ;}
.two-col-left #side-left{float:left;width:29%;}
.two-col-left #side-right{float:right; width:29%;display:none;}

div.two-col-right{}
.two-col-right #spotlight{clear:both;}
.two-col-right #content-column{margin:0 35% 0 0px;}
.two-col-right #side-left{float:left;width:35%;display:none;}
.two-col-right #side-right{float:right; width:35%;}

div.three-col-right {}
.three-col-right #spotlight{clear:both;}
.three-col-right #content-column{margin:0 50% 0 0;}
.three-col-right #side-left{float:right;width:23%;}
.three-col-right #side-right{float:right; width:27%;}

div.three-col-center {}
.three-col-center #spotlight{clear:both;}
.three-col-center #content-column{margin:0 25% 0 20%}
.three-col-center #side-left{float:left;width:20%;margin:0px;}
.three-col-center #side-right{float:right; width:25%; margin:0px;}

div.three-col-rightsl {}
.three-col-rightsl #spotlight{margin:0 0px 0px 0;float:right; width:100%;}
.three-col-rightsl #cols{width:40%;float:right}
.three-col-rightsl #content-column{margin:0 40% 0 0;}
.three-col-rightsl #side-left{float:right;width:45%;margin:0px; }
.three-col-rightsl #side-right{float:right; width:55%; margin:0px;}

/****************************************
           Header and Footer
*****************************************/

/******* Header Elements ************/
#header{background:#fff url('bg-shade.png') bottom left repeat-x;}
#logo{float:left;width: 225px;}
#logo img{}
#header .banner{ width:725px; float:right;}
#header .subscribe-box{ width:165px; float:right; padding:10px 0; text-align:center;}
#header .subscribe-box input{margin:6px 0 0 0;}
/********* Footer ************/
#footer{color:#999;border-top: 1px solid #ccc;margin-bottom:30px; font-size:85%;background:#fff url('bg-shade.png') bottom left repeat-x;}
#footer-links{margin:0 170px 0 170px;text-align:center;padding:2px 0;}
#footer-links a{ color:#333;}
#footer-left{float:left;width:160px;margin:0px; text-align:left;}
#footer-right{float:right; width:160px; margin:0px; text-align:right;}
#footer-bottom{clear:both;}


/******************************************
          Navigations
*******************************************/

/******** Header Nav ***********/
#headerNav{background: #222 url(bg-nav.png) bottom center repeat-x;clear:both; display:block;}
ul.nav-header {list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul.nav-header li{display:inline;}
ul.nav-header li a{display:block;float:left;color:#fff;border-right:1px solid #555; font-size:90%;font-weight:bold;}
ul.nav-header li a:hover{text-decoration:none;color:#444; background:#DEDEDE;}
ul.nav-header li span{display:block;padding:5px 10px 6px;}
ul.nav-header li.nav-selected a,ul.nav-header li.nav-selected a:hover{color:#FFFFFF;background:#CCCCCC url('tabs-bg.png') 0px -60px repeat-x;;}
ul.nav-right {float:right;}
ul.nav-right li a{border-right:0px;border-left:1px solid #555;}

/******** Vertical Nav ***********/
ul.vertical-nav {list-style:none; margin:0px; padding:0px; width:auto; z-index:2;border-bottom:2px dotted #D6ECFC;}
ul.vertical-nav li{display:inline;}
ul.vertical-nav li a{display:block;color:#FFFFFF;border-top:2px dotted #D6ECFC;padding:5px 8px;}
ul.vertical-nav li a:hover{text-decoration:none;color:#FFFFFF; background:#E8F3FA;}
ul.vertical-nav li span{}
ul.vertical-nav li.nav-selected a,ul.vertical-nav li.nav-selected a:hover{color:#FFFFFF;background:#555;}

/******************************************
          Page Specific
*******************************************/
#page-header{}
#page-header small{font-size:90%;}
#page-header small a{font-size:90%;}
#page-header h1{border-bottom:1px dotted #338DCD;}
#page-body{line-height:150%;text-align:justify;}
#page-footer{}


#home-sl{background:url(bg-shade.png) top center repeat-x; padding:20px;border: 1px solid #eee;}
#home-sl .video{float:right; width: 220px;}
#home-sl p{ width: 180px;}

.big{font-size:125%; font-family:Arial, Helvetica, sans-serif;}
.black{color:#000;}
.orange{color:#EB7512;}
.bold{font-weight:bold;}

#homesl-box{background:#CCCCCC url(bg-slshade1.png) top center no-repeat;border:1px solid #CCCCCC; overflow:hidden;}
#homesl-box h1{color:#FF6600; float:right; width:250px; text-align:center; font-size:18px;}
#homesl-box p{color:#333; float:right; width:250px; text-align:center; font-size:12px;}
#homesl-box span{color:#333; float:left; width:250px; text-align:center;}
#follow-links{ text-align:right; font-size:18px; text-transform:uppercase;}
#follow-links img{vertical-align: bottom;}

#blog-box{border:1px solid #EEE}
#blog-box h1{color:#333; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:10px; font-weight:normal;}
#blog-box h1 span{ color:#999999}
.post{ border-bottom:1px solid #DDD; margin-bottom:20px; padding-bottom:10px;}
.post h4{margin-bottom:10px;}
.post h4 a{color: #FF6600; font-size:16px; }
.date{ color:#999999; font-size:11px}

#load {
	display: none;
	background: url(ajax-loader.gif) center center no-repeat;
	position:absolute;
	width: 150px;
	height: 20px;
	padding:100px 100px;
	text-indent: -9999em;
}