/************* MAIN **************/

* {
	margin:0;
	padding:0;
}

body {
	font:0.8em "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	background:url(../images/default/background.jpg) top left repeat-x;
	background-color:#FDE8C4;
	color:#000000;
}

/************* CONTAINER **************/

#container {
	width:1000px;
	margin:0 auto;
	position:relative;
	background:url(../images/default/contentBg.png) top center repeat-y;
}

/************* HEADER **************/

#header {
	padding:10px 30px;
	min-height:115px;
}

/************* NAVIGATION **************/

#topNav {
	background:url(../images/default/topNavBg.png) center no-repeat;
	min-height:50px;
	padding:0 20px;
}

#topNav a.navLink {
	display:inline-block;
	margin:0 10px;
	padding:10px 20px;
	color:#FFFFFF;
	font-size:130%;
	text-decoration:none;
}

#topNav a.navLink:hover {
	background:url(../images/default/navLinkHover.png) left repeat-x;
}

#topNav div.textSizeControls {
	float:right;
	margin:7px 20px 0 0;
}

#topNav a.textSize {
	display:inline;
	margin:0 1px;
	padding:0 2px;
	color:#FFFFFF;
	text-decoration:none;
}

#topNav a.textSize:hover {
	background:url(../images/default/navLinkHover.png) left repeat-x;
}

/************* MAIN CONTENT **************/

#mainContent {
	min-height:300px;
	padding:30px 0 20px 0;
}

/************* LEFT NAVIGATION **************/

#leftNav {
	float:left;
	width:240px;
}

#leftNav a {
	display:block;
	height:55px;
	width:170px;
	margin-left:7px;
	padding:0 15px;
	text-align:right;
	font-size:115%;
	line-height:20px;
	text-decoration:none;
	color:#FFFFFF;
}

#leftNav a:hover {

}

#leftNav .bps {
	background:url(../images/default/leftNav_bps.png) left no-repeat;
	line-height:40px;
}
#leftNav .dhh {
	background:url(../images/default/leftNav_dhh.png) left no-repeat;
}
#leftNav .asd {
	background:url(../images/default/leftNav_asd.png) left no-repeat;
}
#leftNav .sebd {
	background:url(../images/default/leftNav_sebd.png) left no-repeat;
}
#leftNav .mh {
	background:url(../images/default/leftNav_mh.png) left no-repeat;
	line-height:40px;
}
#leftNav .dys {
	background:url(../images/default/leftNav_dys.png) left no-repeat;
	line-height:40px;
	
}

/************* CONTENT **************/

#content {
	float:left;
	width:720px;
}

/************* CONTENT >> TEXT STYLES **************/

#content p {
	margin-bottom:10px;
}

#content a {
	color:#EB6620;
	text-decoration:none;
}

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

#content h1 {
	font-size:180%;
	font-weight:bold;
	margin-bottom:30px
}

#content h2 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px
}

#content h3 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:15px
}

#content ul {
	list-style:none;
	margin-left:75px;
	margin-bottom:25px;
}

#content ul li {
	background-image:url(../images/default/list.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin-top:10px;
	padding-left:20px;
}

/************* CONTENT >> COLUMNS **************/

#content #leftCol {
	float:left;
	width:440px;
}

#content #rightCol {
	float:right;
	width:200px;
	border:1px solid #FFCDB3;
	background:url(../images/default/tallBg.png) top left repeat-x #FFF1D8;
	padding:20px;
}

/************* CONTENT >> HOMEPAGE **************/

#content h1.homepage {
	font-size:140%;
	font-weight:bold;
	margin-bottom:15px
}

/************* CONTENT >> HOMEPAGE >> TEASER **************/

#content #teaser {
	border:1px solid #FFCDB3;
	background:url(../images/default/tallBg.png) top left repeat-x #FFF1D8;
	padding:20px;
	margin-bottom:30px;
}

/************* CONTENT >> HOMEPAGE >> NEWS **************/

#content #latestNews {
	float:left;
	width:390px;
}
#content #latestNews div {
	margin-bottom:20px;
}
#content #latestNews p.newsItem {
	font-weight:bold;
	margin-bottom:3px;
}
#content #latestNews p.date {
	color:#666666;
	font-size:90%;
	margin-bottom:3px;
}

