/*** Base Elements ***/
html,body{ width:100%; background:#fff; margin:0 auto; padding:0; text-align: center; }
body { font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; width:100%; color:#333; }
ul,li { margin-left:10px; padding-left:0px; }
p { margin:0 0 1em 0; }
p.last { margin-bottom:0; }
form { margin:0; }
/*input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
h1 { font-size:30px; font-weight:bold; letter-spacing:-1px; margin:0 0 10px 0; color:#009027; border-bottom:#333 solid 1px; padding:0 0 10px 0; }
h2 { font-size:18px; font-weight:bold; letter-spacing:0; margin:0 0 3px 0; position:relative; /** IE6 requires position:relative with negative margins **/ }
h3 { font-size:13px; font-weight:bold; letter-spacing:0; margin:0; }
h2.section { font-size:24px; padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #333333; }
a span { display:none; }
hr { color: #b9b7b7; background-color: #b9b7b7; height: 3px; border:none; }
a:active, a:visited, a:focus { outline:none; }

/*** Misc Utils ***/
div.nohover a:hover, .nohover a:hover { background-color: transparent; filter:none; }
.no_margin { margin:0;}
.hidden { display: none; }

div.ErrorMessage { color: red; margin: 14px 0px; clear:both; }

h1 a.h1_subnav { font-size:10pt; font-weight:normal; letter-spacing:normal; }
h1 span.h1_subtext { color:#333333; font-size:14pt; font-weight:normal; }

.promo_callout { margin:0; }
.promo_callout .promo_callout_heading { display:inline-block; font-size:16px; font-weight:bold; margin:25px 0 8px; color:#009027; }


/*** Containers ***/
#container { margin:0 auto; width:100%;   }
#nav_container { width:903px; height:288px; background:url(/images/top.jpg) no-repeat; margin:0 auto; display:inline-block;  }
#login_container { width:457px; height:60px; background:url(/images/login.jpg) no-repeat; margin:0 auto; display:inline-block; position:absolute; left:50%;  }
#logout_container { width:457px; height:60px; background:url(/images/logout.jpg) no-repeat; margin:0 auto; display:inline-block; position:absolute; left:50%;  }
#footer_container { margin:40px auto 0 auto; width:904px;  }
#content_container { margin:20px 0 0 16px;  display:inline-block; text-align:left; width:884px; }
#content_container a { text-decoration:none; color:#003082; }
#content_container a:hover { text-decoration:underline; }


/*** Nav ***/
#nav { display:block; margin:0 auto 0 auto; width:903px; height:62px;}
#nav ul  { padding:0; margin:0 auto; list-style:none;  margin:86px 0 0 303px;   }
#nav ul li { display:inline; /* IE6 requires display:inline; */ list-style:none; float:left; height:26px; margin:0; }
#nav ul li a { text-decoration:none; display:inline-block; padding:0; height:26px; width:80px; margin:0 10px 0 0; }
#nav ul li a:hover {   }
#nav ul li#nav_welcome a { width:51px; }
#nav ul li#nav_overview a { width:56px; margin:0 0 0 5px; }
#nav ul li#nav_cncadult a { width:53px; margin:0 0 0 14px; }
#nav ul li#nav_pricing a { width:101px; margin:0 0 0 15px; }
#nav ul li#nav_samples a { width:96px; margin:0 0 0 14px; }
#nav ul li#nav_support a { width:74px; margin:0 0 0 16px; }
#nav ul li#nav_faq a { width:21px; margin:0 0 0 15px; }
#nav ul li#nav_contact a { width:43px; margin:0 0 0 14px; }
#nav ul li#nav_welcome a:hover, body.welcome #nav ul li#nav_welcome a,
#nav ul li#nav_overview a:hover, body.overview #nav ul li#nav_overview a,
#nav ul li#nav_cncadult a:hover, body.cncadult #nav ul li#nav_cncadult a,
#nav ul li#nav_pricing a:hover, body.pricing #nav ul li#nav_pricing a,
#nav ul li#nav_samples a:hover, body.samples #nav ul li#nav_samples a,
#nav ul li#nav_support a:hover, body.support #nav ul li#nav_support a,
#nav ul li#nav_faq a:hover, body.faq #nav ul li#nav_faq a,
#nav ul li#nav_contact a:hover, body.contact #nav ul li#nav_contact a 
{  background:url(/images/nav_over.jpg) repeat-x bottom; }
#logo { position:absolute; width:200px; height:70px; left:50%; margin:37px 0 0 -445px; }
#logo a { display:block; width:100%; height:100%; }


/*** Footer ***/
#footer { display:block; margin:6px 0 0 8px; width:895px; text-align:left; background:url(/images/footer_line.jpg) repeat-x top left; }
#footer_copyright { font-size:10px; color:#333; text-align:left; margin:0 0 0 20px; display:block; width:100%; padding:20px 0 0 0; } 
#footer_links { padding:0 0 0 20px; width:876px; height:100px; text-align:left; font-size:10px; display:inline-block; }
#footer_links ul  { padding:0; display:inline-block; list-style:none; text-align:left; margin:0 0 0 0; }
#footer_links li { margin:0 5px 0 0; list-style:none; color:#333; float:left; }
#footer_links ul li a { text-decoration:none; padding:0; color:#333; }
#footer_links ul li a:hover { text-decoration:underline; padding:0; }


/*** Login ***/
#login { display:block; text-align:left; width:100%; height:100%; }
#login input { border:0 none; width:113px; font-size:11px; }
#login_username { margin:19px 0 0 68px; }
#login_password { margin:19px 0 0 75px; }
#login_submit { margin:16px 0 0 14px; }
input#login_submit { width:45px; border:none; background-color:transparent; cursor:pointer; }


/*** Logout ***/
#logout { display:block; text-align:left; width:100%; height:100%; }
#logout_links { margin:17px 22px 0px 20px; text-align: right;}
#logout a, 
#logout a:visited { color: #FFFFFF; font-size:12px; text-decoration:none; display:inline-block; margin-left: 15px; }
#logout a:hover { text-decoration: underline; }

/*** Home ***/
#home_col_1 { width:606px; float:left; padding:0; line-height:20px; }
#home_col_1 .inner_content { padding:0 40px 0 0; }
#home_col_2 { width:242px; float:left; padding:0; line-height:20px; margin:0 0 0 26px; }
#home_col_2 h2 { border-bottom:#333 solid 1px; padding:0 0 10px 0; font-weight:normal; }
#home_col_2 .inner_content { padding:10px 0 0 2px; font-size:12px; line-height:14px; }
p.home_post_headline { margin:15px 0 0 0; }
p.home_post_author{ margin:0; font-size:10px; }
#home_blogger_box { background:url(/images/home_blogger_box.jpg) no-repeat 0 0; width:242px; height:138px; display:inline-block; margin:20px 0 0 0; }
#home_blogger_icon { display: inline; /* IE6 requires display:inline; */ float:left; width:89px; height:106px; overflow:hidden; margin:14px 0 0 16px; }
#home_blogger_copy { display: inline; /* IE6 requires display:inline; */ float:left; margin:14px 0 0 16px; width:110px; font-size:12px; }
#home_blogger_title { margin:0 0 10px 0; }
#home_blogger_name { height:16px; overflow:hidden;}
#home_blogger_bio { font-size:10px; height:50px; overflow:hidden; }
#home_blogger_read_more { margin:5px 0 0 0; }
#home_social { margin:20px 0 0 0; font-size:12px; font-weight:bold; }
#home_facebook a { background:url(/images/follow_facebook.jpg) no-repeat 0 0; width:108px; height:32px; display:block; margin:5px 0 0 0; }
#home_twitter a{  background:url(/images/follow_twitter.jpg) no-repeat 0 0; width:88px; height:31px; display:block; margin:5px 0 0 0; }


/*** Pricing ***/
.box_open {  width:888px; display:inline-block; margin:0 0 40px 0; }
.box_open_top { background:url(/images/box_open_top.jpg) no-repeat 0 0; width:888px; height:15px; font-size: 0px; /* IE6 requires font-size: 0px */ }
.box_open_bottom { background:url(/images/box_open_bottom.jpg) no-repeat 0 0; width:888px; height:15px; margin:-15px 0 0 0; }
.box_open_middle { background:url(/images/box_open_middle.jpg) repeat-y 0 0; width:888px; }
.box_open_middle_content { padding:10px 10px 10px 40px; font-size:14px; display:inline-block; }
.box_open_middle_content h2 { padding:0 0 10px 0; font-weight:normal; }
.box_open_col_1 { float:left; width:570px; }
.box_open_col_1_pricing_overview { float:left; width:366px; }
.box_open_col_2 { float:left; width:225px; margin:0 0 0 40px; }
#pricing_bottom { font-size:14px; margin:0; }
#pricing_bottom_questions { font-size:18px; padding:0 15px 0 0; }

.box_pricing_heading { display:inline-block; width:200px; color:#009027; }
.box_pricing_heading_full { text-align:center; margin-bottom:5px; }
.box_pricing_item { display:inline-block; width:200px; border:#009027 solid 1px; border-bottom:none; line-height:25px; }
.box_pricing_item.last { border-bottom:#009027 solid 1px; }
.box_pricing_quantity { float:left; width:130px; padding:0 0 0 8px; font-size:13px; }
.box_pricing_price{ float:left; width:60px; }

.box_pricing_us {  width:225px; display:inline-block; }
.box_pricing_us_top { background:url(/images/box_pricing_us_top.jpg) no-repeat 0 0; width:225px; height:14px; font-size: 0px; /* IE6 requires font-size: 0px */ }
.box_pricing_us_bottom { text-align:center; background:url(/images/box_pricing_us_bottom.jpg) no-repeat 0 0; width:225px; height:41px; margin:0 0 0 0; }
.box_pricing_us_bottom a { display:inline-block; margin:0px auto 18px; }
.box_pricing_us_middle { background:url(/images/box_pricing_us_middle.jpg) repeat-y 0 0; width:225px; }
.box_pricing_us_middle_content { padding:0 10px 10px 10px; font-size:14px; display:inline-block;  }

/*
 * Original floaty columns
.box_open_col_1_non-us { float:left; width:370px; }
.box_open_col_2_non-us { float:left; width:425px; margin:0 0 0 40px; }
 */
.box_open_col_1_non-us { padding-right:30px; }
.box_open_col_2_non-us { width:425px; margin:auto; }

.box_pricing_non-us {  width:425px; display:inline-block; }
.box_pricing_non-us_top { background:url(/images/box_pricing_non-us_top.jpg) no-repeat 0 0; width:425px; height:14px; font-size: 0px; /* IE6 requires font-size: 0px */ }
.box_pricing_non-us_bottom { background:url(/images/box_pricing_non-us_bottom.jpg) no-repeat 0 0; width:425px; height:41px; margin:0 0 0 0; }
.box_pricing_non-us_bottom a { display:block; width:100%; height:100%; }
.box_pricing_non-us_middle { background:url(/images/box_pricing_non-us_middle.jpg) repeat-y 0 0; width:425px; }
.box_pricing_non-us_middle_content { padding:0 10px 10px 10px; font-size:14px; display:inline-block;  }

.box_pricing_heading_non-us { display:inline-block; width:400px; color:#009027; }
.box_pricing_heading_non-us .box_pricing_heading_full { width:300px; padding-left:100px; }
.box_pricing_item_non-us { display:inline-block; width:400px; border:#009027 solid 1px; border-bottom:none; line-height:25px; }
.box_pricing_item_non-us.last { border-bottom:#009027 solid 1px; }
.box_pricing_heading_col1,
.box_pricing_heading_col2,
.box_pricing_heading_col3,
.box_pricing_heading_col4 { float:left; width:100px; text-align:center; }
.box_pricing_col1,
.box_pricing_col2,
.box_pricing_col3 { float:left; width:81px; border-right:1px solid #009027; padding-left:18px; }
.box_pricing_col4 { float:left; width:82px; padding-left:18px; }

.box_pricing_below { text-align:center; width:100%; margin:10px auto 5px auto; font-weight:bold; }
.box_pricing_attendance_input { float:left; width:31px; padding:0 0 0 54px; }
.box_pricing_attendance_label { float:left; width:105px; padding:0 0 0 5px; }

.box_pricing_eula_container { font-size:9px; line-height:12px; margin:4px 0 0 0; }

/*** Buttons ***/
a.btn {  }
a.btn span { display:inline-block; height:19px; padding:4px 8px 0px; border:1px solid #333333; background:transparent url(/images/button_gradient_green.jpg) scroll repeat-x 0 0; font-size:12px; color:#FFFFFF; text-transform:uppercase; }
a.btn:hover,
#content_container a.btn:hover { text-decoration:none; }
a.btn:hover span { background:#499B35; }

/*** Moderator Blogger Boxes ***/
div.blog_author { background:url(/images/home_blogger_box.jpg) no-repeat 0 0; width:242px; height:138px; display:inline-block; margin:4px 15px 0 0; float:left; position: relative; }
div.blog_headshot { display: inline; /* IE6 requires display:inline; */ float:left; width:89px; height:106px; overflow:hidden; margin:14px 0 0 16px; }
div.blog_copy { display: inline; /* IE6 requires display:inline; */ float:left; margin:14px 0 0 16px; width:106px; font-size:12px; }
p.blog_title { margin:0 0 10px 0; }
p.blog_name { height:16px; overflow:hidden; margin: 0;}
p.blog_bio { font-size:10px; height:50px; overflow:hidden; }
p.blog_controls { width:210px; text-align:right; position: absolute; bottom: 10px; left: 16px; font-size:11px; margin: 0; }