@import url("footer.css");

@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */


/* =html */
html { background : url(../images/html_bg.png); color : #000; }

/* =body */
body { height : 100% ; width : 100%; color : #000000; font-family : Arial, Helvetica, sans-serif; text-align : center; margin : 0px; }

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0px; padding : 0px; }

h1, h2, h3, h4, h5, blockquote, p, ul, ol { margin : 0 0px; padding : .2em 0; color :#000000; }


/* =h2 */
h2 { font-size : 160%; }

/* =h3 */


/* =h4 */
h4 { font-size : 100%; margin : 0 0px; padding : 2px 0; color:#003300; }
.welcome { color:#003300; }

/* =p */
p, td { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding-top : 7px; line-height:16px;}

/* =td */
td { padding: 3px 3px 3px 3px; }
tr#scouts_heading { background:#7EE111; }

table#scouts { background:#F3F3F3; width:100%; }

/* =a */
a:hover { color : #003300; }
a:active { background-image: none; width: auto; }
a, a:visited { color : #000000; text-decoration : underline; font-size : 0.9em; }
a.popup { color : #CCCCCC; text-decoration : underline; font-size: 0.9em; }

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */

h1#fir_1 { width : 630px; height : 49px; text-indent : -9999px; background-image : url(../images/h1_title.png); background-position : 45px 10px; background-repeat : no-repeat; }

/* =ul */
ul { list-style-type : none; }
ul#regular_list { list-style-type : disc; list-style-position : inside; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 15px; color : #124E9F; font-weight : bold; }

/* =ol */
ol { margin-left : 10px; }

li { font-size : 0.8em; }

/* =form */
form { float : right; padding : 1px 11px 0 3px; }

/* =label/labelspan */
label { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; margin-bottom : .1em; font-weight : bold; }
label, label span { margin-bottom : .1em; }

/* =input */
input { width : 65%; padding : 1px 1px; }
input#submit { margin-top : 2px; margin-left : 105px; width : 30%; padding : 0 .2em; font-size: .6em; }

/* =img */
img#right_fit_img1 { padding-left : 3px; padding-top : 12px;}
img#right_fit_img2 { padding-left : 34px; padding-top : 13px;}
img#right_fit_img3 { padding-left : 20px; padding-top : 9px;}
img#right_fit_img4 { padding-left : 29px; padding-top : 26px;}
img.right_fit_img5 { padding-left : 9px; padding-top : 8px;}
img#rightimg { float : right; padding-right : 35px; padding-top : 5px; }
img.sml_pad { padding-top:3px; }
img.padimg { padding : 6px 13px 9px 12px; }
#print { padding : 6px 25px 0px 12px; }

/* =div */

.clear { clear : both; font-size : 1px; width : 1px; height : 1px; }
.feedback { background-color:#d1d6ca; }
.alpha { background-image : url(../images/alpha_bg.png); }


div#container { margin : 0 auto; background : url(../images/left_img.png) no-repeat; background-position : left top; position : relative; width : 990px;  text-align : left; margin-top : 6px; z-index : 1; }

div#header { position : relative; width : 774px; height : 95px; top : 0px; left : 160px; text-indent:-9999px; background : url(../images/header_bg.png) repeat-x; z-index: 99; }

div#content { width : 100%; height : 604px; padding : 0px 0px 0px 0; top : 95px; }

/* left column divs */
div#content_sub { float : left; width : 141px; height : 300px; padding : 0px 0px 0px 0; margin-left : 0px; }

div#left { background : url(../images/left_menu.png) no-repeat; height : 300px; width : 130px; padding : 5px 8px; margin-top : 89px; margin-left : 6px; }

div#dragonfly { position : absolute; left : 42px; top : 463px; width : 57px; height : 101px; background:url(../images/dragonfly.png) no-repeat; }

/* middle column divs */
div#content_main { float : left; width : 590px; height : 478px; padding : 0px 12px 0px 0px; margin-left : 11px; background : #d1d6ca url(../images/content_bg.png) no-repeat; border-bottom:thin; border-bottom-color:#000000; }
div#content_main2 { float : left; width : 590px; height : 478px; padding : 0px 12px 0px 0px; margin-left : 11px; background : #d1d6ca; }

div#newstitle { position:relative; top:40px; padding-top:5px; padding-left:15px; }

div#main_top { width : 560px; height : 160px; padding : 10px 5px 0 15px; margin-left : 0px; }
div#main_top2 { width : 530px; height : 160px; padding : 10px 5px 0 15px; margin-left : 0px; }
div#main_top_news { width : 367px; padding : 10px 5px 0 2px; margin-left : 0px; }
div#main_bottom { float : left; width : 560px; padding : 10px 5px 0 15px; margin-left : 0px; margin-top : 50px; }
div#main_right { width : 180px; height : 299px; padding : 0px 0px 0 2px; position:relative; left:397px; top: 0px; }
div#main_right_news { padding : 0px 0px 0 2px; position:absolute; top: 147px; left:563px; width:142px; }

div#map1 { float : left; width : 120px; padding : 10px 5px 0 15px; margin-left : 0px; }
div#map2 { float : left; width : 120px; padding : 10px 5px 0 15px; margin-left : 0px; margin-top:47px; }
div#map3 { float : left; width : 120px; padding : 10px 5px 0 15px; margin-left : 0px; margin-top:47px; }
div#map4 { float : left; width : 120px; padding : 10px 5px 0 15px; margin-left : 0px; margin-top:47px; }



/* right column divs */
div#right { position:absolute; width : 192px; height : 478px; padding : 0px 0px 0px 0px; right:56px; background : #cfd5c8 url(../images/right_bg.png) repeat-y; }
div#top_right { width : 187px; height : 170px; padding : 5px 5px 0px 5px; background : url(../images/top_right_bg.gif) no-repeat; background-position : top left; margin-right : 0px; margin-top : 5px; }
div#bottom_right { width : 187px; height : 287px; padding : 5px 5px 0px 5px; background : url(../images/bottom_right_bg.gif) no-repeat; background-position : top left; margin-top : 2px; }

/* breadCrumb styles */

#breadCrumb { position:relative; padding: 0px 0px 5px 2px; font: small Verdana,sans-serif; color: #003300; left:150px; bottom:20px; width:300px; }
#breadCrumb a{ color: #003300; }
#breadCrumb a:hover{ color:#009900; text-decoration: underline; }

/* sitemap layout styles */
.ULel { margin-top:0;margin-bottom:10px}
.PL0 { color:#003300; font-weight:bold; font-style:normal; font-family:Arial,Helvetica; font-size:.8em; }
.CL0 { font-weight:bold; font-style:normal; font-family:Arial,Helvetica; font-size:x-small; }
.PL1 { color:#003300; font-weight:bold; font-style:normal; font-family:Arial,Helvetica; font-size:.8em; }
.CL1 { font-weight:bold; font-style:normal; font-family:Arial,Helvetica; font-size:x-small; }


}