html, body, #wrap {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #wrap {
	height: auto;
}

body {
			margin:0;
			padding:0;
			font:93%/1.5em Arial,Helvetica,sans-serif;
			text-align:center;
			background: #fff url(images/background.gif) repeat-y 50% 0;
		}

p { 
			margin:0; 
			}

#wrap {
			width:750px;
			\width:770px;
			w\idth:750px;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
		}
	
		
/* masthead and main nav */		

#masthead {
			margin-bottom: 0;
			background-color:#fff;
			height:119px;
			width:100%
		}
		
#masthead h1 {
	display: inline;
  text-indent: -9999px;
   font: 8px Arial, Helvetica, sans-serif;
   color: #fff;
		}
	

div.float_right {
	float: right;
	}
	
div.float_left {
	float: left;
	}

	/* main content */

#content {
			padding:10px;
			margin-left:220px;
			background-color:#fff;
			height: auto;
			font-size: 0.9em;
			background: #fff url(images/home/home_background_logo.jpg) no-repeat 163px 50px;
		}
		
#content h1 {
			color: #417818;
			font-size: 1.3em;
			font-weight: bold;
			}		
			
#content h3 {
		color: #417818;
		font-size: 1.1em;
		font-weight: normal;
		display:inline;
			}		
			
#content a:link, #content a:visited {
		color: #417818;
		text-decoration: none;
		border-bottom: 1px dotted #417818;
}

#content a:hover, #content a:active {
		color: #417818;
		text-decoration: none;
		border-bottom: 1px solid #417818;
}
		
.imageright {
 	float: right;
 	padding: 7px 7px 35px 33px;
 	margin-left: 10px;
}

.imageleft {
 	float: left;
 	padding: 7px 21px 5px 0;
 	margin-left: 10px;
}
.imageleft2 {
 	float: left;
 	padding: 7px 21px 5px 0;
}

img {
	border: none;
	}

.breadcrumbs {
	font-size: 0.8em;
	color: #417818;
	margin-top: 15px;
		}
		
.courses {
		color: #417818;		
		}
		
/* left hand nav */		

#leftnav {
			float:left;
			width:200px;
			\width:220px;
			w\idth:200px;
			margin:40px 0 0 0;
			padding:10px;
			background-color:#fff;
			height: auto;
		}
		
#leftnav ul {
		margin: 30px 0 0 0;
		padding: 0;
		list-style-type: none;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 0.8em;
		vertical-align: middle;
}

#leftnav li { 
		margin: 0 0 3px 0; 
		}

#leftnav a {
		display: block;
		padding: 0;
		border: 1px solid #333;
		width: 184px;
		height: 27px;
}

#leftnav a:link, #leftnav a:visited {
		color: #333;
		text-decoration: none;
}

#leftnav a:hover {
		border: 1px solid #333;
		background-color: #417818;
		color: #fff;
}

#leftnav li a#current {
		border: 1px solid #333;
		background-color: #417818;
		color: #fff;
		width: 178px;
		height: 27px;
		padding: 4px;
}

#leftnav li a#current:hover {
		border: 1px solid #333;
		background-color: #fff;
		color: #417818;
		width: 178px;
		height: 27px;
		padding: 4px;
}

#leftnav li#title {
		display: block;
		border: 1px solid #333;
		background-color:#417818;
		color: #fff;
		width: 182px;
		height: 27px;
		padding: 2px;
		line-height: 1.1em;
}

.training {
    vertical-align: middle;
}
 /* footer */

#footer {
			bottom: 0;
			clear:both;
			padding:10px;
			margin-top:0;
			font-size: 0.75em;
			width:730px;
			\width:750px;
			w\idth:730px;
		}
		
#footer a:link, #footer a:visited {
		color: #417818;
		text-decoration: none;
}

#footer a:hover, #footer a:active {
		color: #fff;
		text-decoration: none;
		background-color: #417818;
		border-bottom: 1px solid #fff;
}

.ouline {
	border: solid 1px #333;
	padding: 5px;
	background-color:#CCCCCC;
	}
	
	.right_outline {
		border: solid 1px #333;
	padding: 5px;
	background-color:#CCCCCC;
		float: right;
	width: 150px;
	}
	
	img {
	border-style: none;
	}
	
	hr {
	background: #ccc;
	color: #ccc;
	height: 1px;
	margin: 0 30px;
   }

.small {font-size: 10px}