html,body{
	margin:0;
	padding:0;
	color: #5B7800;
}

body{
	font: 85%/1.3 Verdana,Arial,sans-serif;
    	text-align: center;
	background: #FFFddF;
	padding-bottom:20px;
}

p{
	margin-top:0;
	color:#555;
	font-size:0.8em;
	line-height:230%

}

h1,h2,h3{
	font: normal normal 180% "Trebuchet MS",Arial,sans-serif;
	line-height:100%
}

h1 {
	color:#555
}

h2{
	font-size:130%
}

h3{	
	font-size:110%
}


/********************************Header********************************/
div#header{
	width:100%;
	overflow:hidden;
	background:url(../presentation-images/curved-vision2.jpg) no-repeat fixed top center;
}

div#header h1,div#menu{
	width:60em;
	margin:0 auto;
	text-align:left;

}

div#header h1{
	padding: 60px 0 10px;
	color:#e65714;
	font-size:100%;
    padding-left:5em;

}

/********************************Top Nav********************************/

#menu {
	background:#e65714;
	width:100%;
	height:24px;
	padding:3px 0 0 0;
}

ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;padding:0
}

ul#nav{
	float:right;
	font-size: 80%;
	margin-right:10px
}

ul#nav li{
	float:left;
	margin-left: 3px;
	text-align: center
}

ul#nav a{
	float:left;
	width: 7em;
	padding: 5px 0;
	background: #99cc00;
	text-decoration:none;
	color: #FFC
}


ul#nav a:hover{
	background:#5B7800
}

ul#nav li.activelink a,ul#nav li.activelink a:hover
	{
		background: #FFF;
		color: #003
	}

/********************************Main content***************************/
div#container
	{	width:60em;
		margin:0 auto 20px;
		padding:20px 0 10px;
		text-align:left;
		background:#FFF
	}

div#content	{
		float:left;
		display:inline;
		width:70%;
		width:40em;
		margin:0 0 15px 30px
	}

div#content h5 {
	color:#e65714;
	padding:1em 0;

font: normal normal 140% "Trebuchet MS",Arial,sans-serif;
	line-height:100%

}

div#content h2, div#content h3{
	letter-spacing:0.3em;
	line-height:130%;
	margin: 30px 0  15px 0;
	color: #5B7800;
	text-transform:uppercase
}

/*******************************Side bar*****************************/

div#side{
	float:right;
	display:inline;
	width: 15em;
	background:#d6efd6; 
	margin:0 0.8em 0.8em 0;

}

div#side p{
	margin:5px 0 10px;
	padding: 0 10px;
	color: #5B7800;
	font-size:0.8em;
	font-weight:900;
	line-height:110%;
	font:  0.85em Verdana,Arial,sans-serif;

}

div#side div{
	margin: 0 0 10px;
	padding: 10px 0
}

div#side h1 {
	margin:5px 0 10px;
	padding: 0 10px;
	font-weight:bold;
	font-size:1em;
   	text-transform:uppercase
}	


/*******************************Side bar nav*************************/


#sidenav {
		text-align:center;
	
}

#sidenav ul li {
    background: #ffff00;
    list-style-type:none;
    text-align:center;
    padding:0;
    margin:auto;
    width:100%;
    margin-left:-1.4em;
    margin-top:0.5em;
}

#sidenav ul li a {
    text-decoration:none;
}

#sidenav ul a{
	display:block;
	padding:0.3em;
	font: bold 0.7em Verdana,Arial,sans-serif;
   	text-transform:uppercase;
	background: #FFFddF;  
    color: #666;
   	text-decoration:none;
	text-align:center
}

#sidenav ul a:hover{
	background: #99cc00;
	color:#FFF
}



/*******************************Footer*****************************/

div#footer{
	clear:both;
	width:97%;
	margin:0 10px 0;
	padding: 10px 0;
    	background: #eee;
	color: #FFF;
	text-align:center
}

div#footer p{
	margin:0
}


/*******************************Images*****************************/

.imageright {
	float:right;
	margin:1em
}

.imageleft {
	float:left;
	margin:1em
}


.imagecenter{
	margin:1em;
	border:1px solid #5B7800
}



/*******************************Fancy bits******************************/
ul#footnote,ul#footnote li
	{
		list-style-type:none;
		margin:0;
		padding:0
	}

ul#footnote
	{
		width:100%;
		overflow:hidden;
		margin-bottom:20px
	}

ul#footnote li{
	float:left;
	width:25em;
	margin:1em;
	padding: 0.7em 0
}

li#book{
	background: #E65714
}

li#training{
	background: #42B4AC;
	background: #5B7800
}

ul#footnote {
	margin-right:0
}

ul#footnote p,ul#footnote h3{
	margin:0;
	padding: 0 10px
}

ul#footnote h3 a {
	text-transform:uppercase;
	padding-bottom:3px;
	color: #FFF;
	text-decoration:none;
	font-size: 69%;
}


div.comments div{
	background: #EEE;
	margin-bottom:10px
}

div.comments p{
	padding: 10px;
	margin:0
}

div.comments div.odd{
	background:#FFF77F
}