* { margin: 0;
	padding: 0;
	}

body {
	background-color: #003;

	text-align: center; 
	margin: auto;
	padding: 0;

	}
	
	
body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 75%; /* for explorer - usually 16px by default */
	}

html>body { /* explorer 6 and less ignores this */
	font-size: 12px; 
}

p, ol, ul {
	line-height: 1.5em;
}

/* ------------------------ */
/* LAYOUT DIV RULES - begin */

#top {
	margin: 1em auto 0;
	padding: 0;
	background: transparent url(/images/800top.gif) no-repeat bottom center;
	height: 19px;
	}
#bot {
	margin: 0 auto 0;
	padding: 0;
	background: url(/images/800bot.gif) no-repeat top center; 
	height: 19px;
	clear: both;
	}

#wrapper {
	width: 764px;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;	
	background: #009 url(/images/home-layout_800-j.gif) repeat-y top center; 
	}

#header {
	margin: 0 5px;
	padding: 0;
	text-align: center;
	}
	
#container {
	padding: 0 2em 0.05em 2em;
	}

#panel {
	float: right;
	background: #003 url(/images/panel180_top.gif) no-repeat top center;
	color: #ff0;
	margin: 0.5em;
	padding: 0;
	width: 180px;
	font-size: 0.83em;
	}


/* LAYOUT DIV RULES - end */
/* ---------------------- */
	
h1 {
	color: #fc0;
	margin-bottom: 0.3em;
	font-size: 1.35em;
	}
	
h2 {
	color: #ff6;
	margin: 1em 0 0;
	font-size: 1.15em;
	}
ul {
	list-style-type: none;
	}
	
li {
	background: url(../images/li-arrow.gif) no-repeat left center;
	padding: 0.3em 0px 0px 18px;
	color: #Fe4;
	font-weight: bold;
	}	

ul.large li {
	font-size: 1.1em;
	}

	
p {margin: 0.5em 0;
	line-height: 1.3em;
	}
	
.floatright {
	margin: 0 1em 1em;
	padding: 0;
	float: right;
	}
	
.floatleft {
	margin: 0 1em 1em;
	padding: 0;
	float: left;
	}
.clear {
	clear: both;
}


.small 
{
	font-size: 0.85em;
}


#media {
	float: right; 
	margin: 1em;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	padding: 0;
	width: 92px;
	background-color: #4040B3;
}
#media p {
	margin: 0;
	padding: 0 3px;
}
#media a {
	color: #ff9;
}
	
.mumpic {
	position: relative;
	left: 160px;
	}

.pics {
	text-align: center;
	}
.pics img {
	margin: 0 1em;
	}
	
a:link, a:visited {	color: #FF6; text-decoration: underline;} /*#CCF;*/
a:hover, a:active {	color: #F6F; text-decoration: none;}

#nextbutt { text-align: center; }
#nextbutt input {
	font-weight: bold; 
	color: #fc0; 
	background-color: #4040B3;
	}
.prev {
	float: left;
	}

.next { 
	font-style: italic; 
	font-size: 0.9em; 
	text-align: right; 
	font-weight: bold; 
	color: #fc0; 
	clear: both;
	}
	
.next a { font-weight: normal; }

#tl-link {
	text-align: center;
	font-size: 0.75em;
	margin-top: 1em;
	clear:both;
	}
#tl-link a {
	color: #33f;
	}

#panel ul, #panel ol {
	margin: 0; 
	padding: 0 5px 5px;
	background: transparent url(../images/panel180_bot.gif) no-repeat bottom center;
	}
#panel ol ul, #panel ol ul {
	background-image: none;
	}
/*
#panel li {
	font-size: 0.85em;
}
*/

h3 {
	color: #fc0;
	padding: 0;
	margin: 0;
	padding-left: 18px;
	}



/* add background and formatting to forms */
legend {
color: #ff9;
font-weight: bold;
padding: 0 0.25em;
margin: 0;
}

fieldset {
margin: 0 0 0.5em;
}

form {
padding: 0.5em 1em;
border: 1px solid #00c;
background-color: #007;
}

/* remove formatting just applied from e-info pack pages (page0.php etc) */
table#forms form,
#nextbutt {
	background-color: transparent;
	border: none;
}