/* gloabal link colours   */
html a:link {color:blue;}
html a:visited {color:purple;}

body {
	width:780px; 
	margin:0 auto;
	background:url("images/background.gif");
	background-color:#efc;	color:black;
	font:12px arial, sans-serif;
	z-index:1;
	}

/* masthead */
#masthead {
	width:780px; height:103px;
	margin:8px 0 0 0; padding:0;
	background-color:#7e945c; color:white;
	border-bottom:0px solid #ca9c6a;
	}
	/* masthead elements   */
	.logo {float:left; margin:0; padding:0 0 0 5px;	}
	.home {
		background:#ca9c6a;
		position:relative; top:80px; left:-62px;
		border:1px outset #7e945c; padding:0 5px;}
	#masthead img {	border:0px solid; margin:0; padding:0; }
	.title {float:left; margin:0; padding:7px 0 0 10px; font:46px "times", serif; text-align:left; letter-spacing:15px;}
	.message {float:left; margin:0; padding:0 0 0 40px; font:oblique 18px "times", serif;}

div#main {
	float:left; 
	background:white; color:#7e945c;
	margin:0; padding:0 0 10px 0;
}

/* navigation */


div#nav a.current,	div#nav a.current:hover {background-color:#7e945c; color:white; border-color:white;}


div#nav a.bg1, .bg1 {background-color:#cd6059;}
div#nav a.bg2, .bg2 {background-color:#ca9c6a;}
div#nav a.bg3, .bg3 {background-color:#b7c0a1;}
div#nav a.bg4, .bg4 {background-color:#95c9e1;}
div#nav a.bg5, .bg5 {background-color:#8b5f7a;}
div#nav a.bg6, .bg6 {background-color:#ffd071;}

div#nav a.bg1:hover, div#nav a.bg2:hover,
div#nav a.bg3:hover, div#nav a.bg4:hover,
div#nav a.bg5:hover, div#nav a.bg6:hover { background-color:white; }

div#nav a.bg1:hover {color:#cd6059; border-color:#cd6059;}
div#nav a.bg2:hover {color:#ca9c6a; border-color:#ca9c6a;}
div#nav a.bg3:hover {color:#b7c0a1; border-color:#b7c0a1;}
div#nav a.bg4:hover {color:#95c9e1; border-color:#95c9e1;}
div#nav a.bg5:hover {color:#8b5f7a; border-color:#8b5f7a;}
div#nav a.bg6:hover {color:#ffd071; border-color:#ffd071;}

/* reference stlye */

div#refs {	background:white; color:gray; }
div#refs h5 {	margin:0; padding:0;	text-decoration:underline; }

/* Footer */
div#footer {
	clear:left; width:780px;
	padding:10px 0; margin:0;
	background-color:#7e945c; color:white;
	font:bold 12px "times new roman", serif;
	text-align:center; letter-spacing:3px;
	border-bottom:4px solid #ca9c6a;
	}
.footer {
	font:12px arial, sans-serif;
	letter-spacing:1px;
}

div#web, div#copy, div#log {
	padding:3px 0 7px 0;
	width:250px; float:left;
	font:10px arial, sans-serif;
	color:white;
}

/* admin line */
div#web {padding:7px 0 7px 10px;}
div#copy {width:260px; float:left; text-align:center; }
div#log {float:left; text-align:right; padding:7px 10px 7px 0;}

div#web a {text-decoration:none; padding:0 1px; color:maroon;}

div#valid {text-align:right;}
div#valid img {	border-width:0px;	height:31px; width:88px;}

h1, h2, h3, h4, h5 {
	background-color:white;color:#7e945c;
	margin:0;	font-family: arial, sans-serif;
}
h1 {
	font:bold 26px "Arial Narrow", sans-serif;
	padding:10px 0 0 0;	text-transform:uppercase;
}
h2 {font-size:20px;  padding:7px 0 0 0; 	text-transform:uppercase;}
h3 {font-size:16px;  padding:5px 0 0 0;}
h4 {font-size:12px;	 padding:3px 0 0 0;}
h5 {font-size:10px;	 padding:1px 0 0 0;}

.click {position:relative;}
.click a {
	padding:0 10px 0 20px ; background-color:#ca9c6a;
	color:white; font:10px "Arial Narrow",sans-serif;
	text-transform:uppercase; text-align:center;
	text-decoration:none; border:2px outset #7e945c;
}
.click a:hover {
	border:2px inset #7e945c;
}