/************* CONTENT >> HOMEPAGE >> LEFT COLUMN **************/

#content #trainingEvents {
	float:right;
	width:280px;
	margin-bottom:20px;
}

#content #newsletter {
	float:right;
	width:280px;
}

/************* CONTENT >> AREA PAGES **************/

/* --- Download Icon ---*/
#content .download {
	float:right;
	width:50px;
	margin-right:20px;
}

#content .download:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --- Categories Boxes ---*/
#content .box {
	border:1px solid #000000;
	background:url(../images/default/smallBg.png) top left repeat-x #FFFFFF;
	text-align:center;
	margin:20px 10px;
	padding:10px 15px;
	font-size:110%;
}

#content .boxList {
	border:1px dotted #FFFFFF;
	background:url(../images/default/smallBg.png) top left repeat-x #FFFFFF;
	margin:20px 10px;
	padding:10px 15px;
	font-size:110%;
}

#content .boxList ul {
	list-style:none;
	margin:25px 35px;
}

#content .boxList ul li {
	background-image:url(../images/default/list.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin-bottom:15px;
	padding-left:20px;
}

/************* CONTENT >> TRAINING CALENDAR PAGE **************/

#content #training #leftCol {
	float:left;
	width:315px;
	background:none;
	border:none;
	padding:0;
	padding-right:20px;
}

#content #training #rightCol {
	float:right;
	width:315px;
	background:none;
	border:none;
	padding:0;
}

#content #training ul {
	margin-left:15px;
}

#content #training ul li {
	background:none;
}

/************* CONTENT >> CONTACT PAGE **************/

#content .staffPic {
	float:left;
	width:150px;
	border:1px solid #FFCDB3;
	background:url(../images/default/smallBg.png) top left repeat-x #FFF1D8;
	padding:10px;
	margin:0 5px 15px 0;
	text-align:center;
}

#content .staffPic p {
	margin:5px ;
}
#content .staffPic p.staffName {
	font-weight:bold;
}

#content .staffPic p.staffPosition {
	font-style:italic;
}

/************* CONTENT >> FORMS **************/

#content p.formLineInfo, p.formLineDetails {
	margin:5px 5px 5px 30px;
	overflow:hidden;
}

#content p.formLineInfo:after, p.formLineDetails:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content p.formLineInfo span.tickBox {
	display:block;
	width:10px;
	padding-right:15px;
	padding-top:2px;
	text-align:right;
	float:left;
}

#content p.formLineInfo label {
	display:block;
	float:left;
}

#content p.formLineDetails label {
	display:block;
	width:60px;
	padding-right:25px;
	padding-top:5px;
	text-align:left;
	float:left;
}

#content p.formLineDetails input[type="text"] {
	display:block;
	width:250px;
	height:25px;
	padding-left:5px;
	float:left;
}

#content p.formLineDetails input.submit {
	width:255px;
	height:30px;
	padding:2px;
	float:left;
}

/************* CONTENT >> COLOUR SCHEME **************/

#content .bps {
	border-color:#fde485;
	background-color:#fff8e2;
}

#content .dhh {
	border-color:#bdf1fe;
	background-color:#ebf9fe;
}

#content .asd {
	border-color:#cecece;
	background-color:#f0f0f0;
}

#content .sebd {
	border-color:#c9c6fc;
	background-color:#eeedff;
}

#content .mh {
	border-color:#f9bbf5;
	background-color:#fdeafc;
}

#content .dys {
	border-color:#b0ff98;
	background-color:#e9ffe2;
}

/************* FOOTER **************/

#footer {
	font-size:70%;
	text-align:center;
	padding:10px 20px;
	margin-top:20px;
}

#footer hr {
	height:1px;
	width:95%;
	margin:auto;
	background:none;
	border:none;
	border-top:1px solid #E0E0E0;
	margin-bottom:20px;
}

#footer div.leftContent {
	width:180px;
	float:left;
	text-align:center;
}

#footer div.middleContent {
	width:600px;
	float:left;
	text-align:center;
}

#footer div.rightContent {
	width:180px;
	float:left;
	text-align:center;
}


#footer p {
	margin:10px 0;
}

#footer p span {
	margin:0 10px;
}

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

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

/************* FLOATING DIVS **************/

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
    clear:both;
}

/************* IMAGES **************/

a img {
	border:none;
}