body {
margin: 10px auto;
padding:0;
width:900px;
background-color: #457C25;
font-family:arial,verdana,sans-serif;
/*min-width:600px;		*/
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
border: #aaa 1px solid;
}

a {
color:#457C25;
}

a:hover {
color:#fff;
background:#589139;
text-decoration:none;
}

h1 {
font-size:1.3em;
color:#47A53D;
margin:0;
padding: 0px 0 0px 30px;
background: url(../images/red-nav-1.gif) 0 0 no-repeat;
border-bottom: 1px solid #f00;
}

h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
font-size:1.0em;
color:#589139;
}

p {
margin:.4em 0 .8em 0;
padding:0;
font-size; 0.8em;
}

img {
margin:10px 0 5px;
}

#header {
float:left;
height:100px;
width:100%;
padding:20px 0 0 0;
margin:0;
background: url(../images/top-gradient.gif) 50% 0 repeat-x;
background-color:#fff;
}

#header p {
padding:.5em 15px .2em 15px;
margin:0;
}

#header h1  {
padding:.2em 15px;
margin:0;
}

#header h2  {
padding:.2em 15px .7em 15px;
margin:0;
}

#colmask {
position:relative;	
/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden;		
/* This chops off any overhanging divs */
background:#fff; /* Left column background colour */
}

#colmid {
float:left;
width:200%;
position:relative;
left:200px;
background:#fff; /* Centre column background colour */
border-left:1px solid #ccc;
}

#colright {
float:left;
width:100%;
position:relative;
left:50%;
margin-left:-400px;
background:#fff;    	
/* Right column background colour */
border-left:1px solid #ccc;
}

#col1wrap {
float:right;
width:50%;
position:relative;
right:100%;
}


#col1pad {
margin:0 15px 0 415px;
overflow:hidden;
}

#col1 {
width:100%;
overflow:hidden;
}

#col1 p {
font-family: arial,verdana,garamond,sans-serif;
font-size:0.8em;
color:#333;
}

#col1 ul {
font-size:0.8em;
color:#333;
}

#col2 {
float:left;
width:170px;
position:relative;
margin-left:-50%;
left:215px;
overflow:hidden;
}

#col3 {
float:left;
width:170px;
position:relative;
left:15px;
overflow:hidden;
}

#footer {
clear:both;
float:left;
width:100%;
/*height:80px;*/
padding:0;
margin:0;
background: url(../images/long-red-flash-anim.gif) 0 0 no-repeat #fff;

/*border-top:1px solid #ccc;*/
background-color:#fff;
}


#footer p {
padding:.5em 15px;
}


/* MY CSS */
div.header_left {
padding: 5px 0 0px 16px;
width:324px;
float:left;
/*background-color:#ddd*/
}
div.top_separator{
width:900px;
height:60px;
background: url(../images/long-red-flash-anim.gif) 0 0 no-repeat #fff;

}

span.top_tel {
font-size:16px;
color:#267F00;
}
span.top_tel_big {
font-size:26px;
font-weight:bold;
color:#267F00;
}	

div.main-navigation {
width:170px;
}
ul.navigation {
margin: 0 0 0 0px;
padding: 0;
display: block;
list-style-type: none;
}
li.navigation{
margin: 1px 0 1px 0px;
display: block;
border:1px solid #f00;
}
li.navigation_active{
margin: 1px 0 1px 0px;
display: block;
border:1px solid #f00;
}
a.navigation,a.navigation_active
{
font-family: arial,verdana,garamond,sans-serif;
padding: 3px 0 0px 24px;
height:17px;
color:#267F00;
font-size: 0.8em;
text-decoration: none;
display: block;
background-color: #eee;
background: url(../images/red-nav-2.gif) 0 0 no-repeat;
}
a.navigation:hover,
a.navigationf:hover,
a.navigation_active{
display: block;
background-color: #fff;
background: url(../images/red-nav-1.gif) 0 0 no-repeat;
}


