/* ----------------------------------------------------- */
/* TITLE: 1st Purton and Lydiard Scout Group Website, v3 */
/* AUTHOR: Andrew Tedstone                               */
/* CREATED: May 2009 (v3.gui3)		                     */
/* Use in conjunction with TRIPOLI.						 */
/* ----------------------------------------------------- */

html, body {
  height:100%;
  margin:0;
  padding:0;
}

body {
  background:#D8D1DF;
  font-size:0.8em;
  position:relative;
  font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
   min-width:950px;
  width:82%;
  margin-left:auto;
  margin-right:auto;
  
}

 

#container{
 /*
 margin-left:auto;
 margin-right:auto;
 position:relative;*/

 position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

#container2.cb{
 top:-30px;
 position:relative;
}

#container2.cbb{
 top:-20px;
 position:relative;
} 

/* Background-Specific */
/*#bg{top:0; left:0;width:auto; position:fixed}*/
#bg{position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
	}

#title #showbg{ 
 color:#ececec;
 font-size:0.7em;
 z-index:2;
 position:absolute;
 bottom:35px;
 right:20px;
 text-decoration:underline;
 line-height:150%;
} 

#showcontent{ 
 display:none; 
 position:absolute; 
 color:white; 
 font-weight:bold; 
 font-size:1.3em; 
 margin:10px;
 z-index:2;
}

/* TinyMCE-specific (Admin use) */
body.mceContentBody {background:white; padding:10px 40px 10px 40px;width:auto !important; min-width:0 !important; font-size:0.7em !important}



/* LOGIN WIDGET ########################################################*/
#login_upperwidget{
 /*background:url(../images/bgs/purple-opacity80.png);*/
 background:#43285D; /* for browsers that don't support RGBA or decent PNG transparency - ahem IE, looking at you */
 background: rgba(50, 20, 79, 0.8); 
 padding:10px;
 color:white;
 text-align:right;
 line-height:110%;
 border-top:6px solid #454545;
}

#login_upperwidget label{
 font-size:0.75em;
 background:0;
 padding-left:0;
} 

#login_upperwidget a{
 color:white;
 text-decoration:none;
} 

#login_upperwidget .actionidentifier{
 font-size:1.25em;
} 

#login_upperwidget .actionidentifier strong{
 font-weight:bold;
}

.link_mydetails{
 background:url('../images/other/profile.png') no-repeat right center;
 padding-right:25px;
 line-height:150%;
 height:25px;
 display:block;
 text-align:bottom;
}

.link_logout{
 background:url('../images/other/exit.png') no-repeat right center; 
 padding-right:25px;
 height:25px;
 display:block;
 text-align:bottom;
}

.link_admin{
background:url('../images/other/arrow.png') no-repeat right top;
 padding-right:25px;
 height:25px;
 display:block;
 text-align:bottom;
} 


/* styles applied if non-extendable.*/
#login_upperwidget.nonextendable label, #login_upperwidget.nonextendable p{
 display:inline;
} 

#login_upperwidget.nonextendable .actionidentifier, #login_upperwidget.nonextendable .action_content, #login_upperwidget.nonextendable form {
 display:inline;
 }

/* Styles for extendable. */
#login_upperwidget a.actionidentifier:hover{
 color:#9F9F9F;
} 

#login_upperwidget.extendable{
 right:0px;
 position:absolute;
 z-index:2;
 margin-right:20px;
}  

#login_upperwidget .contracted{
 display:none;
}

#login_upperwidget.extendable .action_content{
 margin:10px 0 10px 0;
} 

#login_upperwidget a.loginlost{
 margin-top:8px;
 font-size:80%;
 text-decoration:underline;
} 



/* SCOUT GROUP BANNER ########################################################*/
#title{
 margin:0 0 0 20px;
 top:10px;
 position:relative;
 z-index:1;
 clear:both;
}
      
#title h1{margin:0; padding:0; display:inline; font-family:"trebuchet ms";}
#title .print{display:none}
#title a{padding:0px; margin:0px; color:black; text-decoration:none;}

#title .scoutlogo{
  display:none;
}
      

/* NAVIGATION BAR ############################################################*/

/* Main Styles */
#nav{
 /*background:#9DC006 url(../images/bgs/navbg.png) repeat-x scroll;*/
 background:#9DC006 url(../images/bgs/whitefade.png) repeat-x bottom;
 margin-bottom:25px;
 margin-top:10px;
} 


