/* -------------------------------------------------------------------
Stylesheet: woodlandsurvivalcrafts.com screen styles
Author:     Will Bolton (www.willbolton.com)
Version:    9th April 2010
------------------------------------------------------------------- */
 
/* -------------------------------------------------------------------
	NEUTRALIZE BROWSER DEFAULTS
------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

/* -------------------------------------------------------------------
	BASIC ELEMENT STYLES
------------------------------------------------------------------- */
html, body {
	height:100%;
}
body {
	position:relative;
	min-width:701px;
	font:normal 70%/100% verdana, arial, sans-serif;
	f/ont:normal 74%/100% verdana, arial, sans-serif;
	background:#a4a27b url(/images/bg_body.jpg) repeat-y 50% 0;
	color:#333;
	text-align:center;
}
p {
	margin:0.5em 0 1em;
	line-height:150%;
}
h1, h2, h3, h4, h5, h6 {
	margin:0.6em 0 0.4em;
	padding:0;
	font:normal 100%/100% georgia, times, "times new roman", serif;
}
h1 {
	margin:0.6em 0 0;
	font-size:200%;
	letter-spacing:1px;
	color:#663;
}
h2 {
	clear:both;
	margin:0.5em 0 0.4em;
	font-size:140%;
	font-weight:normal;
	line-height:140%;
	color:#b3481a;
}
h3 {
	font-size:110%;
	line-height:140%;
	color:#85824e;
}
a {
	color:#663;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#c00;
	text-decoration:underline;
}
ul {
	margin:0;
	padding:0 0 0 30px;
	line-height:150%;
}
ol {
	margin:1em 0;
	padding:0 0 0 30px;
	line-height:170%;
}
img, a img {
	border:0 solid #000;
}
blockquote {
	clear:both;
	margin:2em 0;
	border-left:5px solid #b0a996;
	padding:0.5em 10px 0 10px;
	background:#e6e1c5;
	color:#222;
	font:normal 100%/150% georgia, times, "times new roman", serif;
}
cite {
	display:block;
	font-family:verdana, arial, sans-serif;
	font-style:italic;
	text-align:right;
}
code {
	display:block;
	padding:5px;
	font-size:110%;
}
label {
	display:block;
	margin:1em 0 0.4em;
}
table {
	width:400px;
	margin:1em auto;
	border:1px solid #373536;
	border-spacing:1px;
	padding:0;
	background:#fff;
	font-family:georgia, times, "times new roman", serif;
	font-size:100%;
	line-height:120%;
}
thead th {
	font-size:120%;
	background:#b3481a;
	color:#fff;
}
th {
	padding:0.4em 5px;
	font-weight:bold;
	text-align:center;
}
td {
	padding:0.4em 5px;
}
table tbody tr.even td, table tbody tr.even th {
	background-color:#eee;
}
caption {
	display:none;
}
kbd {
	border:1px solid #b0a996;
	border-right:1px solid #85824e;
	border-bottom:1px solid #85824e;
	padding:1px;
	background:#fff;
	font-size:110%;
	line-height:150%;
}


/* LAYOUT STYLES
------------------------------------------------*/

#container {
	position:relative;
	width:701px;
	min-height:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	background:#f0ebcd;
	text-align:left;
}
body>#container {
	height:auto; /* corrects height value for non-IE Win */
}
#header {
	position:relative;
	width:701px;
	height:156px;
}
#content {
	width:701px;
	padding:0 0 101px;
	background:url(/images/bg_c.jpg) no-repeat 0 105px;
}
body>#content {
	padding:0 0 100px;
}
#contentHead {
	position:relative;
	width:701px;
	height:105px;
	background:url(/images/bg_cH.gif) no-repeat 0 100%;
}
#cH1 {
	float:left;
	width:233px;
	height:100px;
	margin:0 1px 0 0;
	background-color:#b3481a;
	background-repeat:no-repeat;
	background-position:9px 69px;
	text-indent:-9999px;
}
#cH2 {
	float:left;
	width:467px;
	height:100px;
	background-color:#85824e;
}
#contentMain {
	position:relative;
	float:right;
	width:467px;
}
#cM1 {
	margin:10px 30px 30px;
}
#contentSidebar {
	float:left;
	width:234px;
	min-height:400px;
	margin:0;
	font-family:georgia, times, "times new roman", serif;
}
#cS1 {
	margin:10px 10px 11px;
}
#footer {
	position:absolute;
	width:701px;
	min-height:100px;
	height:100px;
	bottom:0;
	margin:0 0 -1px;
	background:#373536 url(/images/bg_footer.gif) no-repeat;
	color:#e5e5e5;
	text-align:center;
	overflow:hidden;
}
body>#footer { /* corrects height and negative margin value for non-IE Win */
	height:auto;
	margin:0;
}


