.content .item li, .content .content2 li {
	margin-top : 0.5em;
	margin-right : 0.8em;
}

# head {
	width:100%;
	padding : 2% 2% 1% 2%; 
	margin  : 1% 1% 1% 1%;
	clear : both;
}

#head h1 {
	background-color : #E8E8FF;
	margin-right:225px;
	margin-left:1%;
	margin-top : 0.3em;
	padding : 2% 1% 2% 1%; 
	text-align : center;
}

#menu{
	/*background-color : #E8E8FF;*/
	width : 17%;
	margin-left : 0px;
	margin-right : 2.5%;
	padding : 0.5% 0px 0px 0px;
	float : right;
	text-align : center;
}

#menu ul {
	border : none;
	list-style-image : none;
	list-style-type : none;
	/*The 30px is for netscape 4.7 only, 
	it is redefined in the url linked style sheet */
	margin-left : -30px;
	margin-top : 2%;
	padding:1%;
}

#menu li {
	margin : 0em 0px 0.5em 0px;
	padding : 0px 0px 0px 0px;
	list-style-image: none;
	list-style-type: none;
	border : 5px outset #3366FF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

html>body #menu li a {
	width : auto;
}

#menu li a {
	background-color : #003399;
	/* #1958B7;*/
	/*border-left : 10px solid #0948A7;
	border-right : 10px solid #407FB4;*/
	color : #FFFFFF;
	display : block;
	padding : 0.5em 0.5em 0.5em 0.5em;
	text-decoration : none;
	width : auto;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-weight : bold;
}

#menu li a:hover {
	background-color : #CC0000;
/*	color : #FFFFFF;*/
}

.content{
	padding: 0px 0px 0px 0.2%;
	float : right;
	width:78%;
	margin-right : 0.3%;
		/*margin:1em 1em 0.1em 135px;*/
}

.content p, .content dl, .content address {
	margin-left : 2.5em;
	margin-right : 1em;
}

.content li, .content ul{
	margin-left : 0.7em;
}
.content2 {
	border : 2px solid #000099;
	padding: 0px 0px 0px 0.2%;
	margin : 1em 4.5% 1em 1%;
}

.content2 h1, .content2 h2, .content2 h3, .content2 h4, .content2 h5, .content2 h6{
	margin-left : 1.5em;
	margin-right : 1em;
}

.content2 p, .content2 dl {
	margin-left : 2.5em;
	margin-right : 1em;
}

.course p{
	margin-left : 1em;
	margin-right : 0.5em;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	margin-left : 1.5em;
	margin-right : 1em;
}

.contact{
	padding: 1% 1% 1% 1% ;
	width:98%;
	margin : 1% 1% 1% 1%;
	clear : both;
}

.centre {
	width: auto;
	margin:0px auto;
	text-align: center;
	padding:1.2em;
}

/* The footer id is only used on the home page*/
#footer p{
	font-size : 75%;
}

#footer  .lk {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #999999;
	text-align: center;
	font-size : 0.75em;
	padding-top : 1px;
	line-height : 1.8em;
	border-bottom: 1px  solid #0000CD;
	background : #FCFCE8;
	border-top : 1px solid #0000CD;
}

#footer .lk a{
	white-space : nowrap;
}

#footer   .lk a:link{
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-weight : bold;
	color : Navy;
	text-decoration : none;
	background : #FCFCE8;
}

#footer   a:visited {
	text-decoration : none;
}

#footer p.lk a:hover{
	text-decoration : underline;
	background : #FFFF99;
	color : #CC0000;
}

.foot {
	clear : both;
}

.foot .lk a{
	color : #CCE0FF;
	font-weight : 600;
	letter-spacing : 0.05em;
	text-decoration : none;
}

.foot .lk {
	background : #330066;
	color : #CCE0FF;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : 600;
	letter-spacing : 0.05em;
	margin-bottom : 0.85em;
	padding-bottom : 0.85em;
	padding-top : 10px;
	text-align : center;
	text-decoration : none;
	vertical-align : middle;
}

.foot a:hover{
	color : #FF6633;
}

.bleedleft{
	margin-left:-5%;
}

.course{
	width : 43%;
	border : 2px solid #660000;
	float : left;
	margin : 0.6em 0% 2%  2%;
	padding : 1% 1% 1em 1%;
	font-size : 1em;
}

.course h3{
	text-align : center;
	margin-top : 0.6em;
}

.ltop{
	border : 2px solid Blue;
	margin : 0.6em 2% 2% 2%;
	padding:1%;
	/*font-size : 90%;*/
}

.leftcol{
	float : left;
	width : 50%;
}

.leftcol h2{
	font-size : 1.15em;
	margin-top :  0.4em;
	padding-top : 0.1em;
	color : #993300;
}

.leftcol h3{
	font-size : 1.05em;
	margin-top :  0.4em;
	padding-top : 0.1em;
	color : #993300;
}

.left{
	border : 2px solid Blue;
	margin-left : 2%;
	margin-right : 2%;
	margin-bottom : 2%;
	margin-top : 2%;
	padding:1%;
	/*font-size : 0.9em;*/
}

.picleft{
	float : left;
	padding : 10px;
}

.who{
	clear : both;
	border : 2px solid Blue;
	margin-left : 1%;
	margin-top : 1%;
	margin-right : 2.5%;
	font-size : 0.9em;
}

.who li{
	margin : 1% 1% 1% 6%;
	list-style-image : url(images/greenloz.gif);
}

.contact{
	clear : both;
}

.nowrap {
	white-space : nowrap;
}

.item {
	margin : 2em 2em 2em 2em;
	padding : 0px 0px 0.8em 0px;
	background-color : #F0F0F8;
	border : 1px solid Navy;
}

.lcol{
	float : left;
	width : 60%;
}


.rtcol{
	background : #DDD8FF;
	color : #003333;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	width : 33%;
	border : 1px solid Black;
	float : left;
	padding : 0px 0px 0.8em 0px;
	margin-left : 2%;
	margin-right : 0%;
	margin-bottom : 2%;
	margin-top : 1.5%;
	font-size : 0.95em;
}

div.rtcol h3 {
	background : #330066;
	color : #CCE0FF;
	font-family : Arial, Helvetica, sans-serif;
	letter-spacing : 0.1ex;
	margin : 0px 0px 0px 0px;
	padding : 0.2ex 0.6ex 0.4ex 0.6ex;
	width : auto;
	text-align : center;
}

div.rtcol ul{
	margin-right:0.5ex;
}
