/*
Explorer Scouts Css Template - Alex Chestnutt - Nuttsplace.co.uk
*/

/* Main Sections 
------------------------------------------------------------------------- */
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; color:#666; font-family:Verdana, Geneva, "sans-serif"; font-size:12px;}



#bg{position:absolute; z-index:1; width:100%; height:100%;}

/* Header 
------------------------------------------------------------------------- */
#headerpos{
	margin:0 auto;
	width:900px;
	border:1px solid #06F;
}
#headerlogo { 
    background: url(images/bgtop.png) no-repeat;
	height:180px;
	width:900px;
    position:absolute;
	top:0px;
	border:0px dashed #30C;
	z-index:100;
}

#headertitle {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 24px;
	font-weight: bold;
	color: #FFDA51;
	margin-top:10px;
	margin-left:15px;
}

/* Content
-------------------------------------------------------------------------- */
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 

#contentpos
{
	border:0px dashed #090;
	text-align:left; /* reset text alignment */
	width:900px; /* or a percentage, or whatever */
	margin:0 auto; /* for the rest */
	position:relative;
	top:180px;
	z-index:50;
}

#contenttop {
	background: url(images/ctop.png) no-repeat;
	margin:0 auto;
    width: 850px;
	height:30px;
	border:0px dashed #C03;


}
#contentmid {
	background: url(images/cmid.png);
	margin:0 auto;
	background-repeat:repeat-y;
    width: 850px;

}


#contentinner {

    text-align: left;
    width: 750px;
	margin-left:35px;
	padding:15px;

}

/* Footer 
------------------------------------------------------------------------- */
#footer {
	background: url(images/cbot.png) no-repeat;
    width: 850px;
	margin:0 auto;
	height:130px;
}

#footerinner
{
	border:0px solid #306;
	padding-top:35px;
}
#copyright p
{
	width:70%;
	float:left;
	margin-left:20px;
    color: #CCC;
	font-size:12px;
	font-family:Verdana, Geneva, "sans-serif";
}

#copyright a
{
    color: #999;
	text-decoration:none;
}

#sharebuttons
{
	float:right;
	margin-right:20px;
	border:0px solid #039;
	padding-top:10px;
}

/* Sidebar 
------------------------------------------------------------------------- */

#menu{
	border:0px dotted #CCC;
	margin-top:150px;
	margin-left:120px;

}

#menu li{
	float:left;
	display:block;
	margin-left:10px;
}

#menu li a{
	text-decoration:none;
}

#sidebar {
	float:left;
	border:0px dotted #CCC;
	-moz-transform:rotate(35deg);
	-webkit-transform:rotate(35deg);
	width:145px;
}
/*
#sidebar ul, #sidebar p {
    padding: 0px 10px 1em;
    margin-left: -5px;
}

/*side menu [way finder] */
#sidemenu
{
	border:0px dashed #F00;
	position:relative;
	right:60px;
}

#sidemenu ul
{
		top:10px;
}

#sidemenu li
{
	list-style:none;
}

#sidemenu a
{
	background-image: url(images/btn.png);
	height:38px;
	width:110px;
	display:block;
	list-style:none;
	padding:10px;


	text-decoration:none;
	color:#000;
	font-size:16px;
	font-family:Verdana, Geneva, "sans-serif";
	font-weight:bold;

	
}

#sidemenu a:hover
{
	background-image: url(images/btnover.png);
	height:38px;
	width:110px;
	display:block;
	padding:10px;
	margin-left:25px;
	
	text-decoration:none;
}

#sidemenu li.active a
{
	background-image: url(images/btnover.png);
	height:38px;
	width:110px;
	display:block;
	padding:10px;
	margin-left:25px;

}

/* Styling 
------------------------------------------------------------------------- */

h1
{
	font:Verdana, Geneva, "sans-serif";
	font-size:18px;
	font-stretch:expanded;
}

h2
{
	font:Verdana, Geneva, "sans-serif";
	font-size:16px;

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#333;

}