/* HEADER STYLES
------------------------------------------------*/

#logo {
	position:absolute;
	top:10px;
	left:12px;
	margin:0;
	padding:0;
	z-index:1000;
}


/* CONTENT STYLES
------------------------------------------------*/

#HOME #cH1 {
	background-image:url(/images/welcome.gif);
}
#ABOUT #cH1 {
	background-image:url(/images/about.gif);
}
#COURSES #cH1 {
	background-image:url(/images/courses.gif);
}
#PERSONAL #cH1 {
	background-image:url(/images/personal.gif);
}
#MENTORING #cH1 {
	background-image:url(/images/mentoring.gif);
}
#YOUTH #cH1 {
	background-image:url(/images/youth.gif);
}
#FAQ #cH1 {
	background-image:url(/images/faq.gif);
}
#BOOKING #cH1 {
	background-image:url(/images/booking.gif);
}
#KIT #cH1 {
	background-image:url(/images/kit.gif);
}
#SHOP #cH1 {
	background-image:url(/images/shop.gif);
}
#SITEMAP #cH1 {
	background-image:url(/images/sitemap.gif);
}
#ACCESSIBILITY #cH1 {
	background-image:url(/images/accessibility.gif);
}
#LINKS #cH1 {
	background-image:url(/images/links.gif);
}
#contentMain ul {
	margin:1em 0;
	padding:0 0 0 10px;
	list-style:none;
}
#contentMain ul li {
	margin:0;
	padding:0 0 0 15px;
	background:transparent url("/images/bullet.gif") no-repeat 0 0.5em;
}
#contentSidebar h2 {
	font-size:120%;
}
#contentSidebar h2.navHead, #header h2, #footer h2 {
	height:0;
	margin:0;
	line-height:0;
	text-indent:-9999px;
}
#contentSidebar ul {
	list-style:none;
	margin:10px 0;
	padding:0 0 0 10px;
	font-family:georgia, times, "times new roman", serif;
	font-size:110%;
}
#contentSidebar ul ul, #contentSidebar ul ul ul {
	font-size:90%;
}


/* FOOTER STYLES
------------------------------------------------*/

#footer div {
	font-size:90%;
}
#footer p {
	margin-bottom:0;
}
#footer a {
	color:#e5e5e5;
	text-decoration:none;
}
#footer a:hover, #footer a:focus {
	color:#fff;
	text-decoration:underline;
}
#footer ul {
	list-style:none;
	margin:1.5em 0 0;
	padding:0;
	text-align:center;
}
#footer li {
	display:inline;
}
#footer li a {
	color:#e5e5e5;
	text-decoration:none;
}
#footer li a:hover, #footer li a:focus {
	color:#fff;
	text-decoration:underline;
}
#footer address {
	margin:0.5em 0;
	font-style:normal;
}


/* MAIN NAV STYLES
------------------------------------------------*/

#navMain {
	position:absolute;
	top:110px;
	left:0;
	overflow:hidden;
	width:701px;
	height:45px;
	background:url(/images/navMain_20101006.gif) no-repeat;
}
#navMain ul {
	list-style:none;
	text-indent:-9999px;
}
#navMain li {
	list-style:none;
}
#navMain li a {
	position:absolute;
	background-image:url(/images/navMain_20101006.gif);
	background-repeat:no-repeat;
	text-decoration:none;
}
#tabHome a {
	top:15px;
	left:0;
	width:116px;
	height:30px;
	background-position:0 -15px;
}
#tabHome a:hover, #tabHome a:focus {
	background-position:0 -60px;
}
#tabAbout a {
	top:15px;
	left:117px;
	width:116px;
	height:30px;
	background-position:-117px -15px;
}
#tabAbout a:hover, #tabAbout a:focus {
	background-position:-117px -60px;
}
#tabCourses a {
	top:0;
	left:234px;
	width:116px;
	height:45px;
	background-position:-234px 0;
}
#tabCourses a:hover, #tabCourses a:focus {
	background-position:-234px -45px;
}
#tabTraining a {
	top:0;
	left:351px;
	width:116px;
	height:45px;
	background-position:-351px 0;
}
#tabTraining a:hover, #tabTraining a:focus {
	background-position:-351px -45px;
}
#tabInstructor a {
	top:0;
	left:468px;
	width:116px;
	height:45px;
	background-position:-468px 0;
}
#tabInstructor a:hover, #tabInstructor a:focus {
	background-position:-468px -45px;
}
#tabShop a {
	top:0;
	left:585px;
	width:116px;
	height:45px;
	background-position:-585px 0;
}
#tabShop a:hover, #tabShop a:focus {
	background-position:-585px -45px;
}


