--------------------------------------------------------------------*/
 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
    width:                 977px;    
        
    /* part 2 of centering page*/
    margin:             0 auto;
}
#contentBox {
    width:                 975px;    
    background-color:     #fff;
    border:             1px solid #645932;
    
    /*part 3 of centering page*/
    text-align:         left;
}

 /* ADS
--------------------------------------------------------------------*/

.largeRecContainer {
    width:        300px;
    margin-bottom:    10px;
}
.towerContainer {
}
.sponsorContainer {
    float:        left;
    width:        785px;
    margin-top:    10px;
}

--------------------------------------------------------------------*/
/* #body - column layouts
--------------------------------*/
#body #local,
#body #myaccount,
#body #maincontent,
#body #contextual {
    float:                 left;
    display:               inline;
}
#body #local {
    width:                 160px; 
    margin:                10px;
}
#body #maincontent {
    width:                 475px; 
    margin:                10px 10px 0 0;
    padding-bottom:        20px;
}
#search #body #maincontent {
    width:                 645px; 
    margin:                10px 10px 0 10px;
    padding-bottom:        20px;
}
#body #contextual {
    width:                300px; 
    margin:               10px 0px 0px 0px;
}
/* Sponsors Area */
#sponsors {
    width:                 975px;    
    background-color:     #dfeef0;    
    height:                auto;
    margin-left:0px;
    padding:            5px 0 10px 0px;
    text-align:            center;
}
#sponsors li {
    display:            inline;
    float:                left;
    width:                183px;
    padding-left:        10px;
}
#sponsors li img {
    margin:             2px auto 0 auto;
}

/* Boxes */
div.box {
    background:            #fff;
    border:                1px solid #e1dfd6;
    margin-bottom:        10px;
    clear:                both;
    position:            relative;
}
div.box_content div.col.left {    
    width:            205px;
    margin-right:        10px;
}
div.box_content div.col.right {    
    width:            238px;
    text-align:         center;
}
div.box_content div.col.right .alignleft{
    text-align:        left;
}
div.box_content div.toc div.col.left {    
    width:            238px;
    margin-right:        10px;
}
div.box_content div.toc div.col.right {    
    width:                205px;
    text-align:             left;
}
div.box_content div.col.left p {
    margin-bottom:        4px;
}
div.box_content div.col.left strong {
    color:                #645932;
}
div.box_content span.big h2,
div.box_content div.col.left h2 {
    font-size:            24px;  
    line-height:        24px;
    font-family:         Georgia,verdana,arial,sans-serif;
    color:                 #645932;
    font-weight:         normal;
    margin:                0 0 0 0; 
}
div.box_content {
    padding:             20px 10px 16px 10px;
    position:            relative;
}
div.box_content_quote {
    padding:             30px 10px 10px 30px;
    position:            relative;
}
div.box_content_finder {
    padding:             10px 10px 0px 10px;
    position:            relative;
}
div.box_content div {
    margin-bottom:         10px;
}
div.box_content div p {
    margin-bottom:         0;
}
div.box_content table {
    margin-bottom:         0;
}
div.nopadbottom {
    margin-bottom:         0;
    padding-bottom:     0;
}
div.box_content h6 { 
    font-weight:         normal;
} 
div.left div.box_content h6 { 
    padding-top:            12px; 
} 
.box_content dl.details dt {
    float:                left;
    display:            inline;
    width:                 145px;
    padding-bottom:        4px;
}
.box_content dl.details dd {
    float:                left;
    display:            inline;
    width:                 300px;
    padding-bottom:        4px;
}



