body {	
	font-family: Verdana, Arial, sans-serif ;
	color: #DD4219 ;
	text-align: left}
	
h1 {
	font-family: "Comic Sans MS", Arial, sans-serif ;
	font-size: 125%;
	color: #ED930D}
h2 {
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 120%;
	text-align: center;
	color: #009933}
	
h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 135%;
	
	color: #ed930d}
	
h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 120%;
	text-align: center;
	color: #009933}
	
h5 {
	font-family: "Comic Sans MS" ;
	font-size: 120%;
	text-align:center;
	color: #800080}
	
h6 {font-family: Verdana, Arial, sans-serif;
	font-size: 120%;
	text-align: center;
	color: black}
	
h6 a {color: black}
	
a:link {
	color: #009933;
	text-decoration: none}

a:visited {
	color: #009933;
	text-decoration: none }

	
table {font-size: 80%;	
		color: #004080}

.topnav { 
	background-color: #004080;
	padding-left: 3px;
	margin: 5px;
	color: white}
	
.topnav a {color: white}
	
#banner {background: url('../SPACEHOP_LOGO_A4HEADER.jpg') no-repeat left 5%; 
		height:80px;
		}
	
#topmenu  a {color: white;text-decoration:none}
 
#topmenu a:hover {color: #ffff99}

#contentwrapper {
			clear: both;
			position: relative;
			width: 100%}
			
#sidemenu {position: absolute;
		left: 0;
		width: 20%
		
						}
	
#main {margin-left: 20%;
		text-align: left}	
		
#centre {
	margin-left : 20%;
	text-align: center}
.centre {
		margin-left: 150px}
				
	
#links {margin-left: 20%
		padding: 5px;
		margin: 5px;
		text-align: center;
		
		}
		

		
#links a:hover {text-decoration: underline}


.links a {color: #660066}

.links a:hover {text-decoration: underline}
		

.resources {
	padding-right: 0.7em;
	padding-left: 0.7em;
	padding-bottom: 0.4em;
	padding-top: 0.3em;
	margin:0px;
	line-height: 120%;
	background-color: #006666}

.resources a:link {color: white;
	text-decoration:none}

.resources a:visited {color: white;
	text-decoration:none}

.resources a:hover {color: #ffff99;
		text-decoration: none}


	
.heading {
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.5em;
	line-height: 120%;	
	background-color: #004080;
	color: white}	
	
.sidenav {
	background-color: #000080}
	
.publ {font-weight: bold}

.left {text-align: left}

.book {color: black}

.book a {color: #660066}

.book a:hover {text-decoration: underline}

.contact {font-size: 100%} 
.contact a {color: #660066;
			font-size: 130%;
			font-weight: bold;
			text-align:center}
.email a {color: #660066;
			font-size: 100%;
			font-weight: normal}

.small {font-size: 70%}
		
.imageleft {
         border:1px solid #f6b85d;     
         padding:5px;
         margin-left:10px;
         margin-right:20px;
         float:left} 

.imageright {
         border:1px solid #f6b85d; 
         padding:5px;
         margin-left:10px;
         margin-right:10px;
         float:right} 
	
li.quest {list-style-image:url('../graphics/icon_lightbulb.gif');
		text-align: left	}

li.ans {list-style-type:square}

.logo {
	position: relative;
	top : 1%;
	right: -1%}

.competition {
	color: #342D7E

}	
#footer {position:relative; bottom: 0;
	background-color: #bfcfdf;
	font-size: 75%
	
	}