ul.sub-navigation {
margin: 0 0 0 0px;
padding: 0;
display: block;
list-style-type: none;
}
li.sub-navigation{
margin: 1px 0 1px 0px;
display: block;
border:0;
}
li.sub-navigation_active{
margin: 1px 0 1px 0px;
display: block;
border:0;
}
a.sub-navigation,a.sub-navigation_active
{
font-family: arial,verdana,garamond,sans-serif;
padding: 3px 0 0px 24px;
color:#267F00;
font-size: 0.75em;
text-decoration: none;
display: block;
background-color: #eee;
background: url(../images/green-check-nav1.gif) 0 0 no-repeat;
}
a.sub-navigation:hover,
a.sub-navigationf:hover,
a.sub-navigation_active{
display: block;
background-color: #fff;
background: url(../images/green-check-nav2.gif) 0 0 no-repeat;
}

.pdf-outline {
margin: 30px 20px 25px 20px;
font-style: italic; 
}

span.pdf-header {
font-weight:bold;
}

span.col3-header {
font-weight:bold;
background: url(../images/red-nav-1-faint.gif) 0 0 no-repeat;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #A3DAA3;
}


span.testimonial-quote {
margin: 0px 0px 5px 0px;
font-style: italic; 
}
span.testimonial-name {
margin: 0px 0px 15px 0px;
font-weight:bold; 
}

	        div.errors{
	          margin: 2px 0;
	          width: 450px;
	          padding: 2px 0;
	          border: #f00 1px solid;
	          background-color: #fcc;
	        }
	        div.errors p{
	          margin: 2px 0 2px 15px;
	          font-size: 1em;
	          font-weight: bold;
	          color: #000;
	        }
	        div.errors ul{
	          margin: 3px 0 3px 30px;
	        }
	        div.errors li{
	          margin: 0px 0;
	          font-size: 1em;
	          color: #000;
	        }

	  .mail_input{
	  padding:1px 0; 
	  font-size:0.85em; 
	  width: 279px;
	  }
	  .mail_input_narrow{
	  padding:1px 0; 
	  font-size:0.85em; 
	  width: 74px;
	  }
	  
	  span.required{
	  font-weight: bold;
	  color: red;
	  }
	  	  .contact_button{
		   width: 100px;
		   font-size: 0.75em;
	  	  }
	.contact_field {
	font-size: 0.85em;
	padding-left:15px;
	}

	div.lower-footer {
	background-color:#fff;
	padding: 10px 0 5px 45px;
	font-size: 0.8em;
	color: #666;
	}
	a.footer {
	color: #aaa;
	font-size: 0.8em;
	text-decoration: none;
	}
	a.footer:hover {
	color: #aaa;
	background: none;
	font-size: 0.8em;
	text-decoration: underline;
	
	}

	  div.clear{
	    clear: both;
	    	background-color:#fff;
		font-size: 1px;
		height: 1px;
	  }
	  #clear {
	  	clear: both;
	  	font-size: 1px;
	  	height: 1px;
	  	background-color: #fff;
	  }


/* Admin */
 .admin_input{
 padding:1px 0; 
 font-size:11px; 
 width: 250px;
 }
  .admin_input_narrow{
  padding:1px 0; 
  font-size:11px; 
  width: 50px;
  }

  .admin_input_textarea{
  padding:1px 0; 
 font-size:11px; 
  width: 250px;
  height: 60px;
 }

#product_space {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #333;
}

span.course-hours {
color: #333;
font-weight:bold; 
}
span.course-people {
color: #333;
font-weight:bold; 
}
span.course-days {
color: #333;
font-weight:bold; 
}

div.basket {
background: url(../images/basket.gif) 4px 6px no-repeat;
width:250px;
height: 50px;
margin:0 0 0 80px;
float:left;
border: 1px solid #B6FF00;
}

div.top_banner {
width:200px;
float:left;
margin: 0;
}

 	.bfw-link {
 	font-size:0.9em;
 	text-align:right;
 	}
 	  a.bfw-link{
 		border-left: #fff 2px solid;
 		color: #f00;
 	    text-decoration: none;
 	  }
 	  a.bfw-link:hover,
 	  {
 	    color: #f99;
 	    text-decoration: none;
	  }