@import url("reset.css");
@import url("menu.css");

body
{
    background-color: #ecf1f4;
    font-size: .75em;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000;
}

a
{
	color:#37cef9;	
}



#page
{
	margin:0 auto;
	width:960px;
	position:relative;
	margin-top:20px;
}

#picturebox
{
	height:216px;
	position:relative;
	padding-top:65px;
}

#featurebox
{
	float:right;
	background-color:#fff;
	position:absolute;
	top:65px;
	right:0;
	width:692px;
	height:216px;
}

#feature, #featureabout, #featurefacilities, #featureaccommodation, #featurelocal, #featureactivities, #featureevents
{
	background:url(/images/featurebg-panther.jpg) 0 100% no-repeat;
	width:692px;
	height:216px;	
}

#featureabout, #featurefacilities
{
	background:url(/images/feature1.jpg) 100% 0 no-repeat;	
}

#featureaccommodation
{
	background:url(/images/feature2.jpg) 100% 0 no-repeat;	
}

#featurelocal
{
	background:url(/images/feature3.jpg) 100% 0 no-repeat;	
}
#featureactivities
{
	background:url(/images/feature4.jpg) 100% 0 no-repeat;		
}
#featureevents
{
	background:url(/images/feature5.jpg) 100% 0 no-repeat;		
}


#logo
{
	width:268px;
	height:83px;
	background:#3399ff url(/images/leeswood-logo.png) 10px 10px no-repeat;
	text-indent:-8000px;

}

#logos
{
	margin-top:2px;
	width:268px;
	height:131px;
	background:#2d82d6 url(/images/scoutguide-logo.gif) 10px 10px no-repeat;
	text-indent:-8000px;	
}

#topmenu
{
	position:absolute;
	top:0;
	width:100%;
	background-color:#d9e1e3;
	height:45px;

	list-style:none;

}



#topmenu li
{
	float:left;
	padding:0;
	margin:0;	
}

#topmenu li ul
{
	margin-top:17px;
}


#topmenu li a, #topmenu li.current li a
{
	font-size:1.5em;
	color:#37cef9;
	display:block;
	height:21px;
	text-decoration:none;
	padding:12px 0;
	text-align:center;
	width:150px;
	float:left;
	background-color:#d9e1e3;
}

#topmenu li ul
{
	width:150px;
}

#topmenu li li a , #topmenu li.current li a
{
	font-size:1em;
	margin:0;
	float:none;
	height:auto;
	text-align:left;
	padding-left:20px;
	width:130px;
	font-weight:bold;
	border-bottom:dotted 1px silver;
}

#topmenu li a:hover, #topmenu li.current a, #topmenu li.current li a:hover
{
	background-color:#37cef9;
	color:White;
}



#main
{
	background-color:#fff;
	margin:20px 0;
	padding:20px;
}

#bottommenu
{
	width:100%;
	background-color:#d9e1e3;
	height:45px;
	color:#666666;
	margin-bottom:20px;
}

#bottommenu li
{
	float:left;
	padding:15px;
	margin:0;	
}

#main
{
	font-size:13px;
}

#main h2
{
	font-size:2em;
	color:#2d82d6;
	margin-bottom:10px;
}

#main h3
{
	font-size:1.5em;
	color:#2d82d6;
	margin-bottom:10px;
}

#main p
{
	margin-bottom:8px;
}

.fourboxes
{

}

.fourboxes .hightlightbox
{
	width:211px;
	padding:0 10px;
	float:left;
	border-left:solid 1px #ecf1f4;
}

.fourboxes .hightlightbox:first-child
{
	border-left:none;
	padding:0 10px 0 0;
}


.threeboxes .hightlightbox
{
	width:271px;
	padding:0 10px;
	float:left;
	border-left:solid 1px #ecf1f4;
}

.threeboxes .hightlightbox:first-child
{
	border-left:none;
	padding:0 10px 0 0;
}

.hightlightbox ul
{
	list-style-image:url(/Images/bullet.png);
	margin-left:15px;
}

.hightlightbox ul li
{
	margin-bottom:5px;
}

.clear
{
	clear:both;
}

.highlightimage
{
	border:solid 1px black;
	width:208px;
	height:78px;
	margin-bottom:10px;
}

.bluebutton
{
	border:none;
	margin:5px 0;
}

.bluetable
{
	color:White;

}

.bluetable td
{
	padding:5px;
}

form label
{
	display:block;
	width:200px;
	margin-bottom:20px;
	float:left;	
}

form br
{
	clear:both;
}

form input
{

}

.field-validation-error
{
	color:Red;
	padding-left:10px;
}