body {
background-color: #E3E3D5;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


#banner {
background: url(images/top-back.png) top left repeat-x ;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
  height:120px;
  text-align:center;
  padding:5px;
  margin:0px;
  white-space : nowrap ;
  border:0px dashed red;
}



#strapline {
	position: absolute;
	top: 98px;
	left: 0px;
width:100%;
height:20px;
background-color: transparent;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000099;
text-align:center;
letter-spacing: 1px;
text-transform:uppercase;
}




/*Keeps design central*/

#container{
margin:0px auto ;
padding-top:122px;
width:770px;
background: url(images/back-1.gif) top left repeat-y;
border:0px;
}

/*main text area*/


#contentblock{
  margin:0px 0px 0px 190px;
  padding:10px 15px 0px 0px;
  border-right : 1px dashed gray;
}


#menucontainer {
width: 170px;
float:left;
}



/*LEFT HANDMENU*/



.lhtitle{
	background-color: #6D674F;
	font: bold 0.90em arial,helvetica,sans-serif;
	color: white ;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	width: auto;
}





div.menu {
	background-color: transparent;
	border: 0px;
	display: block;
	font: 0.90em arial, helvetica, sans-serif;
	padding: 0px;
	text-align: left;
	width: 170px;
	height:1px;
	
}

div.menu ul {
	display: block;
	font-size: 0.90em;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height:1px;
}

ul.menu li {
	border-bottom: solid 2px #E3E3D5;
	font-family: arial,helvetica,sans-serif;
	margin: 0px;
}

/*Width of menu 160px
Add border and padding to stated width
*/
ul.menu li a {
	background: #FAF3D1;
	border: solid 2px #FAF3D1;
	color: #003300;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	padding: 2px 2px 2px 3px;
	text-decoration: none;
}

ul.menu li a:hover {
	background: #FFFFEE;
	border-bottom: solid 2px #FFFFFF;
	border-left: solid 2px #666666;
	border-right: solid 2px #FFFFFF;
	border-top: solid 2px #AAAAAA;
	color: #000000;
	display: block;
	font-family: arial,helvetica,sans-serif;
}







p, #contentblock li, #contentblock td{
font: normal normal 0.95em  Arial, Helvetica, sans-serif;
color: black;
line-height:1.4em;
background-color: transparent;
}


#contentblock li  {
	list-style-image: url(images/redbutton.gif);
	list-style-type: square;
	margin: 0.2em 0 0 0;
	line-height: 1.4em;
}





h2 {
	color: #990000;
	font: normal normal 115% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0.5em 0em 0.5em 0em;
}

h3 {
	color: #000066;
	font: normal normal 105% Verdana, Geneva, Arial, Helvetica, sans-serif;
}



h4 {
	color: #006600;
	font: normal bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}








#footer{
border-top: 1px gray dashed;
padding-top:5px; 
font: normal normal 0.9em Arial, Helvetica, sans-serif;
color: black;
text-align: center ;
clear:both;
}


/*#footer a{
text-align: center;
font: normal normal 0.8em Arial, Helvetica, sans-serif;
text-decoration:none;
}
*/

/*#footer a:link {
color: #2E8B57;
}

#footer a:active {
color: #FF0000;
}

#footer a:visited {
color: #2E8B57;
}

#footer a:hover {
color: #990000;
}

*/


.borderpic{
border:1px solid #AAAAAA;	
}


/*Keyboard Notation*/

.infotable{
	background-color: #EFEFEF;
	border: 1em solid #EFEFEF;
}

kbd, .keys {
	background-color: #FFFFFF;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	color: #000000;
	font-family: monospace;
	font-size: 140%;
	font-weight: bold;
	margin: 3px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}


/*Form Stuff*/

legend{
	font: normal bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:center;
}

fieldset{
	padding:5px;
	width:400px;
	font: normal normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

 input,textarea{
 background-color:#FFFFEE;
 }
 
 
 hr{
 	height:1px;
	color: #BBBBBB;
	margin: 0px;
	padding:0px;
 }
 
 
 .hidden{
 	visibility : hidden;
	display : none;
 }
 
 .whitebox{
 border:1px solid gray;
 padding:5px 10px; 
 background-color:white
 }
 

/*COURSE BOX 1*/


 .coursebox-1{
 border: 1px solid gray; 
 margin: 10px 0px 10px 0px; 
 padding: 0px 15px; 
 background-color: white; 
 text-align:center
 }
 

 .coursebox-1 h4{
   margin: 10px 0px 0px 0px; 
  padding: 0px; 
  color: green;
  }
 
 .coursebox-1 p{
  margin: 5px 0px 8px 0px; 
  padding: 0px; 
  line-height:1.2em;
  }
 
 
 
/*COURSE BOX 2*/


 .coursebox-2{
 border: 1px solid gray; 
 margin: 10px 0px 10px 0px; 
 padding: 0px 15px; 
 background-color: #FFFFEE; 
 text-align:center;
 }
 

 .coursebox-2 h4{
  margin: 10px 0px 0px 0px; 
  padding: 0px; 
  color: red;
  }
 
 .coursebox-2 p{
  margin: 5px 0px 8px 0px; 
  padding: 0px; 
  line-height:1.2em;
  }

  
  .gallery-1 img{
  	border:4px solid #FFF;
  }