/* UTILITY NAV STYLES
------------------------------------------------*/

#navUtility ul {
	position:absolute;
	top:7px;
	right:10px;
	list-style:none;
	margin:0;
	padding:0;
	font-size:90%;
	color:#373536;
}
#navUtility ul li {
	display:inline;
}
#navUtility ul li a {
	color:#373536;
	text-decoration:none;
}
#navUtility ul li a:hover, #navUtility ul li a:focus {
	color:#373536;
	text-decoration:underline;
}


/* SECTION NAV STYLES
------------------------------------------------*/

ul#navSection {
	margin:0;
	padding:0;
	list-style:none;
}
ul#navSection li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
ul#navSection li a {
	display:block;
	width:213px;
	margin:0;
	padding:2px 0 2px 5px;
	font-size:100%;
	background:transparent;
	color:#85824e;
	text-decoration:none;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:208px;
}
html>body ul#navSection li a {
	width:208px;
}
ul#navSection li a:hover, ul#navSection li a:focus {
	background:#b3481a;
	color:#f0ebcd;
	text-decoration:none;
}
ul#navSection ul {
	margin:0;
}
ul#navSection ul li a {
	width:190px;
	padding:2px 0 2px 10px;
	font-size:90%;
	background:transparent url(/images/dots.gif) no-repeat 0 50%;
}
html>body ul#navSection ul li a {
	width:180px;
}
ul#navSection ul li a:hover, ul#navSection ul li a:focus {
	background:transparent url(/images/dots.gif) no-repeat 0 50%;
	color:#b3481a;
	text-decoration:underline;
}


/* BREADCRUMB NAV STYLES
------------------------------------------------*/

#breadcrumb {
	font-size:80%;
	color:#666;
}
#breadcrumb a {
	font-weight:normal;
	color:#666;
	text-decoration:none;
}
#breadcrumb a:hover, #breadcrumb a:focus {
	color:#333;
	text-decoration:underline;
}


/* IMAGE STYLES
------------------------------------------------*/

div.image {
	margin:0 0 5px;
	border:1px solid #b0a996;
	padding:2px;
	background:#fff;
}
div.image-left {
	float:left;
	margin:0 10px 5px 0;
	border:1px solid #b0a996;
	padding:2px;
	background:#fff;
}
div.image-right {
	float:right;
	margin:0 0 5px 10px;
	border:1px solid #b0a996;
	padding:2px;
	background:#fff;
}
div.image img, div.image-right img, div.image-left img {
	border:1px solid #663;
	vertical-align: bottom;
}


/* CONTACT FORM STYLES
------------------------------------------------*/

form#contactform {
	margin:1em 0;
}
form#contactform input, form#contactform textarea, form#contactform select {
	background-color:#fff;
	border:1px solid #ccc;
	border-top-color:#999;
	border-left-color:#999;
}
form#contactform input#submit
{
	border:3px double #090;
	border-top-color:#6c6;
	border-left-color:#6c6;
	padding:0.25em;
	background-color:#b2e5b2;
}
form#contactform input#submit:active
{
	border:3px double #090;
	border-right-color:#6c6;
	border-bottom-color:#6c6;
}


/* MISCELLANEOUS STYLES
------------------------------------------------*/

.box {
	margin:5px;
	padding:0;
}
p.more {
	margin:0;
	border-bottom:1px solid #b0a996;
	padding:0 0 5px 0;
	font-family:verdana, arial, helvetica, sans-serif;
	line-height:100%;
	text-align:right;
}
p.more a {
	text-decoration:none;
}
p.more a:hover, p.more a:focus {
	text-decoration:underline;
}
.w90 {
	width:90px;
}
.required, .attention, .error {
	color:#c00;
}
.float-left {
	float:left;
	margin:0 10px 5px 0;
}
.center {
	text-align:center;
}
.spacer {
	height:0;
	clear:both;
}
.clear {
	clear:both;
}
.heading {
	background:#e6e1c5;
}
#HOME h1 {
	margin-top:1em;
}
#SITEMAP #contentMain a:visited {
	color:#990066;
}
.apex-promo {
	background:#b3481a;
	padding:1px 7px 10px;
	color:#fff;
	border:1px solid #333;
	border-width:1px 0;
}
.apex-promo h2 a {
	color:#fff;
	font-size:170%;
	text-decoration:none;
}
.apex-promo p.more {
	color:#fff;
	border:none;
}
.apex-promo p.more a {
	color:#fff;
	border:none;
}