/* body */

body {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	background: #f0f0f0;
	margin: 0px;
	padding: 0px;
}

/* page */

#page {
	background: #ffffff;
	color: #000000;
	margin: 0 auto 0 auto;
	width: 970px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/* header */

#header {
	margin: 0px 0px 10px 0px;
	padding: 0;
	height: 140px;
	background-color: #e3f1ba;
}

#header_menu {
	position:relative;
	left: -5px;
	top: -135px;
	text-align: right;
	font-size : 80%;
}

#header_menu a{
	color: #000000;
	text-decoration : none;
}

#header_menu a:hover{
	text-decoration : underline;
}

#header_members {
	position:relative;
	border: 0px;
	margin: 10px 20px 20px 170px;
	top:  -18px;
	text-align: right;
	color: #808080;
	font-size : 80%;
}

#header_members a {
	color: #808080;
	text-decoration : none;
}

#header_members a:hover {
	text-decoration : underline;
}

.head1 {
	height: 140px;
	width: 593px;
}

.head3 {
	height: 140px;
	width: 176px;
}

.head2 {
	height: 140px;
	width: 201px;
}

/* menu bar */

#menu {
	clear: left;
	float: left;
	width: 160px;
	margin: 0px 10px 4px 10px;
	padding: 0px;
	font-size: 80%;
}

#menu ul {	
	list-style: none;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

#menu li {
	margin-bottom: 4px;
}

#menu li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 4px 0px 0px 3px;
	background: #e3f1ba;
	border-left: 4px solid #b7db4b;
	border-top: 1px solid #b7db4b;
	border-right: 1px solid #b7db4b;
	border-bottom: 1px solid #b7db4b;
}	

#menu li a:hover {
	background: #d5ea95;
}

body#pag_abo #menu a#nav_abo,		/* about */
body#pag_acc #menu a#nav_acc,		/* account */
body#pag_bdg #menu a#nav_bdg,		/* badges */
body#pag_bda #menu a#nav_bda,		/* badges all */
body#pag_bdl #menu a#nav_bdl,		/* badges special */
body#pag_bea #menu a#nav_bea,		/* beavers */
body#pag_cen #menu a#nav_cen,		/* centenary */
body#pag_cha #menu a#nav_cha,		/* chant */
body#pag_com #menu a#nav_com,		/* compass */
body#pag_con #menu a#nav_con,		/* contact */
body#pag_cub #menu a#nav_cub,		/* cubs */
body#pag_eve #menu a#nav_eve,		/* events */
body#pag_exp #menu a#nav_exp,		/* explorers */
body#pag_faq #menu a#nav_faq,		/* faq */
body#pag_fnd #menu a#nav_fnd,		/* fundraising */
body#pag_gn1 #menu a#nav_gn1,		/* general 1 */
body#pag_gn2 #menu a#nav_gn2,		/* general 2 */
body#pag_gn3 #menu a#nav_gn3,		/* general 3 */
body#pag_gn4 #menu a#nav_gn4,		/* general 4 */
body#pag_gn5 #menu a#nav_gn5,		/* general 5 */
body#pag_grp #menu a#nav_grp,		/* group  */
body#pag_hel #menu a#nav_hel,		/* help */
body#pag_his #menu a#nav_his,		/* history */
body#pag_ind #menu a#nav_ind,		/* index */
body#pag_ico #menu a#nav_ico,		/* icons */
body#pag_int #menu a#nav_int,		/* introduction */
body#pag_joi #menu a#nav_joi,		/* join */
body#pag_lou #menu a#nav_lou,		/* lounge */
body#pag_map #menu a#nav_map,		/* site map */
body#pag_onl #menu a#nav_onl,		/* online */
body#pag_pal #menu a#nav_pal,		/* promise and law */
body#pag_sco #menu a#nav_sco,		/* scouts */
body#pag_sea #menu a#nav_sea,		/* search */
body#pag_sho #menu a#nav_sho,		/* shop */
body#pag_tip #menu a#nav_tip,		/* tips */
body#pag_wal #menu a#nav_wal,		/* walsall */
body#pag_wht #menu a#nav_wht {		/* what */
	background: #d5ea95;
}

.menu_blank {
	height: 0.1em;
}

#menu_frontpage {
	clear: left;
	float: left;
	width: 160px;
	margin: 0px 10px 10px 10px;
	padding: 0;
	font-size: 12px;
}

/* content */

#content {
	margin: 10px 10px 20px 170px;
	padding: 10px 10px 100px 10px;
	border-left: 1px solid #e9e2ee;
	line-height: 1.5em;
	text-align: justify;
}

#content p {
	overflow: hidden;
	margin-top: 5px;
}

#content img {
	padding: 0px;
	overflow: hidden;
}


