@charset "utf-8";
/* CSS Document */

body{
	background-color:#8691A6;
	margin:0;
	background-image:url(../CSS_Images/landscape.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}


#Top_Box{
	background-image:url(../CSS_Images/Top_Box.gif);
	width:900px;
	height:40px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

#Mid_Box{
	background-color:#FFFFFF;
    /* background-image:url(../CSS_Images/Mid_Logos.gif); */
	background-repeat:no-repeat;
	width:900px;
	min-height:200px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#text_Box{
	background-color:#FFFFFF;
	width:890px;
	min-height:200px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 5px 5px 5px;
	
}

#Bot_Box{
	background-image:url(../CSS_Images/Bot_Box_Small_Kayak.gif);
	width:900px;
	height:60px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Bot_Box_Kayak{
	background-image:url(../CSS_Images/kayak.png);
	width:900px;
	height:237px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Login_Bar{
	background-image:url(../CSS_Images/Login_Bar.gif);
	width:900px;
	height:26px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

#scouts_Bar{
	background-image:url(../CSS_Images/Scouts.png);
	width:900px;
	height:100px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

#cub_Bar{
	background-image:url(../CSS_Images/Cubs.png);
	width:900px;
	height:100px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

#beavers_Bar{
	background-image:url(../CSS_Images/Beavers.png);
	width:900px;
	height:100px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

#Menu_Box{
	background-color:#FFFFFF;
	width:900px;
	height:35px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Pic_Box{
	background-image:url(../CSS_Images/Bottom_Pics.png);
	width:900px;
	height:150px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.rusticbuttonmenu a.rustic{ /*rustic button CSS*/
background: transparent url('../CSS_Images/rustic_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.rusticbuttonmenu a.rustic:link, .rusticbuttonmenu a.rustic:visited, .rusticbuttonmenu a:active{
color: #fff; /*button text color*/
}

.rusticbuttonmenu a.rustic span{
background: transparent url('../CSS_Images/rustic_right.gif') no-repeat top right;
display: block;
padding: 4px 20px 6px 10px; /*Set 10px here to match value of 'padding-left' value above*/
}

.rusticbuttonmenu a.rustic:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.rusticbuttonmenu a.rustic:hover span{ /* Hover state CSS (for text) */
color:#fff;
}

#menu_container{
	width:780px;
	overflow:visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu_container_plus_oneitem{
	width:893px;
	overflow:visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 50%;
	left:-446px;
	position:relative;
}

#footer{
	width:850px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	text-align:center;
}

.markermenu{
width: 230px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

.markermenu ul li a{
background: white url(../CSS_Images/menu_V.gif) repeat-y 0px center;
font:13px Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 0px 0;
padding-left: 35px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
height:30px;
vertical-align:middle;
padding-top: 5px;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
background: #C6C6C6 url(../CSS_Images/menu_Vhov.gif) repeat-y  0px center;
font:13px Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 0px 0;
padding-left: 35px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
height:30px;
vertical-align:middle;
padding-top: 5px;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

#Links{
	width:230px;
	background-image:url(../CSS_Images/Quick-Links.gif);
	background-repeat:no-repeat;
	height:50px;
	margin-top:5px;
}

#menucontainer{
	width:230px;
	margin-left:5px;
}

#refresh{
	width:230px;
	background-image:url(../CSS_Images/Refresh-in.gif);
	background-repeat:no-repeat;
	height:50px;
}

#refresh_content{
	width:195px;
	background-image:url(../CSS_Images/menu_V.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:50px;
	padding-left: 35px;
	font:13px Arial,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-top: 5px;
	text-align:justify;
}

#news{
	width:230px;
	background-image:url(../CSS_Images/Latest_News.gif);
	background-repeat:no-repeat;
	height:50px;
}

#news_content{
	width:190px;
	background-image:url(../CSS_Images/menu_V.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:50px;
	padding-left: 35px;
	font:13px Arial,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-top: 5px;
	text-align:justify;
	padding-right:5px;
}

.header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	vertical-align:text-top;
}

.normalfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:100;
}

.Beta{
	background-color:#990000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

.admintable{
	border-bottom: 1px solid #000000;
	border-left: 0px solid  #000000;
	border-right: 0px solid  #000000;
	border-top: 0px solid  #000000;
}

#pubQL{
	width:230px;
	background-image:url(../CSS_Images/publiclinks.gif);
	background-repeat:no-repeat;
	height:50px;
}


#pubnews{
	width:230px;
	background-image:url(../CSS_Images/publicnews.gif);
	background-repeat:no-repeat;
	height:50px;
}

#pubnews_content{
	width:195px;
	background-image:url(../CSS_Images/menu_V.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:50px;
	padding-left: 35px;
	font:13px Arial,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-top: 5px;
	text-align:justify;
}

#memnews{
	width:230px;
	background-image:url(../CSS_Images/membersnews.gif);
	background-repeat:no-repeat;
	height:50px;
}

#memnews_content{
	width:195px;
	background-image:url(../CSS_Images/menu_V.gif);
	background-position:left;
	background-repeat:repeat-y;
	min-height:50px;
	padding-left: 35px;
	font:13px Arial,"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-top: 5px;
	text-align:justify;
}

#memQL{
	width:230px;
	background-image:url(../CSS_Images/memberslinks.gif);
	background-repeat:no-repeat;
	height:50px;
}

.subheader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

.fieldlength{
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.captionwolffont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	font-weight:100;
}

.centeredtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