.endspan{
 clear:both;
 display:block;
} 

#nav ul{
 padding:0px 0px 0px 20px;
}


#nav ul li{
 border-right:1px solid white;
 display:block;
 list-style-type:none;
  float:left;
}
 
#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited, #nav ul li a:hover{
 display:block;
 margin:0px 20px 0px 20px;
 color:white;
 font-weight:bold;
 text-decoration:none;
 padding:4px 0 4px 0;
}

#nav ul li a:hover{
 text-decoration:underline;
}                                                                             
                

/* Sub-nav Styles */
#nav ul li ul li{
  padding:3px 0px 3px 0px;
  display:list-item;
  float:none;
  margin:2px 0px 2px 0px;
  border:0;
}
            
#nav li ul{
  position: absolute;
  left: -999em;
  margin:0px;
  padding:0px 0px 0px 0px;
  /*background:url(../images/bgs/purple-opacity80.png);*/
  background:#43285D; /* for browsers that don't support RGBA - ahem IE, looking at you */
  background: rgba(50, 20, 79, 0.9); 
  width:12.5em;
  z-index:100;
}
               
#nav ul li ul a.nsub:link,#nav ul li ul a.nsub:active,#nav ul li ul a.nsub:visited,#nav ul li ul a.nsub:hover{
  color:white;
  padding:5px 0px 6px 10px;
  margin:0px 4px 0 4px;
  font-size:0.9em;
  font-weight:bold;
}
                                                        
#nav ul li ul a.nsub:hover{
  background: url(../images/bgs/whitefade.png) repeat-x center;
  border:0;
}


#nav li ul ul{
  margin: -2em 0 0 4em;
}

#nav li:hover ul ul{
  left: -999em;
}
                        
#nav li.sfhover ul ul{
  left: -999em;
  }
                          
#nav li li:hover ul, .nav_main li li.sfhover ul{
  left:auto;
}

#nav li:hover ul{
  left:auto;
  /*border: 1px solid #cccccc;
  border-left:10px solid #cccccc;*/
  padding: 0px;
}
                     
#nav li.sfhover ul{
  left:auto;
  /*border: 1px solid #cccccc;
  border-left:10px solid #cccccc;*/
  padding: 0px;
}

#nav .selected{
 background: url(../images/bullets/flag_purple.png) no-repeat right center;
 background-color:none;
 text-decoration:underline !important;
} 
                       
/* SIDEBAR SECTION ###########################################################*/  
#sidebar{
  float:right;
  text-align:right;
  width:20%;
  z-index:100;
 /* background:#9DC006 url(../images/bgs/navbg.png) repeat-x scroll;*/
 background:#4C2076 url(../images/bgs/whitefade.png) repeat-x;
}



#sidebar_content .sidebar_section li{
  list-style-type:none;
  margin:6px 0px 6px 0px; 
}

#sidebar_content .sidebar_section li a{
  color:white;
  text-decoration:none;
  display:block;
  padding:4px 4px 5px 2px;
  font-size:0.9em;
  margin-bottom:1px;
}

#sidebar_content .sidebar_section li a:hover{
  /*border-bottom:1px solid gray;
  padding-bottom:4px;*/
  color:white;
  background:url(../images/bgs/whitefade.png) repeat-x center;
}

#sidebar a.selected {
 background: url(../images/bgs/whitefade.png) repeat-x center;
 font-weight:bold;
} 


#sidebar h2{
 color:white;
 font-size:1.3em;
}

#search{
 margin-bottom:1em;
}
 
#search input[type='text']{
 background:#ececec;
 font-family:verdana;
 color:black;
margin:0;
font-size:0.85em;
padding:4px;
font-style:italic;
} 

#search button {
background:transparent url(../images/bullets/search.png) no-repeat scroll 0 0;
border:0;
cursor:pointer;
font-size:1.1em;
height:25px;
right:5px;
top:2px;
width:25px;
position:relative;
}

#search button span{
 visibility:hidden;
}
#advert{
text-align:center;
}

 


  
                       
                       
/* CONTENT SECTION ###########################################################*/

/* Holds sidebar and content containers */
#main{ 
  width:100%;
}


/* Generic Styling of HTML Markup, eg H1 */
.content{
  padding:0% 1% 1% 3%;
  line-height:160%;
  background-color: white;
  width:70%;
  font-size:0.9em;  
} 


.content h1{
 color:#4C2076;
 font-weight:bold;
 word-spacing:0.1em;
 letter-spacing:-0.1em;
 margin:0.5em 0 0.5em -1%;
 padding:3px;
 border-left:5px solid #4C2076;
 border-bottom:2px dotted #CFCFCF;
 font-size:1.7em;
} 


.content h2{
  font-weight:bold;
  font-size:1.3em;
  color:gray;
  padding-bottom:0;
  margin-bottom:0;
  margin-top:25px;
}

.content h3{
  font-weight:normal;
  font-size:1.2em;
  color:gray;
  padding-bottom:0;
  margin-bottom:0;
  }
      
.block{
       display:block;
      }
      
label{
  font-size:85%;
  background: url(../images/bullets/leftarrow.png) no-repeat;
  padding-left:15px;
  margin-top:15px;
  display:block;
}
     
p{margin-top:4px; margin-bottom:10px;}     

.content ul{margin-left:12px;}
.content ul li{list-style-type:disc;list-style-position:inside;padding:2px;}
.content ul li ul li{list-style-type:circle;}
     
img{
  border:0
}

.endspan{
 clear:both;
 display:block;
} 


.geoLink{
 background:url('../images/bullets/map_16.png') no-repeat left;
 padding-left:18px;
 color:blue;
 text-decoration:none;
 border-bottom:1px dashed blue;
}  


/* Generic Rounded Boxes */
.bl {background: url(../images/rc/bl.gif) 0 100% no-repeat;}
.br {background: url(../images/rc/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/rc/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/rc/tr.gif) 100% 0 no-repeat; padding:7px;}
.clear {font-size: 1px; height: 1px}
/* new rounded boxes */
.roundtop{background: url(../images/rc/tr.gif) no-repeat top right; text-align:left;}
.roundbottom {background: url(../images/rc/br.gif) no-repeat bottom right; text-align:left;}
img.corner{border: none; display: block !important;}


     

/* Error Report Styles - IE can't cope with pseudo-elements yet so :before and :after only for Gecko */
blockquote{
  font-style:italic;
  font-family:courier;
  width:70%;
  border:1px solid black;
}
          
blockquote:before{
  content:"MySQL Error Report";
  font-weight:700;
  display:block;
  background-color:red;
  color:white;
  padding-left:4px;
}
                 
blockquote:after{
  content:"[ends]";
  display:block;
  font-style:italic
}

.errormessage{
  color:red; 
  font-weight:700;
  font-style:italic;
  display:block;
}



/* MODULE-SPECIFIC STYLES (A-Z) ##################################################*/
/* Blog */
.blogintro{
  background:url(../images/other/stripebg.gif) repeat-x top #e5e5e5;  
  font-size:90%;
}  

.blogpost{
  margin-bottom:30px;
}

.blogpost h3{
  margin-bottom:4px;
  padding:0px 0px 0px 0px;
  border-bottom:1px solid gray;
}


/* ------ blog sub style: Jamboree (no longer in use - just keep here as demo) */
.blogid1 .blogpost{
  padding-bottom:20px;
  background: url(../images/logos/jamboree.jpg) no-repeat bottom right; 
}  


.blogid1 #absolutebannercontainer{
  width:90px;
  height:90px;
  position:absolute;
  top:0px;
  left:0px;
  background: url(../images/2007/assoc2.gif) no-repeat top left; 
}  
   


/* Contact Us */
ul.contactlist{
  list-style-image: url(../images/bullets/contact.png);
  padding-top:7px;
}

ul.contactlist li{
  margin-bottom:15px;
}



/* GMaps (ok, so it isn't technically a module....) - admin cases are in admin stylesheet. */
.gMapModal{   /* for cases where it will be shown in a thickbox. */
 top:-9999px; 
 position:absolute;
} 

.gMapViewing h3{
 font-size:150%;
} 

.gMapViewing #gMap{
 width:500px;
 height:300px;
}

 

/* Home Page (Index.Mod) */
/* Note: some parts of this module are styled via their style attributes. */
#content.index .section-hilite{
 background-color:#ddd;
 background-repeat:no-repeat;
 background-position:10px center;
 font-size:0.9em;
 margin-top:15px;
 padding-bottom:10px;
} 


#content.index h2{
 color:#4C2076;
 border:0px;
 font-size:2em;
 margin:0;
 padding:8px 0px 7px 5px;
 word-spacing:0.1em;
 letter-spacing:-0.1em;

} 

#content.index h2 a{
 float:right;
 font-size:0.7em;
 color:white;
 text-decoration:none;
 margin-right:10px;
} 
 
#content.index .section-hilite .findout{
 font-style:italic;
 text-align:right;
 text-decoration:underline;
 background:none;
 } 



#content.index .section-hilite a.findout:hover{
 background:none;
 color:black;
 text-decoration:none;
} 
 
#content.index .section-hilite a, #content.index .section-hilite p {
 padding:3px;
 color:black;
 display:block;
 text-decoration:none;
 font-size:1em;
 background:white;
 margin:1em;
}


#content.index .sectionpic{
margin-left:10px;
float:right;
display:block;
} 

 

#home_Updates a{
 margin:0.3em !important;
}

#content.index .section-hilite a strong{
 font-size:1.1em;
} 

#content.index .section-hilite a:hover{
/*background: #9DC006 url(../images/bgs/navbg.png) repeat-x;
 background-color:#9DC006;*/
 background:#ececec;
 color:black;
} 


#content.index .section-hilite .aboutsection{
margin-top:10px;
margin-left:0;
color:white;
font-weight:bold;
text-align:left;
background:none;
text-decoration:underline;
overflow:auto;
}

#content.index .section-hilite a.aboutsection:hover{
 background:none;
 text-decoration:none;
 color:white;
} 

#content.index .section-hilite a.piclink{
background:black;
background:rgba(0,0,0,0.7);
/*width:290px;*/
color:white;
margin:0;
padding:0px;
position:relative;
margin-top:-60px;
height:60px;
}

/* required due to box-model discrepancies. */
#content.index .section-hilite a.piclink div{
padding:3px;
}

#content.index .section-hilite a.piclink span.albumtitle{
font-weight:bold;
font-size:120%;
background:url("../images/bullets/camera.png") no-repeat left center;
padding-left:20px;
padding-right:10px;
}


#content.index .section-hilite a.proglink{
/*height:180px;*/
display:block;
overflow:auto;
margin:0;
padding:0 15px 0 15px;
min-height:150px;
}

#content.index .section-hilite a.proglink div.progheader{
font-weight:bold;
font-size:120%;
background:url("../images/bullets/calendar.png") no-repeat left center;
margin:10px 0 10px 0;
padding-left:20px;
}

#content.index .ui-tabs-vertical { margin-left:10px;}
#content.index .ui-tabs-vertical ul { float:left; width:160px; margin: 40px -1px .2em 0;  }
#indextabs ul li { list-style-type:none; padding:1em;}
#content.index .ui-tabs-vertical  li a { display:block; }
#content.index .ui-tabs-selected{ margin-left:-10px;}
/*#content.index .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }*/
#content.index .ui-tabs-vertical .ui-tabs-panel { margin-left:160px; margin-top:0em; padding:20px; }
.ui-tabs-hide{display:none}


#indextabs{
margin-top:1em;
background:url('../../moduleresources/home/whatsonpostit.png') no-repeat left top;
padding-top:35px;
}



/* Login */
#content.login form{
background: #ececec;
display:inline-block;
padding:10px 70px 10px 20px;
}

#content.login form p{
padding-bottom:4px;
margin:0;
}

#content.login form label{
margin:0;
font-weight:bold;
}


/* News */
ul.newslist{
  list-style-type:none;
}
           
ul.newslist li{
  margin-bottom:7px;
}
              
div.newsitem{
  margin-left:16px;
  margin-top:1px;
}
          
a.news:link, a.news:active, a.news:visited, a.news:hover{
  color:black;
  text-decoration:none;
}
                                                                                
h2.newsh2{
  display:inline;
}

   
         
/* Paperwork */


#pHolder{
 width:100%;
} 	 
		  
.pContent{
  font-size:105%;
  line-height:160%;
  background:#ececec;
  padding:10px;
}
	
#pHolder h2{
  font-style:normal; 
  padding:9px;
  background:#dddddd;
  color:#471c71;
  margin:0;
  border-top:1px solid white;
}

#pHolder h2:hover{
 cursor:pointer;
} 



                 
/* Pictures */
/*table.pictable{
               border:0;
              }
              
table.pictable td{
                  width:50%;
                  text-align:center;
                  padding-bottom:5%;
                  font-family:"trebuchet ms";
                 }
                 
table.pictable td img{
                      border:2px double #c5c5c5;
                      padding:1px;
                      margin-bottom:10px;
                     }*/
                     
                     
.photo{
  margin:12px 10px 10px 10px;
  float:left;
  width:290px;
text-align:center;
}

.photo img{
  border:2px double #c5c5c5;
  padding:1px;
} 

.photo span{
 display: block;
 }
                        
                     
div.picsdes{
          background-color:#f5f5f5;
          padding:10px;
          margin-top:30px;
         }
         
.picturesearch{
  background-color:#e5e5e5;
}

.picturesearch h2{
 margin-top:3px !important;
 padding:0;
 }

.picturesearch ul{
 margin:5px;
 height:8em; 
 background:white; 
 overflow:auto; 
 padding:1px; 
 text-size:85%;
 border:1px solid gray;
 position:relative;
 width:30em;
}

.picturesearch ul li{ 
 padding:0; 
 margin:0;
 list-style-type:none;
}

.picturesearch ul li a{
 text-decoration:none; 
 color:black; 
 display:block;
 padding-left:2px;
 }

.picturesearch ul li a:hover{
 background-color:#3399FF; 
 color:white;
 }

.picturesearch ul li a:visited{ 
 color:gray;
 }
 

                 
/* Programmes */
table.progtable{
  border:0px;
  text-align:left;
}
               
table.progtable th{
  border-width:0px 0px 2px 0px;
  border-style:solid;
  border-color:white;
  background-color:#663399;
  padding:5px 0px 5px 10px;
  color:#ececec;
}
               
table.progtable tr{
  border-top:2px solid white;
  border-bottom: 2px solid white;
}
                  
table.progtable td{
  padding:5px 0px 5px 10px;
  border-width:2px 0px 2px 0px;
  border-style:solid;
  border-color:white;
}

table.progtable .dark td{
  background-color:#dfdfdf;
}
                     
table.progtable .light td{
  background-color:#f5f5f5;
}
                      
.rc-t-l{
  background: url(../images/rc/tl.gif) no-repeat left top;
}
       
.rc-t-r{
  background: url(../images/rc/tr.gif) no-repeat right top;
}
    
.prognote{
  font-size:90%; 
  font-style:italic; 
  padding-top:6px;
}     

#pastprogs {
    list-style: none;
    margin: 0;
    padding: 0;
}
#pastprogs li.folder {
    background: url(../images/bullets/rightarrow.png) left 3px no-repeat;
    padding-left: 16px;
	list-style-type:none;
}

#pastprogs a {
    cursor: pointer;
}
#pastprogs a:hover {
    text-decoration: underline;
}
 



/* Sitemap */
.sitemap{
  padding:5px;
}

.sitemap li{
  list-style-type:none;
  display:block;
  color:#ececec;
  background-color:#ececec;
  margin-bottom:45px;
}
           
.sitemap li a{
  line-height:200%;
  padding-left:10px;
}
           
.sitemap li ul{
  background-color:white;
  border:2px solid #ececec;
  padding-top:5px;
}

.sitemap li ul li{
  display:inline;
  margin-right:20px;
  background-color:white;
  padding:0px;
  margin-bottom:0px;
}
                 
.sitemap li ul li a{
  font-style:italic; 
  padding-left:0px
}

                  
                  
/* MISCELLANEOUS ############################################################ */                      
/* Light-Up Inputs */
.inputsLU-S{
  background-color:#C5DE78; 
  border:1px solid #cccccc; 
}

.textinput{
  border:1px solid #cccccc
}

/* Other */     
.no-css-display{
  display:none
}

.hitcounter{ /* For hit counter on home page */
  margin:0; 
  padding:0; 
  visibility:hidden;
}

a.hrefbutton:link,  a.hrefbutton:active,  a.hrefbutton:visited,  a.hrefbutton:hover{ /* Obsolete? */
  background-color:#ececec;
  padding:6px 10px 6px 10px;
  border:1px solid gray;
  color:black;
}
																					
a.hrefbutton:hover{ /* Obsolete? */
  border:1px solid black;
}

.loginerror{
 color:white; font-size:120%; background:#df0000 url(../images/bgs/error.png) repeat-x; padding:10px; 
 }

											  		
                

