﻿html { margin: 0; padding: 0}
body { margin: 0; padding: 0}
body     { font-size: 85%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #edebd8 }
/****Layout DIVs****/
div#header   { margin: 0; padding: 0; position: relative; width: 780px; height: 150px }
div#container   { background-image: url('images/bkgImg.gif'); 
background-repeat: repeat-y; background-position: 0 100%; margin: 0; padding: 0; width: 790px
}
div#content  { margin: 0; padding: 0; width: 453px; 
float: left;
	height: 1524px;
}
div#rightcol  { margin: 0 0 0 10; 
padding: 0; width: 303px; 
float: right
}
div#footer  { background-color: #827839; text-align: center; width: 770px; height: 50px; clear:both }
/****Header****/
div#navcontainer
     { background-color: #827839; margin: 0; padding: 0; width: 770px; height: 40px; float: left; border-top: 1px solid #b42a39; border-bottom: 1px solid #b42a39 }
div#navcontainer ul { color: #edebd8; font-size: 12px; font-weight: bold; margin: 0; padding: 0 }
div#navcontainer ul li { display: inline; }
div#navcontainer ul li a
     { color: #edebd8; font-weight: bold; text-decoration: none; padding: 12px 0 18px 30px; float: left }
div#navcontainer ul li a:hover
     { color: #b42a39; font-weight: bold; text-decoration: underline }
/****Main Content***
*/
div#maintext { padding: 15px;
		text-align: center;
	font-size: medium;
	color: #008000;
	font-weight: 700;
	height: 549px;
	font-family: "Trebuchet MS";
}
div#maintext p  { line-height: 1.4em; 	margin-top: 10px; 	
margin-bottom: 10px; 	text-align: center;
	width: 448px;
	height: 17px;
	}
/****Links***
*/
div#rightcol a { color: #b42a39; font-weight: bold; text-decoration: none;
	font-size: medium;
}
div#callout a { color: #b42a39; font-weight: bold; text-decoration: none }
div#maintext a {
	color: #008000;
	font-weight: 700;
	text-decoration: none;
	font-size: small;
	text-align: center;
}
div#rightcol a:hover { color: #b42a39; font-weight: bold; text-decoration: underline }
div#callout a:hover { color: #b42a39; font-weight: bold; text-decoration: underline }
div#maintext a:hover { color: #b42a39; font-weight: bold; text-decoration: underline }
/****Callout****/
div#callout  { margin: 0 15px 15px; padding: 0 0 5px; border: solid 1px #b42a39;
	width: 436px;
}
div#callout p  { font-size: 0.95em; line-height: 1.5em; margin-top: 0; margin-bottom: 10px; padding-right: 15px; padding-left: 15px }
div#callout p.p1   { font-size: 1em; line-height: 1.5em; margin-top: 0; margin-bottom: 15px;
	color: #000000;
	font-weight: 700;
	text-align: center;
}
div#callout h2    { color: #edebd8; font-weight: bold; background-color: #827839; background-image: url('images/highAdventure.gif'); 
background-repeat: no-repeat; background-position: 0 50%; margin: 0 0 15px; padding: 0; height: 60px;
	width: 438px;
}
div#callout h2 span { display: none }
div#callout h4  { color: #b42a39; font-size: 0.95em; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-right: 15px; padding-left: 15px;
	width: 272px;
}
/****Right Column****/
div#mission   { margin: 15px 25px 15px 15px; padding: 0 }
div#info  { margin: 0 25px 15px 15px; padding: 0 }
div#webelos  { margin: 0 25px 15px 15px; padding: 0 }
div#mission h3        { font-size: 1.3em; background-image: url('images/fleurdelis.gif'); 
background-repeat: no-repeat; background-position: 0 50%; margin-bottom: 5px; padding-left: 20px; height: 20px;
	text-align: left;
}
div#webelos h3      { font-size: 1.3em; background-image: url('images/fleurdelis.gif'); 
background-repeat: no-repeat; background-position: 0 50%; margin-bottom: 5px; padding-left: 20px; height: 20px;
	text-align: left;
}
div#info h3      { font-size: 1.3em; background-image: url("images/fleurdelis.gif"); background-repeat: no-repeat; background-position: 0 50%; margin-bottom: 5px; padding-left: 20px; height: 20px }
div#rightcol p   { font-size: .95em; line-height: 1.5em; margin: 0 0 10px; padding: 0 }
/****Footer****/
div#footer ul { color: #edebd8; font-size: 0.75em; margin: 0; padding: 20px 0 0 }
div#footer ul li { display: inline; margin-right: 15px }
div#footer ul li a { color: #edebd8; text-decoration: none }
div#footer ul li a:hover {text-decoration: underline }
div#footer ul li a:visited {text-decoration: none }
/****Various Tags***
*/
h1 { margin: 0; padding: 0 }
h1 img { display: block; border: 0 }
h2 {
	font-size: 2em;
	font-weight: bold;
	color: #b42a39;
	padding: 0px;
	margin: 15px 0px 0px 15px;
}
h3  { color: #B42A39; 
font-size: x-large; 
font-weight: bold; margin-top: 0; margin-bottom: 5px; padding: 0;
	text-align: center;
}
h4  { color: #b42a39; font-size: medium; 
font-weight: bold; margin-bottom: 5px;
	text-align: center;
	width: 433px;
}
.imgLeft  { margin-right: 15px; margin-left: 15px; float: left; border: solid 1px #b42a39 }
.imgRight  { margin-bottom: 15px; margin-left: 15px; float: right }
.imglarge {
	margin: 10px 0px 20px;
}
.imgcallout   { margin-left: 15px; float: right }
div#cite { margin-top: 20px }
div#movie {
	margin: 25px 0px 0px;
	padding: 0px 15px;
}
div#movie p {
	margin-bottom: 10px;
	margin-top: 0px;
}
div#movie a:link {
	text-decoration: none blink;
	color: #b42a39;
	font-weight: bold;
	font-size: large;
}
div#movie a {
	text-decoration: none;
	color: #b42a39;
	font-weight: bold;
}
div#movie a:hover {
	text-decoration: underline;
}
img {
	border: 0px;
}