/* Related Links Box */
.links {    
    background:         #dfeef0 url(http://www.kaboose.com/img/css_images/blue_background.jpg) no-repeat;
    padding:            10px 10px 20px 10px;
    margin-bottom:        10px;
}
.links h2 {
    margin:            10px 0 20px 0; 
}
/*
.links a, .links a:link, .links a:visited { color:#FFF; }
.links a:active, .links a:hover { color:#CFF; }
*/
.links.green {
    background:         #e9f5ce url(http://www.kaboose.com/img/css_images/box_finder_bgrd.gif) no-repeat;
}
/* Directory */
.directory div {
    padding-bottom:0px;
}
.directory p.links {
    background:    none;
    line-height:    18px;
    color:        #9BA;
    margin:        0px;
    padding:    0px 0px 15px 0px;
}
.directory p.links a, .directory p.links a:link, .directory p.links a:visited { color:#27a3b3; }
.directory p.links a:active, .directory p.links a:hover { color:#27a3b3; }

 /* Global Link Settings
--------------------------------*/
a {
    color:                #666;
    text-decoration:    underline;
}
a:hover, a:focus, a:active {
    color:                #000;
    text-decoration:    underline;
}
/* use a.link for blue links */
a.linkBlue:link, a.linkBlue:visited {
    color:                #27a3b3;
    font-weight:         bold;
    text-decoration:    underline;
}
a.linkBlue:hover, a.linkBlue:focus {
    color:                 #27a3b3;
    text-decoration:    underline;
}
a.linkMore:link, a.linkMore:visited {
    color:                #27a3b3;
    font-weight:         bold;
    text-decoration:    underline;
    display:            block;
    text-align:            right;
}
a.linkMore:hover, a.linkMore:focus {
    color:                 #27a3b3;
    text-decoration:    underline;
}
p.moreLinks {
    text-align: right;
    margin: 8px 0px 0px 0px;
}
p.moreLinks a:link,
p.moreLinks a:visited,
p.moreLinks a:hover,
p.moreLinks a:focus {
    font-weight: bold;
    color: #27a3b3;
}
 /* Global Typography Settings 
--------------------------------*/
p {    margin-bottom:         12px; }
.bold {
    font-weight:         bold;
}
.italic {
    font-style:         italic;
}
.small {    
    font-size:            10px; 
}
.uppercase {    
    text-transform:        uppercase;
}
.gray {
    color:                 #999;
}
.blue {
    color:                 #27a3b3;
}
.error {
    color:                 #900;
    font-weight:         bold;
}
h1 {
    font-size:            24px; 
    line-height:        28px;
    font-family:         Georgia,verdana,arial,sans-serif;
    color:                #645932;
    font-weight:         normal;
    margin:                0 0 10px 0; 
}
h2 {
    font-size:            16px;  
    line-height:        18px;
    font-family:         Georgia,verdana,arial,sans-serif;
    color:                 #645932;
    font-weight:         normal;
    margin:                0 0 0 0; 
}
h2.center {
    margin-bottom:        10px;
}
h3 {
    font-size:            11px; 
    font-family:         Georgia,verdana,arial,sans-serif;
    color:                #27a3b3;
    font-weight:         bold;
    margin:                0px 0 5px 0; 
}
h4 {
    font-size:            12px;  
    font-weight:         bold;
    margin:                0 0 0px 0; 
}
h5 {
    font-size:            11px;  
    font-weight:         bold;
    margin:                0 0 0px 0; 
}
h6 { 
    font-size:            11px;  
    font-weight:         normal;
    margin:                0; 
}
address {
    font-style:            normal;
}
 /* General Elements
--------------------------------*/
img {
    border:                0;
}
img.icon {
    display:             inline; 
    margin:                0 5px;    
}
img.floatleft {
    margin:                0 5px 0px 0;
}
img.floatright {
    margin:                0 0 0px 5px;
}
hr {
    /* Mozilla & IE have different opinions about how <hr> should look - be careful about changing these. */
    border:             none;
    border-top:         1px solid #ccc;
    height:             1px;
    margin-bottom:         10px;
}
.hr {
    border-top:         1px solid #ccc;
}
 /* Good to have global classes
--------------------------------*/
.floatright {
    float:                 right;
    display:            inline; /*to avoid IE double margin bug*/
}
.floatleft {
    float:                 left;
    display:            inline; /*to avoid IE double margin bug*/
}
.aligncenter {
    text-align:            center;
}
.alignright {
    text-align:            right;
}
.padTop10 {
    padding-top:        10px;
}
.padBottom10 {
    margin-bottom:            10px;
}
.nopadding { padding:0px; }
.w370 {
    width:                370px;
}
/*e.g. for accessibility quick links*/
.hide {
    height:             0;
    width:                 0;
    overflow:             hidden;
    position:             absolute;
}
/* Clearing Divs
---------------------------------------------*/
div.clear_tiny     { clear:both; height:2px; font-size:2px; }
div.clear_sm     { clear:both; height:10px; font-size:2px; }
div.clear     { clear:both; height:15px; font-size:2px; }        
div.clear_lg     { clear:both; height:30px; font-size:2px; }

/* Lists
---------------------------------------------*/
/* normal lists */
ul {
    list-style:         none;
    list-style-position: outside;
}
ul.bullet {
    list-style-position: outside;
    list-style-type:     disc;
    margin:             0.3em 0em 0.6em 1em;
    padding-left:         1em;
}
ul.bullet li {
    padding-bottom:     0.3em;
}
ul.bullet_3 {
    list-style-position: outside;
    list-style-type:     disc;
    margin:             0.3em 0em 0.6em 1em;
    padding-left:         1em;
}
ul li.bullet {
    list-style-position: outside;
    list-style-type:     disc;
}
ul.bullet_3 li, ul li.bullet {
    padding-bottom:     0.3em;
}
ul.dot li {
    list-style-image:     url('http://www.kaboose.com/img/css_images/dot.gif');
    list-style-position: outside;
    list-style-type:     disc;
    margin:             0 0 0 1em;
    padding:             0 0 0 0;
}
ol {
    list-style-position: outside; 
    list-style-type:     decimal;
    margin:             0em 0em 1em 1em; 
    padding-left:         1.5em; 
}
ol li { 
    padding-bottom:     0.5em;
}


 /* CSS Workarounds
--------------------------------------------------------------------*/
 /* clearfix (already applied on #body)
--------------------------------*/
.clearfix:after, #body:after, #subnav:after, #sponsors:after  {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix, #body, #subnav, #sponsors  {
    display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html #body, * html #subnav, * html #sponsors  {height: 1%;}
.clearfix, #body, #subnav, #sponsors {display: block;}
/* End hide from IE-mac */



/* Revisions to the tab styles (June 14)
    - added a top margin to the tabs because we will now allow two rows
    - changed the height of tabheadertall to accomodate the new top margin
    - added .tabheadertall2 for when we need two rows of tabs
--------------------------------*/
.box .tabheadertall {
  position: relative;
  height: 58px;
}
.box .tabheadertall2 {
  position: relative;
  height: 69px;
}

.box ul.tabs li a {
    margin-top:    5px;
}


 


/* Tower ad container (added June 25)
--------------------------------*/
.towerContainer {
    width:        160px;
    margin-bottom:    10px;
    text-align:    center;
}

/* House ad text links (added June 25, modified July 9)
--------------------------------*/
.text-ads a { font:11px Arial; color:#666; }
.text-ads a, .text-ads a:link, .text-ads a:visited { text-decoration:none; }
.text-ads a:active, .text-ads a:hover { text-decoration:none; }
.text-ads a .title, .text-ads a .title b { font:bold 11px Arial; color:#27a3b3; text-decoration:underline; }
.text-ads a .desc { font:11px Arial; color:#666; }
.text-ads a .url { font:10px Arial; color:#27a3b3; }
.text-ads h3 { font: 11px Arial; font-weight: bold; color: #666; margin-top: 5px; margin-bottom: 5px;}
 


/* Small right sash box (added July 4)
--------------------------------*/
#contextual .smallBox {    
    background:     #eae9e2 url(http://www.kaboose.com/img/css_images/box_joinus_bgrd.gif) no-repeat;
    padding:    10px 20px 5px 10px;
    margin-bottom:    10px;
}
#contextual .smallBox p {
    font-size:            14px;  
    font-family:         Georgia,verdana,arial,sans-serif;
    color:                 #645932;
    font-weight:         normal;
}
#contextual .smallBox a {
    margin:        8px 0px 0px 0px;
    font-size:            14px;  
    font-family:         Georgia,verdana,arial,sans-serif;
    color:        #27a3B3;
}
 

.feature_sponsor {
  margin: 0 auto;
  width: 260px;
}

 
/* Medium right sash box (added July 4)
--------------------------------*/
#contextual .mediumBox {    
    background:     #dfeef0 url(http://www.kaboose.com/img/css_images/box_tv_bgrd.gif) no-repeat;
    padding:    10px;
    margin-bottom:    10px;
}
#contextual .mediumBox p {
    margin:        8px 0px 0px 0px;
}
/* Large right sash box (added July 4)
--------------------------------*/
#contextual .largeBox {    
    background:     #ebe9e2 url(http://www.kaboose.com/img/css_images/box_quiz_bgrd.gif) no-repeat;
    padding:    10px;
    margin-bottom:    10px;
}
#contextual .largeBox p {
    margin:        8px 0px 0px 0px;
}

 

