body {
	position : absolute ;
	top : 0px ;
	right : 0px ;
	bottom : 0px ;
	left : 0px ;
	background-image : url("../images/circles.gif") ;
	background-repeat : no-repeat ;
	background-position : -20px 120px ;
	background-attachment : fixed ;
	font-family : "Euphemia UCAS", sans-serif ;
	font-size : 10pt ;
}
 
/* Menu Bar */
 div.menuBar {
	float : right ;
 }
 
div.menuBar a {
    display : block ;
 	border-bottom : 1px solid ;
 	margin-top : 0.15em ;
 	padding-right : 20px ;
  	color : rgb( 204,51,0) ;
 	font-size : 10pt ;
 	border-bottom-color : rgb( 204,51,0) ;
 }
 
 div.menuBar a + a {
	color : rgb(204, 102, 0) ;
	font-size : 9pt ;
	margin-left : 90px ;
	border-bottom-color : rgb( 204,102,0) ;
}

 div.menuBar a  + a + a {
	color : rgb(255, 146, 0) ;
	font-size : 8pt ;
	margin-left : 170px ;
	border-bottom-color : rgb( 255,146,0) ;
}

 div.menuBar a  + a + a + a {
	color : rgb( 255, 204, 51) ;
	font-size : 7pt ;
	margin-left : 240px ;
	border-bottom-color : rgb( 255, 204, 51) ;
}

div.menuBar a[href]:hover {
	color : black ;
}
  
/* Main Contents */

div.contentFrame {
	position : relative ;
	top : 0px ;
	left : 0px ;
	width : 80% ;
    padding : 10px 20px 40px 40px ;
    margin : 70px 20px 40px 40px ;
    min-height : 420px ;
/* hack for IE 'cos it can't do png transparency */    
	background-color : rgb(243, 243, 243) ;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85) ;
}
/* but it also can't do direct child ... so we override the patch for all other
browsers here */
body > div.contentFrame {
	background-image : url("../images/grey.png") ;
	background-color : transparent ;
}
/*end of hack*/

div.footspace {
    position : absolute ;
    top : 0px ;
    bottom : -20px ;
    width : 1px ;
}

div.verticalRed {
    position : absolute ;
    left : -4px;
    top : 0px ;
    bottom : 0px ;
    width : 1px ;
	background-repeat : repeat-y ;
	background-image : url("../images/red.gif") ;
}


div.verticalDarkOrange {
    position : absolute ;
    left : 0px;
    top : -5px ;
    bottom : 0px ;
    width : 1px ;
	background-repeat : repeat-y ;
	background-image : url("../images/darkorange.gif") ;
}

div.verticalOrange {
    position : absolute ;
    left : 4px;
    width : 1px ;
    top : 0px ;
    bottom : 0px ;
	background-repeat : repeat-y ;
	background-image : url("../images/orange.gif") ;
}

h1, h2, h3 {
    font-weight : normal ;
    margin : 0px ;
    margin-bottom  : 0.2em ;
}

h1 {
	color : rgb(204,51,0) ;
	font-size : 20pt ;
	margin-top : 20px ;
}

h2 {
    font-size : 15pt ;
    margin-left : 20px ;
}

h3 {
    font-size : 11pt ;
}

a {
	color : rgb(204,102,0) ;
	text-decoration : none ;
}

a:hover {
	border-bottom : 1px dashed rgb(255, 146, 0) ;
}

*.highlight {
	color : rgb(204, 51, 0) ;
}