/* CSS for 10th Harpenden Scouts */
/* Menu styles with thanks to Stu Nicholls http://www.cssplay.co.uk/ 
/* 10th colour #7e012d
*/
body {
	margin:5px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    background:#ffffff;
}
html {font-size:100%;}
#overallcontainer {
width:765px;
margin:0px auto;
padding:0px;
border-top:1px solid #7e012d;
border-left: 1px solid #7e012d;
border-right: 1px solid #7e012d;
font-size:0.9em;
}
/* main containers */
#header {
	background: #7e012d url(../img/banner/banneroct07_02.jpg) no-repeat top;
	color:#FCFCFC;
	margin:0px;
	padding:0px;
	height: 100px;
}
#maincontainer {
margin:0px;
padding:0px;
background-color:#7e012d;
border-left: 1px solid #7e012d;
border-top: 1px solid #7e012d;
border-bottom: 1px solid #7e012d;
}
#contentleft {
	float:left;
	width:650px;
	margin:0px;
	padding:5px;
	background:#ffffff url(../img/10thback.jpg) repeat;
	font-size:0.9em;

}
#contentright {
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:inherit;
	background:#7e012d url(../img/scout_logo_red_bgnd.jpg);
	color:#f5e104;
}
#clear {clear:both;}

#footer {
text-align:center;
font-size:75%;
background:#7e012d url(../img/scout_logo_red_bgnd.jpg);
color:#f5e104;
padding:0px 0px 5px 0px;
margin: 0px;
}
#footer a {color:#f5e104;text-decoration:none;}

/* div styles */
#counter { /* hidden counter */
	visibility:hidden;
}
.eventdiv {
font-family:"Comic Sans MS";
color:#666666;
font-weight:bold;
}
.clearpar {clear:both;}
.eventdiv {
padding:30px 10px 10px 10px;
width:60%;
margin: 0px 0px 0px 30px;
}
.eventdiv dt {
padding: 3px 0px 3px 5px;
}
.paradiv {
margin:0px;
padding:10px;
}
.paradiv p{padding:2px 0px 2px 5px;margin:0px;}
.paradiv h4 {padding:2px 0px 2px 2px;margin:0px;font-size:0.9em;}
.paradiv dt {
padding: 3px 0px 3px 15px;
}
.paradivin {
margin:0px;
padding:5px 10px 5px 20px;
}
.paradivin p{padding:2px 0px 2px 5px;margin:0px;}
.paradivin h4 {padding:2px 0px 2px 2px;margin:0px;font-size:0.9em;}

.logoleft {
float:left;
margin:0px;
padding:5px 50px 0px 5px;
}
.logoright {
float:right;
margin:0px;
padding:5px 5px 0px 5px;
}
.newsdiv {
	width:300px;
	margin: auto;
	border:1px solid #7e012d;
	padding:5px;
	color:#7e012d;
}
/* end div styles */
/* formatting styles */
.whatstable {
font-size:85%;
width:90%;
}
.emphbold {
font-weight:bold;
}
.emphboldi {
font-weight:bold;
font-style:italic;
}
.emph {
font-style:italic;
font-size:90%;
}
.emphn {
font-style:italic;
color: #7e012d;
}
.emphul {
border-bottom:1px dotted #000000;
}
.emphboldulr { 
text-decoration:underline;
font-weight:bold;
margin:0px;
padding: 5px 0px 5px 0px;
}
h2 {
	margin:0px;
	padding:100px 0px 0px 20px;
	text-align:left;
	font-style: italic;
}
h5 {
	margin:0px;
	padding:0px;
}

.suptext {
vertical-align:super;
font-size:70%;
}
.subtext {
	vertical-align:sub;
	font-size:70%;
}
.imgleft {
float:left;
margin: 0px 15px 0px 0px;
padding:0px;
border: 0px;
}
.imgright {
float:right;
margin: 0px 0px 0px 15px;
padding:0px;
border: 0px;
}
.imgleftbrdr {
float:left;
margin: 0px 5px 0px 0px;
padding:0px;
border: 2px solid #7e012d;
}
.imgrightbrdr {
float:right;
margin: 0px 0px 0px 5px;
padding:0px;
border: 2px solid #7e012d;
}
.imgmid {
margin: auto;
padding:0px;
border: 2px solid #7e012d;
}
a {color:#000066; text-decoration:underline;}
/* end formatting styles */
/* Side Navigation */
a.navint, a.navint:link, a.navint:visited {
display:block;
width: 90px;
height: auto;
background:#142191;
border:2px solid #f5e104;
color:#f5e104;
text-decoration:none;
margin:2px 0px 2px 2px;
padding: 0px 0px 0px 2px;
text-align:left;
font-size:0.9em;
font-style: italic;
}
a.navint:hover {
color:#f5e104;
background:#0033ff;
}

a.navext, a.navext:link, a.navext:visited {
display:block;
width: 90px;
height: auto;
color:#f5e104;
border:1px solid #f5e104;
text-decoration:none;
margin:2px 0px 2px 2px;
padding: 0px 0px 0px 2px;
text-align:left;
font-size:0.9em;
}
a.navext:hover {
color:#FF9966;
border:1px solid #ff9966;
}
a.navextlong, a.navextlong:link, a.navextlong:visited {
display:block;
width: 90px;
height: auto;
color:#f5e104;
border:1px solid #f5e104;
text-decoration:none;
margin:2px 0px 2px 2px;
padding: 0px 0px 0px 2px;
text-align:left;
font-size:0.9em;
}
a.navextlong:hover {
color:#FF9966;
border:1px solid #ff9966;
}
a.navextcred, a.navextcred:link, a.navextcred:visited {
display:block;
width: 90px;
height: auto;
color:#f5e104;
text-decoration:none;
margin:2px 0px 2px 2px;
padding: 0px 0px 0px 2px;
text-align:center;
font-size:0.7em;
}
a.navextcred:hover {
color:#FF9966;
}
/* ------ end -------*/

.horizantaltopbar {
	margin:0px;
	padding:0px;
	height:auto;
}

.nolistbut {
	list-style-type: none;
}
.imgleftbd {background:#ffffff;border:1px solid #7e012d;float:left;padding:2px;}
.imgrightbd {background:#ffffff;border:1px solid #7e012d;float:right;padding:2px;}
.imgbd {background:#ffffff;border:1px solid #7e012d;float:right;padding:2px;margin:2px;}



.clear {clear:both;}
