/*   Chris Maggs|July 2009   ------------------------------------------------------*/
* {    margin:0;         padding:0;       }
body { background-color: #DCD6B2;   font-family:  Arial, Helvetica, sans-serif;        }

h1 {	font-size:24px;		color: #C8BE88;	margin: 15px 0px;}
h2 { 	font-size: 14px;	color: #A8974F;	}
h3 {	font-size: 12px; }
p, li {	font-size: 13px; 	color: #706434;	margin: 5px 0;}

a.download { 	font-size: 13px; }
a.download:hover {	text-decoration:none; 	font-weight:bold;	}

a {			color:#564D27;	text-decoration:none; 		font-size:11px;	}
a:hover,
a:focus { 	color:#39331A; text-decoration: underline;	outline:none;  }

/* These should only display if logged in */
a.thickbox,
a.logout {		color:red;}
a.thickbox:hover,
a.logout:hover {	color:green; text-decoration: underline;}

#head,	#menu,	#content,	#footer {	width:  800px;	margin: 0px auto;	}
#head,	#menu,	#content			{	background-color:#fff;	}
/* ------------------------------------------------------*/
#head {
	height: 110px;
	margin-top: 60px;
	background: #fff url(../images/web_layout/people.gif) no-repeat 410px 20px;
}
#head .logo {
	margin: 20px 0px -5px 20px;
}

#head h2 {
	clear:left;
	margin:  1px 0 1px 20px;
}
/* ------------------------------------------------------*/
#menu {
	height: 30px;
	background-image:  url(../images/web_layout/menu.jpg);
	background-repeat: repeat-x;
}
#menu ul {
	list-style-type:none;
	line-height: 28px;
}
#menu li {
	/*  VARIABLE WIDTH*/
	display:inline;   
	padding: 0px 12px;
	/* FIXED WIDTH  
	display:block;
	float:left;
	width: 100px;*/
	color:#FFF;
	font-weight: bold;
	border-left: 2px solid #fff;
}
#menu li.first {
	border:none;
}
#menu li a {
	color:#333333;
	font-size: 13px;
}
#menu li a:hover,
#menu li a.selected {
	text-decoration:none;
	color:#fff;
}
/* ------------------------------------------------------*/
#content {
	/*clear:left;  if (#menu li == float:left) */
}
#left,#right {	overflow:hidden;	margin: 20px;} /* width set dynamically in page */
#left {		float:left;			}
#right {	float:right;		}
/* ------------------------------------------------------*/
#footer {				}
#footer p {			font-size:11px;	color:#564D27;}
#footer p.left {	float:left;		width: 300px;	}
#footer p.right {	float:right;	width: 300px;	text-align:right;	}