/* Style Sheet for ABC First Response Ltd */
/* Created by Tony Williams, TDL Web Developments */
/* March 2009 */

body{
margin: 0;
font-family: Tahoma, Arial, sans-serif;
color: #222;
}

p{
font-size: 0.8em;
margin-top: 0;
padding-top: 0;
line-height: 120%;
}

h1{
font-size: 1.4em;
margin-top: 0;
border-bottom: 1px solid;
color: #255A24;
}

.firstaid{
color: #255A24;
}

.healthsafety{
color: #FFA500;
}

.fire{
color: #ff0000;
}

.healthcare{
color: #723796;
}

.specialist{
color: #0000ff;
}

h2{
margin-top: 1em;
font-size: 1em;
padding-bottom: 0;
margin-bottom: 0.5em;
}

h2.fire{
color: #ff0000;
}



#mainBody ul {
list-style-image: url(images/tick2.gif);
list-style-type: square;
}

#mainBody ul li{
font-size: 0.8em;
line-height: 1.5em;
/* padding-left: 10px; */
}


/**** LAYOUT ****/

#wrapper{
width: 980px;
margin: 0 auto;
background: #fff;
border: 0;
}

#header{
height: 160px;
margin-bottom: 10px;
border: 0;
background: url(images/animated-masthead.gif) no-repeat center #fff;
}

#header img{
border: 0;
}

#mainBody{
float: right;
width: 725px;
}

.clear{
clear: both;
height: 1px;
}


/**** NAVIGATION ****/
#navContent{
float: left;
width: 245px;
}

#navContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 235px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
#navContent ul li {
	position: relative;
	}

#navContent ul li a {
	font-size: 0.8em;
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	}

#navContent ul li a:hover{
color: #fff;
background: #000;
}

#navContent ul li a.cur{
color: #fff;
background: #000;
}

/* Holly Hack. IE Requirement \*/
* html #navContent ul li { float: left; height: 1%; }
* html #navContent ul li a { height: 1%; }
	
/* END NAVIGATION STYLING */


/* FOOTER STYLING */
#footer{
margin-top: 20px;
font-size: 0.8em;
color: #ccc;
padding: 1em;
text-align: left;
background: url(images/abc.gif) no-repeat right #000;
}

#footer img { float: right; }

#footer a{
font-size: 0.7em;
color: #ccc;
text-decoration: none;
}
/* END FOOTER STYLING */

#subFoot{
color: #aaa;
text-align: right;
}

#subFoot a{
color: #aaa;
font-size: 0.7em;
}


/**** CONTACT FORM STUFF ****/
#contact-form{
margin: 0 1em 1em 0;
float: left;
width: 460px;
font-family: Tahoma, Arial, sans-serif;
font-size: 0.8em;
}

#contact-form label{
float: left;
width: 20%;
}

#label2 label{
float: left;
width: 40%;
}

#contact-form div{
clear: left;
margin: 0.4em 0 0 0;
}

/**** CONTACT DETAILS DIV ****/
#contactInfo{
width: 225px;
float: right;
padding: 0 10px 10px 10px;
}

#contactInfo h4{
border-bottom: 1px solid #255A24;
color: #255A24;
margin-top: 0;
}

#contact-form img{
border: 0;
}


/**** OTHER STYLES ****/

img{
border: dotted 1px #ccc;
padding: 5px;
background: #fff;
}

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


/**** COURSE DIVS ****/
.course{
float: left;
width: 340px;
color: #000;
border: 1px dotted #ccc;
border-top: 0;
background: url(images/heartbeat-bg2.gif) bottom center no-repeat #eee;
margin: 0 20px 10px 0em;
padding: 0 0 10px 0;
cursor: pointer; 
}

.course h2.green{
background: url(images/cross-bg2.gif) no-repeat 1% #255A24;
color: #fff;
font-size: 1em;
padding: 0.2em 0.2em 0.2em 20px;
margin-bottom: 0.5em;
margin-top: 0;
}

.course h2.red{
background: url(images/cross-bg2.gif) no-repeat 1% #ff0000;
color: #fff;
font-size: 1em;
padding: 0.2em 0.2em 0.2em 20px;
margin-bottom: 0.5em;
margin-top: 0;
}

.course h2.blue{
background: url(images/cross-bg2.gif) no-repeat 1% #0000ff;
color: #fff;
font-size: 1em;
padding: 0.2em 0.2em 0.2em 20px;
margin-bottom: 0.5em;
margin-top: 0;
}

.course h2.orange{
background: url(images/cross-bg2.gif) no-repeat 1% orange;
color: #fff;
font-size: 1em;
padding: 0.2em 0.2em 0.2em 20px;
margin-bottom: 0.5em;
margin-top: 0;
}

.course h2.purple{
background: url(images/cross-bg2.gif) no-repeat 1% #723796;
color: #fff;
font-size: 1em;
padding: 0.2em 0.2em 0.2em 20px;
margin-bottom: 0.5em;
margin-top: 0;
}

.course ul{
list-style-image: url(images/tick2.gif);
list-style-type: square;
}

.course ul li{
list-style-image: url(images/tick2.gif);
font-size: 0.8em;
line-height: 1.5em;
padding-left: 10px;
}

.course p{
font-size: 0.8em;
padding: 0 0.5em 0.5em 0.5em;
margin-top: 0;
}

.course a{
float: right;
margin-right: 1.5em;
color: gray;
text-decoration: none;
font-weight: bold;
}

.course a:hover{
text-decoration: underline;
}