#ad_intrusive_code {
  position:absolute; right:0px;
}

#sponsors table, #sponsors tbody, #sponsors tr, #sponsors td,
.freeContestPromo table, .freeContestPromo tbody, .freeContestPromo tr, .freeContestPromo td,
.freeBannerContainer table, .freeBannerContainer tbody, .freeBannerContainer tr, .freeBannerContainer td,
.sponsorContainer table, .sponsorContainer tbody, .sponsorContainer tr, .sponsorContainer td,
.towerContainer table, .towerContainer tbody, .towerContainer tr, .towerContainer td,
.feature_sponsor table, .feature_sponsor tbody, .feature_sponsor tr, .feature_sponsor td,
.leaderboardContainer table, .leaderboardContainer tbody, .leaderboardContainer tr, .leaderboardContainer td,
.largeRecContainer table, .largeRecContainer tbody, .largeRecContainer tr, .largeRecContainer td {
  padding: 0;
  margin: 0;
}

div.largeRecContainer {
  background: transparent url(http://www.kaboose.com/img/ad_images/ad_label_largerec.gif) no-repeat scroll left top;
  padding-top:10px;
}

.feature_sponsor {
  background: transparent url(http://www.kaboose.com/img/ad_images/sponsor_ad_label.gif) no-repeat scroll left top;
  padding-left:10px;
}
 

 
.box {
    border: 1px solid #e1dfd6;
    margin-bottom: 10px;
    clear: both;
    /*position: relative;*/
    zoom: 1; /* trigger hasLayout */
}
/* Box Colors */
.box .header {
    position: relative;
    padding: 6px 10px 7px 10px;
    background: #f2f0dd;
}
.box.alt .header {
    padding-top: 7px;
}
 
.box.green .header, fieldset.box.green .header {
    background: #e9f5ce;
}
 
.box.green_alt {
    background: #edf6d7 url(http://commassets.kaboose.com/themes/kab/i/community_green_bg.jpg) right no-repeat;
}
 
.box.green_alt_2 {
    background: #edf6d7 url(http://commassets.kaboose.com/themes/kab/i/community_green_alternate_bg.jpg) bottom no-repeat;
}
 
.box.green_alt_3 {
    background: #edf6d7 url(http://commassets.kaboose.com/themes/kab/i/community_green_alternate_2_bg.jpg) no-repeat;
}
 
.box.green_alt_4 {
    background: #edf6d7 url(http://commassets.kaboose.com/themes/kab/i/box_finder_bgrd.gif) bottom no-repeat;
}
 
.box.green_alt_5 {
  background: #edf6d7 url(http://commassets.kaboose.com/themes/kab/i/community_green_alternate_3_bg.jpg) top right no-repeat;
}
 
.box.green_alt_6 {
    background: #E9F5CE url(http://commassets.kaboose.com/themes/kab/i/box_poll_bg.gif) top right no-repeat;
}
.box.green_alt_7 {
    background: #E9F5CE url(http://commassets.kaboose.com/themes/kab/i/box_loggedout.gif) no-repeat bottom left;
}
.box.blue .header, .box.blue .tabs {
    background: #dfeef0;
}
.box.green .header, .box.green .tabs {
    background: #E9F5CE;
}
.box.blue_alt {
    background: #E4F2F5 url(http://commassets.kaboose.com/themes/kab/i/community_blue_bg.jpg) top right no-repeat;/*dfeef0*/
}
 
.box.blue_alt_2 {
    background: #E4F2F5 url(http://commassets.kaboose.com/themes/kab/i/community_blue_alternate_bg.jpg) top right no-repeat;/*dfeef0*/
}
 
.box.blue_alt_3 {
  background: #E4F2F5 url(http://commassets.kaboose.com/themes/kab/i/community_blue_alternate_2_bg.jpg) bottom right no-repeat;/*dfeef0*/
}
 
.box.brown .header {
    background: #e8e5e0;
}
 
.box.brown_alt {
    background: #e8e5e0 url(http://commassets.kaboose.com/themes/kab/i/community_brown_bg.jpg) no-repeat;
}
 
.box.brown_alt_2 {
    background: #e8e5e0 url(http://commassets.kaboose.com/themes/kab/i/community_brown_alternate_bg.jpg) top right no-repeat;
}
 
.box.brown_alt_3 {
    background: #e2dfd6 url(http://commassets.kaboose.com/themes/kab/i/box_brand_bgrd.jpg) no-repeat;
}
 
.box.brown_alt_4 {
  background: #e2dfd6 url(http://commassets.kaboose.com/themes/kab/i/community_brown_alternate_2_bg.jpg) no-repeat;
}
 
fieldset.box.light_brown .header {
    background: #f2f0dd;
}
 
.box.light_brown_alt {
    background: #f2edd9 url(http://commassets.kaboose.com/themes/kab/i/community_light_brown_bg.jpg) bottom no-repeat;
}
.box.light_brown_alt_2 {
    background: #F2F0DD url(http://commassets.kaboose.com/themes/kab/i/community_brown_alternate_5_bg.gif) top right no-repeat;
}
 
.box.alt .header {
    background: none;
}

/* Box Headers */
 
.box h1 {
    margin: 0;
}
 
 
.box h2.center {
    float: none;
    display: block;
    text-align: center;
}
 
.box h3 {
    display: inline;
    padding-bottom: 5px;
}
 
.box h3 span {
    color: #666666;
}
 
/* Box Definition Lists */
.box dl {
    margin: 5px 0 15px 0;
}
 
#right_sash .box dl {
    margin-bottom: 0;
}
.box dl.details dt {
    width: 27%;
}
.box dl dt {
    width: 57%;
    float: left;
    display: inline;
    clear: left;
}
.box dl dd {
    width: 38%;
    float: left;
    margin: 0;
}
*+html .box dl dd { /* IE 7 */
    width: auto;
    float: none;
    margin-left: 57%;
}
* html .box dl dd { /* IE 6 */
    width: auto;
    float: none;
    margin-left: 57%;
    height: 1%; /* fix the 3px jog */
}
.box dl dt, .box dl dd {
    margin-bottom:6px;
}
 
div.box {
  /* padding-bottom: 16px; */
  padding-bottom: 0px;
}


.box textarea {
  width:350px;
}



/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */