/* iosh-training.co.uk - main style sheet
	for MSM Safety Managemnt Services - www.webhotdesigns.co.uk */

* {
	margin: 0px auto;
	padding: 0px;
}
body {
	font: normal small Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px;
}
#header{
	background-color: #B2A97E; 
	color: #FFFFFF;
	text-align: center;
	font: normal .9em Arial, Helvetica, sans-serif;
	padding: 10px 0;
}
.header, .footer {
	width: 750px;
	margin: 0px auto;
}
.header ul, .footer ul {
	font-weight: bold;
}
.header ul li, .footer ul  li {
	color: #FFFFFF; 
	background-color: inherit; 
	display: inline;
	letter-spacing: 1px;
}
.header ul li a, .footer ul  li a {
	text-decoration: none;
	color: #FFFFFF; 
	background-color: inherit; 
	padding: 0 8px;
}
.header ul li a:hover, .footer ul li a:hover {
	text-decoration: none;
	color: #403926; 
	background-color: inherit; 
}
#footer {
	background-color: #B2A97E; 
	color: #FFFFFF;
	text-align: center;
	font: normal .9em Arial, Helvetica, sans-serif;
	padding: 20px 0;
	margin-top: 30px;
	clear: both;
}
#footer p {
	margin-top: 15px;
	line-height: 20px;
	font: normal .8em Arial, Helvetica, sans-serif;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF; 
	background-color: inherit; 
}
#footer a:hover {
	text-decoration: none;
	color: #403926; 
	background-color: inherit; 
}
#logo {
	width: 700px;
	height: 160px;
	margin: 0 auto 20px auto;
	background: url(../images/top.png) no-repeat top right;
}
#logo h1 {
	padding: 55px 0 0 95px;
	text-transform: lowercase;
	letter-spacing: 4px;
	color: #EDC62C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 7em;
	font-weight: normal;
	font-style: italic;
}
#logo h2 {
	margin-top: -1em;
	padding: 0 0 0 100px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
	font-weight: bold;
}
.cutoutlogo {
	float: right;
	margin: 8px 0 0 20px;
}
.content {
	width: 700px;
	margin: 0 auto 35px auto;
	padding: 0;
}
.content h2 {
	color: #ED662C;
	font: bold italic 25px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 10px 0;
}
.content h4{
	color: #ED662C;
	font: bold italic 25px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 10px 0;
}
#coursedetails h1, #maindetails h1 {
	color: #ED662C;
	font:bold 24px Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 10px 0;
}
.content p {
	margin: 5px 0 10px 0;
	text-align: justify;
	font: normal .9em/1.5em Arial, Helvetica, sans-serif;
}
.content a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold .9em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #ED662C;
	float: right;
}
.content a:hover{
	text-decoration: underline;
}
#courselinks {
	margin: 30px 0 0 0;
	width: 700px;
	margin: 0 auto;
}
.pink {
	width: 187px; 
	padding: 4px 12px 0 12px;
	margin:10px 0 0 0;
	float:left;
	background: #F6F6F6 url(../images/red.jpg) no-repeat; 
	color:#4B2B3E;
	height: 220px;
}
.pink h3 {
	background: transparent;
	text-align: left;	
	color: #CA1C81;
	font: bold 1.5em/1.6em Georgia, "Times New Roman", Times, serif; 
	padding: 0;
}
.pink p {
	color: #000000; 
	text-align: justify;
	padding:3px 0 10px 0;
	font: normal .8em/1.5em Arial,Helvetica,sans-serif;
}
.pink a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold .9em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #CA1C81;
	float: right;
}
.pink a:hover{
	text-decoration: underline;
}

