/* Cubs Style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #505050;
       background: #ffffff;
       text-align: center;
     }


/* blocks */
#outer             { position: absolute; top: 215px; left: 0; width: 100%; }
#wrapperouter      { margin: 0 auto; width: 760px; }
#wrapper           { margin: 0 auto; width: 760px; text-align: left; padding-bottom: 20px; background: url(../gifs/wrapperbg.jpg) bottom center no-repeat; }
body.dce #wrapper  { width: 810px; background-image: none;}
#content           { float: right; width: 760px; font-size: 75%; display: inline; margin: 0; padding: 0; background: url(../gifs/contentbg.jpg) center top repeat-y; line-height: 1.5em;}
body.dce #content  { width: 810px; background-image: none;}
#leftcol           { float: left; width: 165px; display: inline;  font-size: 75%; margin-left: 20px; text-align: center; padding-bottom: 300px;
                     background: url(/schema/gifs/leftcolbg.gif) top left no-repeat; }

#clear             { clear: both;}
#footer            { clear: both; margin: 10px auto 0 auto; width: 760px; height: 65px; line-height: 65px; text-align: center; background: url(../gifs/footerbg.gif) center left repeat-x; }
#copyright         { clear: both; margin: 0 auto; width: 760px; margin-top: 5px; font-size: 65%; color: #b5a6a6; text-align: center; }

#topouter          { position: absolute; top: 0; left: 0; width: 100%; }
#topnav            { position: absolute; top: 0; left: 50%; margin-left: -380px; width: 760px; background: url(../gifs/topnavbg.gif) center center no-repeat; float: right; height: 35px; text-align: right; font-size: 75%;}
#mainnav           { position: absolute; top: 179px; left: 50%; margin-left: -380px; width: 760px; height: 34px;
                     font-size: 75%; background: url(../gifs/mainnavbg.gif) center center no-repeat; z-index: 2;
                     text-align: left; line-height: 34px; }
#logo              { position: absolute; top: 35px; left: 50%; margin-left: -380px; height: 88px; width: 153px; z-index: 3;}
#headerimage       { position: absolute; top: 30px; left: 50%; margin-left: -380px; height: 156px; width: 760px; text-align: right; z-index: 1;}
#scouts            { position: absolute; top: 38px; left: 50%; margin-left: -380px; width: 760px; height: 134px; text-align: right; z-index: 2;}
#chooser           { background-image: none; background-color: #fff; }
                  

/* topnav */
#topnav ul.topmenu      { list-style-type: none; margin: 2px 10px 0 0; padding: 0; }
#topnav li              { display: inline; margin: 0; padding: 0 7px 0 0; }
#topnav a               { color: #185000; text-decoration: none; padding-left: 14px; background: url(../gifs/topnavabg.gif) center left no-repeat; }                          
#topnav a:hover         { text-decoration: underline; }

/* mainnav */
#mainnav ul.topmenu      { list-style-type: none; margin: 0 0 0 5px; padding: 0; }
#mainnav li              { display: inline; margin: 0; padding: 0 14px 0 0; background: url(../gifs/mainnavlibg.gif) center right no-repeat;}
#mainnav li.last         { background-image: none;}
#mainnav a               { color: #ffffff; font-weight: bold; text-decoration: none; padding-left: 14px;  }                          
#mainnav a:hover         { text-decoration: underline; }


/* footer */
#footer p   { line-height: 65px; height: 65px; margin: 0; padding: 0; }
#footer img { margin-left: 6px; margin-right: 6px; margin-top: 11px; }

/* section headers */
#scouts img { margin-right: 5px;}

h1, p.header1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 120%;
  color: #fff;
  margin: 0;
  padding: 5px 0 0 20px ;
  width: 740px !important; 
  width: 760px;
  height: 34px !important; 
  height: 39px;
  background: url(../gifs/h1bg.jpg) center center no-repeat;
  /* Page Title */
}


body.dce h1, body.dce p.header1 {
  background-image: none;
  color: #260063;  
}

h2, p.header2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #9d1600;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0;
  padding-top: 0;
  /* Section Title */
}

h3, p.header3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #39008F;
  margin-left: 20px;
  margin-right: 20px  /* Subsection Title */
}
p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
}

#rightcol p {
  margin-left: 0;
  margin-right: 0;
}

p.nomargin {
  margin-left: 0;
  margin-right: 0;
  /* No Margin */
}

p.clearnomargin {
  clear: both;
  margin: 0;
  padding: 0;
}

p.floatleft {
  float: left;
  display: inline;
}

p.floatright {
  float: right;
  display: inline;
}

p.rec {
  margin-right: 0;
  font-size: 90%;
}

p.indent1 {
  margin-left: 40px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 60px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 80px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 100px;
  /* Indented Text 4 */
}

hr {
  margin-left: 20px;
  margin-right: 20px;
}

table {
  margin-left: 20px;
}
body.media table {
  margin: 0;
}


table.default {
  /* No Style */
}

td { font-size: 75%; }

table.default td {
  vertical-align: top;
}

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;

}
ul.round {
  list-style-type: none;
  margin-left: 20px;
  padding-left: 0;
  /* Default markers */
}


td ul.round {
  margin-left: 0;
  margin-right: 20px;
}

ol.norm { /* Ordered list */ }

ul.round li {
  background: url(/schema/gifs/libg.gif) top left no-repeat;
  padding-left: 10px;
  color: #AA71A5; 
}

ul.round li li {
  background: url(/schema/gifs/lilibg.gif) top left no-repeat;  
}



a { color: #B000D6; text-decoration: underline; }
a.anchor { text-decoration: none; }
a.more    { float: right; color: #FF6000; background: url(/schema/gifs/plus.gif) right center no-repeat;
                     padding-right: 10px; text-decoration: underline; font-size: 90%; }
a.more2   { color: #FF6000; background: url(/schema/gifs/plus.gif) right center no-repeat;
                     padding-right: 10px; text-decoration: underline; font-size: 90%; }                     
span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

span.orange {
  color: #FF7800;
  /* Orange Text */
}

img { border: none; }

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }

/* Home Page Table */
table.homepage {
  width: 760px !important; width: 758px;    
  background: url(/schema/gifs/homepagetablebg.gif) center center no-repeat;
  height: 185px;
  margin: 0;
}

table.homepage p {
  margin: 2px 0;  
  padding-top: 2px;
  padding-bottom: 2px;
}

table.homepage td {
  width: 190px !important; width: 189px; 
  vertical-align: top;
  font-size: 70%;
}

table.homepage td.firstH {
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  /* Home Page Table First Header */
}

table.homepage td.secondH {
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  
  /* Home Page Table Second Header */
}

table.homepage td.thirdH {
  color: #fff;
  text-align: center;
  font-weight: bold;  
  height: 30px;
  line-height: 30px;

  /* Home Page Table Third Header */
}
table.homepage td.fourthH {
  color: #fff;
  text-align: center;
  font-weight: bold;  
  height: 30px;
  line-height: 30px;

  /* Home Page Table Fourth Header */
}

table.homepage td.first {
  /* Home Page Table First Cell */
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

table.homepage td.second {
  /* Home Page Table Second Cell */
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;  
}

table.homepage td.third {
  /* Home Page Table Third Cell */
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;  
}

table.homepage td.fourth {
  /* Home Page Table Fourth Cell */
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;  
}

table.homepage td.fourth a {
  text-align: center;
  color: #fff;
  text-decoration: none;  
}

/* Other Lists */
ul.freeImages {
  list-style-type: none;
  color: #7000A4;
  margin: 0 0 0 10px;
  padding: 0;
  line-height: 1.8em;
  /* Free Style Image List */
}

ul.freeImages li {
  padding-left: 20px; 
  
}
ul.freeImages li.heart {
  background: url(/schema/gifs/heart.gif) center left no-repeat;
  /* Free Style Image List - Heart Bullet  */
}

ul.freeimages li.world {
  background: url(/schema/gifs/world.gif) center left no-repeat;
  /* Free Style Image List - World Bullet */  
}

ul.freeimages li.comms {
  background: url(/schema/gifs/comms.gif) center left no-repeat;
  /* Free Style Image List - Comms Bullet */  
}

ul.tickImage {
  list-style-type: none;
  color: #7000A4;
  margin: 0 0 0 10px;
  padding: 0;
  line-height: 1.8em;
  /* Tick Image List */
}

ul.tickImage li {
  background: url(/schema/gifs/tick.gif) center left no-repeat;
  padding-left: 20px; 
}