/* FOOTER ####################################################################*/
#footer{
 /*background:url(../images/bgs/purple-opacity80.png);*/
 background:#43285D; /* for browsers that don't support RGBA or decent PNG transparency - ahem IE, looking at you */
 background: rgba(50, 20, 79, 0.8); 
 font-size:0.7em;
text-align:right;
 padding:10px;
 color:white;
 line-height:130%;
} 

#footer .adminlink{
 float:left;
 color:gray;
} 

#footer .validationlinks{
 display:none;
 border:3px solid gray;
 background-color:#ececec;
 text-align:left;
 position:relative;
 padding:5px;
} 

#footer .validationlinks a{
 color:black;
} 


/* section inside main container */
#bottomlinks{
  clear:both;
  list-style-type:none;
  padding:5px;
  margin-top:15px;
  font-size:0.9em;
  border-top:1px solid #ececec;
  border-bottom:1px solid #ececec;
  float:right;
}

#bottomlinks li{
 float:right;
  padding-left:15px;
  list-style-type:none;
}

#bottomlinks a{
 color:#454545;
 text-decoration:none;
} 

#bottomlinks a:hover{
 text-decoration:underline;
} 













/* SECTION STYLING ####################################################################*/

/* Beavers */
body.Beavers #content{
} 

body.Beavers #sidebar{
background:#084766 url(../images/bgs/whitefade.png) repeat-x scroll;
}

body.Beavers #content  h1{
color:#084766;
border-left:3px solid #084766; 
}

#nav li.Beavers ul{
background:rgba(8,71,102,0.9);
}

#content.index #index_Beavers{
background-color:#084766;
}

#content.index li.index_Beavers{
background:#084766;
}

body.Beavers #content table.progtable th, body.Beavers #content #pHolder h2{
background:#42728A url(../images/bgs/whitefade.png) repeat-x bottom;
color:white;
}



/* Cubs */
body.Cubs #content{
} 

body.Cubs #sidebar{
background:#8B0066 url(../images/bgs/whitefade.png) repeat-x scroll;
}

body.Cubs #content  h1{
color:#8B0066;
border-left:3px solid #8B0066; 
}

#nav li.Cubs ul{
background:rgba(139,0,102,0.9);
}

#content.index #index_Cubs{
background-color:#8B0066;
}

#content.index li.index_Cubs{
background:#8B0066;
}

body.Cubs #content table.progtable th, body.Cubs #content #pHolder h2{
background:#A23585 url(../images/bgs/whitefade.png) repeat-x bottom;
color:white;
}

/* Scouts */
body.Scouts #content{
} 

body.Scouts #sidebar{
background:#ED7800 url(../images/bgs/whitefade.png) repeat-x scroll;
}

body.Scouts #content  h1{
color:#E47800;
border-left:3px solid #e47800; 
}

#nav li.Scouts ul{
background:rgba(237,120,0,0.9);
}

#content.index #index_Scouts{
background-color:#ED7800;
}

#content.index li.index_Scouts{
background:#ED7800
}

body.Scouts #content table.progtable th, body.Scouts #content #pHolder h2{
background:#F0973C url(../images/bgs/whitefade.png) repeat-x bottom;
color:white;
}



/* Explorers */
body.Explorers #content{
 background: url(../images/logos/explorer.GIF) no-repeat bottom right;
 padding-bottom:100px;
} 

body.Explorers #sidebar{
background:#944711 url(../images/bgs/whitefade.png) repeat-x scroll;
}

body.Explorers #content  h1{
color:#944711;
border-left:3px solid #944711; 
}

#nav li.Explorers ul{
background:rgba(148,71,17,0.9);
}










/* - CBB ########################################################################## */

#wrap {
	max-width:50em;
	margin:0 auto;
}
* html #wrap {width:50em}
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	padding:1em;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../scripts/cbb/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../scripts/cbb/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../scripts/cbb/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../scripts/cbb/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../scripts/cbb/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../scripts/cbb/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:1em; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(../scripts/cbb/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../scripts/cbb/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(../scripts/cbb/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(../scripts/cbb/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(../scripts/cbb/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(../scripts/cbb/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(../scripts/cbb/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(../scripts/cbb/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(../scripts/cbb/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}


<!--[if lt IE 8]>
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(../scripts/cbb/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(../scripts/cbb/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(../scripts/cbb/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(../scripts/cbb/button.gif);}
<![endif]-->