#content a {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#login {
	border: 1px solid #4d1979;
	background-color : #D4EAAE;
	padding: 10px 10px 10px 10px;
}

/* columns */

#columns_left {
	margin: 10px 390px 20px 10px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e9e2ee;
	line-height: 1.5em;
	text-align: justify;
}

#columns_right {
	margin: -353px 10px 10px 390px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e9e2ee;
	line-height: 1.5em;
	text-align: justify;
}


/* footer */

#footer {
	margin: 0 auto 0 auto;
	padding-top: 20px;
	height: 40px;
	border-top: 4px solid #e9e2ee;
	text-align: center;
	color: #009933;
	font-size: 60%;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#printonly {
	display: none;
}




/* contact form style*/

#form {
	width: 450px;
}

#form div.syd {
	clear: both;
	padding-top: 10px;
}

#form label {
	float: left;
	width: 160px;
	text-align: right;
	color: #4d1979;
	font-weight: bold;
}

#form em {
	color:#ff0000;
}

#form span.ent {
	float: right;
	text-align: left;
}

#form label span.ent {
	float: right;
	text-align: left;
}


#form input, #form textarea {
	border: 1px solid #4d1979;
	padding: 4px;
}

#form input:focus, #form textarea:focus {
	border: 1px solid #4d1979;
	background: #e3f1ba;
}


/* global */

h1 {
	font-size: 110%;
	font-weight: bold;
	padding: 4px;
	color: #000000;
	background-color: #e9e2ee;
	line-height: 1.2em;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
}

h3 {
	font-size: 100%;
	line-height: 1.2em;
}

.note {
	color: #000000;
	font-size: 60%;

}

/* global format */

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.middle {
	margin: auto auto;
}

.top {
	vertical-align: top; 
}

.centre {
	text-align: center;
}

.hide {
	display: none;
}


.nobox {
	border: 0px solid #000000;
}

.box {
	border: 1px solid #4d1979;
}

.crit {
	color:#ff0000;
}

.uppercase {
	text-transform: uppercase
}

.lowercase {
	text-transform: lowercase
}

.sentence {
	text-transform: capitalize
}

.ext:hover {
	background-color:#f1baba;
	padding-top: 2px;
	padding-bottom: 2px;
}

abbr {
	cursor: help;
}

.crit {
	color:#FF0000;
}

/* option box 1 */

#optbox1 {
	clear: left;
	float: left;
	width: 500px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	font-size: 80%;
}

#optbox1 ul {	
	list-style: none;
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

#optbox1 li {
	margin-bottom: 4px;
}

#optbox1 li a {
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 10px 0px 0px 10px;
	background: #e9e2ee;
	border: 1px solid #4d1979;
}	

#optbox1 li a:hover {
	background: #d5ea95;
	text-decoration: none;
}

/* option box 2 */

#optbox2 {
	clear: left;
	float: left;
	width: 500px;
	margin: -100px 0px 0px 50px;
	padding: 0px;
	font-size: 80%;
}

#optbox2 ul {	
	list-style: none;
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

#optbox2 li {
	margin-bottom: 4px;
}

#optbox2 li a {
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 10px 0px 0px 10px;
	background: #e9e2ee;
	border: 1px solid #4d1979;
}	

#optbox2 li a:hover {
	background: #d5ea95;
	text-decoration: none;
}

/* login options */

.login_box
{
	width:20em;
	border:0px solid #000000;
	background:#e3f1ba;
	margin:auto auto;
}

.login_div
{
	padding-top:0.5em;
	clear:both;
}

.login_label
{
	width:6em;
	font-weight: bold;
	float:left;
	margin-top:0.25em;
	margin-left:1em;
	clear:both;
}

.login_form {
	border: 1px solid #b7db4b;
	padding: 4px;
}

/* search form */

.search {
	width: 400px;
	margin: auto auto;
	padding: 20px 10px 20px 10px;	
}

.search input {
	border: 1px solid #4d1979;
	padding: 4px;
}

/* table formats */

.table_faint {
	border-bottom: dashed;
	border-bottom-width:thin;
}

.table_strong {
	border-bottom: solid;
	border-bottom-width:thin;
}

#tab {
	border:1px solid #000000;
	margin:auto auto;
}

#tab em {
	color:#ff0000;
}

#tab th {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#tab input, textarea, select {
	border: thin dotted;
	padding: 4px;
}

#tab input:focus, textarea:focus, select:focus {
	border: thin solid;
	background: #e9e2ee;
}

.tab_head {
	padding: 10px;
	font-weight: bold;
	text-align: left;
	background:#e9e2ee;
	border-bottom: dashed 1px;	
}

.tab_centre {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background:#e9e2ee;
}