.green {
	width: 187px; 
	padding: 4px 12px 0 12px;
	margin:10px 0 0 0;
	float:left;
	text-align: left;
	background: #F6F6F6 url(../images/green.jpg) no-repeat; 
	color:#008033;
	height: 220px;
}
.green h3 {
	background: transparent;
	text-align: left;
	color: #008033;
	font: bold 1.5em/1.6em Georgia, "Times New Roman", Times, serif; 
	padding: 0;
}
.green p {
	color: #000000; 
	text-align: justify;
	padding:3px 0 10px 0;
	font:normal .8em/1.5em Arial,Helvetica,sans-serif;
}
.green a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold .9em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #008033;
	float: right;
}
.green a:hover{
	text-decoration: underline;
}
.brown{
	width: 187px; 
	padding: 4px 12px 0 12px;
	margin: 10px 32px 30px 32px;
	float: left;
	background: #F6F6F6 url(../images/brown.jpg) no-repeat; 
	color: #996633;
	height: 220px;
}
.brown h3 {
	background: transparent;
	text-align: left;
	color: #996633;
	font: bold 1.5em/1.6em Georgia, "Times New Roman", Times, serif; 
}
.brown p {
	color: #000000; 
	text-align: justify;
	padding: 3px 0 10px 0;	
	font: normal .8em/1.5em Arial,Helvetica,sans-serif;
}
.brown a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold .9em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #996633;
	float: right;
}
.brown a:hover{
	text-decoration: underline;
}



.infomation {
	width:452px; 
	float:left;
	padding:0 22px 0 0;
}
.spacer{
	font-size: 0; 
	line-height: 0; 
	clear: both;
}
#category_subunsub{
	width: 187px; 
	padding: 4px 12px 0 12px;
	margin-bottom: 32px;
	height:135px;
	float:right; 
	background: #F6F6F6 url(../images/yellow.jpg) no-repeat; 
	color:#033462;
}
#category_subunsub h3{
	background: transparent;
	text-align: left;
	color: #808000;
	font: bold 1.5em/1.6em Georgia, "Times New Roman", Times, serif; 
	padding: 0;
}
#brochure{
	width: 187px; 
	padding: 4px 12px 0 12px;
	height:130px;
	float:right; 
	background: #F6F6F6 url(../images/blue.jpg) no-repeat; 
	color:#033462;
}
#brochure h3{
	background: transparent;
	text-align: left;
	color: #127BDE;
	font: bold 1.5em/1.4em Georgia, "Times New Roman", Times, serif;  
}
#brochure p {
	color: #000000; 
	text-align: justify;
	padding: 3px 0 10px 0;	
	font: normal .8em/1.5em Arial,Helvetica,sans-serif;
}
#brochure a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold .9em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #127BDE;
	float: right;
	margin-top: -5px;
}
#brochure a:hover{
	text-decoration: underline;
}
#coursedetails, #maindetails {
	width: 550px;
	margin: 0 auto;
	padding: 0;
	font: normal .9em/1.4em Arial,Helvetica,sans-serif;
}
#coursedetails h2, #maindetails h2 {
	background: inherit;
	text-align: left;
	color: #BC4410;
	font: bold 1.1em/1.5em Arial,Helvetica,sans-serif; 
	margin-top: .5em;	
	text-transform: uppercase;
	letter-spacing: .2em;
}
#coursedetails h3, #maindetails h3 {
	background: inherit;
	text-align: left;
	color: #BC4410;
	font: bold 1em/1.3em Arial,Helvetica,sans-serif; 
	padding: 0;
	margin-top: 10px;
	margin-bottom: 2px;
}
#coursedetails ul, #maindetails ul {
	list-style-type: circle;
	margin: 8px 0 8px 50px;
}
#bookinglinks {
	text-indent: 30px;
	line-height: 2em;
	margin-top: 20px;
	color: #127BDE;
	background: inherit;
	font: normal italic .9em/2em Arial, Helvetica, sans-serif;
}
#bookinglinks a{
	text-transform: uppercase;
	letter-spacing: .2em;
	font: bold 1.1em Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #127BDE;
	background: inherit;
}
#bookinglinks a:hover{
	text-decoration: underline;
}
.phone {
	margin: 0px 0px 15px 0px;
	float: left;
	width: 140px;
	text-align: left;	
}
.email {
	margin: 0px 0px 15px 0px;
	float: left;
	width: 240px;
	text-align: left;	
}
.letters {
	font: normal .8em Arial, Helvetica, sans-serif;
}
#maindetails a {
	color: #000000;
	text-decoration: none;
	background-color: inherit; 
}
#maindetails a:hover {
	color: #BC4410;
	text-decoration: underline;
	background-color: inherit; 
}
#contact {
	margin: 20px 0;
}
p.indent40 {
	text-indent: 40px;
}