#Written by Andrew Stringer
#Thanks to Iain Wallace for telling me how to count width in css
body {
#background-image:      url('/salembackground.png');
background-position:   center;
}

div.head {
top:0;
left:0;
border:         none;
margin-left:    1%;

}

div.index {
border:         none;
float:          left;
width:          18%;
margin-left:    0%;
/*background colour for the navigator*/
background-color:	#ffffff;
height: 100%;
}

div.body {
border-style:   none;
float:		left;
width:		76%;
margin-left:	1em;
padding:	1px;
}

div.footer {
border-style:	none;
text-align:	center;
width:		97%;
margin-top:	1em;
margin-left:	auto;
margin-right:	auto;
}


h1 {
background-color:       #ffffff;

}

h2 {
background-color:       #ffffff;

}

h6 {
background-color:       #ffffff;
font-size:		0.7em;

}


p {
background-color:       #ffffff;
}

#contact-table {
margin:			2%;
background-color:	#eeeeee;
border:			none;
}

table {
margin:			1%;
border:                 1px solid #000000;
}

td,th {
padding:		4px;
}

th {
text-align:		left;
color:			#ffffff;
background-color:	#990000;
border-style:		solid;
border-width:		1px;
border-color:		#eeeeee;
}

td {
background-color:	#dddddd;
border-style:		solid;
border-width:		1px;
border-color:		#ffffff;
}


img.float-left {/* header element float */
float: left;
/*width: 9em;*/
margin: 0.2em 0.2em 0.2em 0.2em;
background: #ffffff;
}

img.float-right {/* header element float */
float: right;
/*width: 10em;*/
margin: 0.2em 0.2em 0.2em 0.2em;
background: #ffffff;
}

/*hide text, white on white*/
hide {
background-color;	#ffffff;
font:			#ffffff;
}

/*custom navigator*/
#navigator p {
display:	none;
}
#navigator {
font-family:	Verdana, Helvetica, Ariel, sans-serif;
font-size:	0.7em;
font-weight:	bold;
width:		12em;
border-right:	1px solid #220000;
/*border-right:	1px solid #000666;*/
padding:	0;
margin-bottom:	1em;
background-color:	#550000;
color:		#330000;
}
#navigator ul {
list-style:	none;
margin:		0;
padding:	0;
}
#navigator ul li {
margin:         0;
border-top:	1px solid #003;
}
#navigator ul li a {
display:	block;
padding:	2px 2px 2px 0.5em;
border-left:	10px solid #dd0000;
border-right:	1px solid #aa0000;
border-top:	1px solid #aa0000;
border-bottom:	1px solid #aa0000;
background-color:	#550000;
/*text colour*/
color:		#dddddd;
text-decoration:	none;
width:		100%;
}
html>body #navigator ul li a {
width:		auto;
}
#navigator ul li a:hover {
border-left:    10px solid #dd0000;
border-right:   1px solid #aa0000;
border-top:     1px solid #aa0000;
border-bottom:  1px solid #aa0000;
/*nav hover colour*/
background-color:	#990000;
/*text color*/
color:		#ffffff;
}

.mission {
font-style:		italic;
}