body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 0;
}

p, li, td, th, dl {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.95em;
}

address {
	color : #006060;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : 600;
}

h1, h2, h3, h4, h5, h6 {
	font-family : "Trebuchet MS", Verdana, arial, helvetica, sans-serif;
	color : #006060;
}

#main {
	margin : 0;
	padding : 0;
	position : relative;
	top :0;
	left : 0;
	/*Avoid IE bug*/
	border-top : 1px #ffffFE solid;
	width : 99%;
}

div.item h3{
	background : #9999CC;
	color : #001133;
	letter-spacing : 0.1ex;
	margin : 0;
	padding : 0.2ex 0.4ex 0.4ex 0.8ex;
	width : auto;
}

div.item p{
	color : #000000;
	margin-left : 2em;
}

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

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

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

.clr{
	clear : both;
	font-size : 0.1em;
	margin : 0.1empx;
	padding : 0.1em;
}

.col {
	float : left;
	margin : 1%;
}

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

.contact{
	clear : both;
}

.content{
	/*position : relative;*/
	margin:0em 0em 0em 10em;
	padding : 0;
}

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

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

.content li, .content ul{
	margin-left : 0.7em;
}

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

.content a:link{
	color : #000099;
	letter-spacing : 0.02em;
}

.content a:hover{
	color : #CC0000;
	background-color : #FFFFE0;
}

.midcol {
	float : left;
	width : 70%;
	margin : 0 1% 0 1%;
	/*margin : 0 11.3em 0 0;*/
}

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

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

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

.foot {
	clear : both;
}

.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 .lk a{
	color : #CCE0FF;
	font-weight : 600;
	letter-spacing : 0.05em;
	text-decoration : none;
}

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

.intro {
	background-color : #CCCCCC;
	border-color : #0000FF;
	border-style : inset;
	border-width : medium;
	color : #000080;
	font-family : arial, sans-serif;
	font-size : 120%;
	margin-bottom : 0px;
	margin-left : 30px;
	margin-right : 30px;
	padding-bottom : 10px;
	padding-left : 2em;
	padding-right : 2em;
	padding-top : 10px;
}

.intro2 {
	color : #000066;
	font-size : 1.15em;
	font-style : italic;
	font-weight : bold;
	margin-bottom : 1em;
	margin-left : 1em;
	margin-right : 1em;
	margin-top : 1em;
	text-align : center;
}

.intro3 {
	margin-bottom : 10px;
	margin-left : 25px;
	margin-right : 25px;
	margin-top : 20px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
}

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

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

.left{
	float : left;
}

.note {
	color : #006666;
	font-family : cursive, sans-serif;
	font-weight : 500;
	margin-top : 0.1em;
}

.nowrap {
	white-space : nowrap;
}

.rtcol{
	/*position : absolute;
	top : 0;
	right : 0.1em;*/
	float : left;
	background : #DDD8FF;
	color : #003333;
	font-size : 90%;
	margin : 0px 0px 1em 0px;
	padding : 0px 0px 0.8em 0px;
	width : 25.5%;
}

.rtcol p {
	margin : 1em 0.7em 1em 0.7em;
}

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

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

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

#footer {
	position : relative;
	top : 0;
	left : 0;
	border-top : 1px #0000FF solid;
	width : 97.5%;
	margin : 0;
	padding : 0;
}

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

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

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

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

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

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

#head h1 {
	color : #003399;
	background-color : #E8E8FF;
	margin : 0.1em 1em 0.1em 1em;
	padding : 0.5em 1% 2% 1%;
	text-align : center;
}

#menu{
	position : absolute;
	top : 0;
	left : 1em;
	border : none;
	list-style-image : none;
	list-style-type : none;
	margin-top : 2%;
	padding : 1%;
	margin-left : 0px;
	margin-right : 2.5%;
	padding : 0.5% 0px 0px 0px;
	text-align : center;
	width : 8em;
}

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

#menu li > ul {
	/*top: auto;
	*/
	/*width : auto;
	*/
	left : 8em;
	top : 0.8em;
}

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

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

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

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

#menu li ul {
	display : none;
	left : 25%;
	position : absolute;
	top : 2em;
	width : 15em;
}

#menu li ul li {
	background-color : #3366FF;
	border : 1px solid #333333;
	color : #FFFFFF;
	margin-bottom : 0px;
	margin-top : 0px;
}

#menu li ul li  a{
	background-color : #3366FF;
	color : #FFFFFF;
}

#menu li ul li  a:hover{
	background-color : #FF6633;
	color : #FFFFFF;
}

#menu li:hover ul, #menu li.over ul {
	display : block;
	z-index : auto;
}

#menu li:hover, #menu li.over {
	z-index : 3;
}

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