body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #f3f4f0;
	font-family: arial, sans-serif;
	color: #9ea191;
	text-align: center;
	width: 100%;
	background-image: url('../images/elements/bg_main.gif');
	background-repeat: repeat-x;	
}

img { border: 0px; }




/*--------------------------------------------------------------*/
/* top area */


#header
{
	width: 774px;
	height: 185px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url('../images/elements/bg_world.gif');
	background-repeat: no-repeat;
	background-position: left bottom;	
}

#nav
{
	padding: 0px;
	margin: 32px 0px 3px 196px;
	float: right;
}

#nav ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav ul li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;	
}

#headerpanel
{
	margin: 1px;

}

#logo
{
	float: left;
	margin: 18px 50px 57px 19px;	
}

#strapline
{
	float: left;
	margin: 30px 0px 18px 0px;
}

.pad10right { margin-right: 9px; }
.pad10bottom { margin-bottom: 10px; }

/*--------------------------------------------------------------*/
/* main */

#main
{
	width: 774px;
	margin-left: auto;
	margin-right: auto;	
	padding: 10px;
	border: 1px solid #dee0d6;
	background-color: #ffffff;
}

/* box model hack */
#main
{
	width: 774px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 752px;
}

/* be nice to Opera */
html>body #main { width: 752px; }

/*--------------------------------------------------------------*/
/* content */

#pagecontent
{
	margin-top: 10px;
	width: 754px;
	text-align: left;
	font-size: 70%;
}

#homeleft
{
	float: left;
	width: 325px;
	padding: 0px 10px 0px 0px;
}

/* box model hack */
#homeleft
{
	width: 325px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 315px;
}

/* be nice to Opera */
html>body #homeleft { width: 315px; }

.mission
{
	padding: 5px;
	background-color: #f6f7f5;
	border: 1px solid #dee0d6;
}

ul.navlist 
{
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 13px;
	list-style: none;
}

ul.navlist li
{
	padding: 0px 0px 3px 11px;
	margin: 0px;
	list-style: none;
	background-image: url('../images/elements/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

ul.navlist a
{
	color: #9ea191;
}

ul.bodylist 
{
	padding: 5px 5px 5px 0px;
	margin: 0px 0px 0px 13px;
	list-style: none;
}

ul.bodylist li
{
	padding: 0px 0px 3px 11px;
	margin: 0px;
	list-style: none;
	background-image: url('../images/elements/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#homecentre
{
	float: left;
	width: 238px;
}

#rightarea
{
	width: 181px;
	float: right;	
}

.buttonlink, a.buttonlink:link, a.buttonlink:active, a.buttonlink:visited, a.buttonlink:hover
{
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #4e5356;
	padding: 3px 0px;
}


/* normal page  */

#pageleft
{
	width: 460px;
	float: left;
}

#pageright
{
	width: 285px;
	float: right;
}

/*  page with subnav  */

#subnav
{
	width: 180px;
	float: left;
	border: 1px #dee0d6 solid;
}

#subnav a
{
	display: block;
	text-decoration: none;
	color: #9ea191;
	border-bottom: 1px solid #ffffff;
}

#subnav a.subnavoff
{
	display: block;
	text-decoration: none;
	color: #9ea191;
	padding: 6px 7px 6px 7px;
	background-color: #f0ede0;
}

#subnav a.subnavoff:hover
{
	text-decoration: none;
	color: #4e5356;
	background-color: #dee0d6;
}

#subnav a.subnavon
{
	display: block;
	text-decoration: none;
	color: #4e5356;
	padding: 6px 7px 6px 7px;
	background-color: #dee0d6;
}

#subnav a.subnavon:hover
{
	text-decoration: none;
	color: #4e5356;
	background-color: #dee0d6;
}

#subnav ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#subnav ul li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;	
}

#subnav ul li a
{
	padding: 0px 0px 0px 7px;
	display: block;
}

#navpageright
{
	width: 565px;
	float: right;
}


input.field, textarea.field, select.field
{
	margin-bottom: 5px;
	border: 1px solid #cdcdcd;
}

textarea.field
{
	width: 150px;
	height: 150px;
}

form
{
	padding: 0px;
	margin: 0px;
}

#rhs_graphics
{
	width: 185px;
	float: right;
	text-align: right;	
}



/*--------------------------------------------------------------*/
/* footer */

#footer
{
	width: 774px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	color: #cbcebf;
	font-size: 70%;		
}

#footer a { color: #cbcebf; }

#footerleft { float: left; }

#footerright { float: right; }

/*--------------------------------------------------------------*/
/* additional stuff */

a:link { color: #4e5356; text-decoration: none; }

a:visited { color: #4e5356; text-decoration: none; }

a:active { color: #4e5356; text-decoration: none; }

a:hover { text-decoration: underline; }

.clear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

.bold { font-weight: bold; }
.right { text-align: right; }
.small { font-size: 90%; }
.red { color: #cc0000; }
.date { font-style: italic; }
.italic { font-style: italic; }
.centered { text-align: center; }
.mandatory { color: #cc0000; }

.quote
{
	margin: 5px 0px 5px 5px;
}

p
{
	padding: 6px 0px 3px 0px;
	margin: 0px;
}

h1
{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #4e5356;	
}

h2
{
	color: #4e5356;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

h3
{
	color: #9ea191;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	margin: 0px;
}

table { font-size: 100%; }

.table1
{
	background-color: #f6f7f5;
	border: 1px solid #dee0d6;
}

.table2
{
	background-color: #e8ede1;
	border: 1px solid #dee0d6;
}

.table3
{
	background-color: #ffffff;
	border: 1px solid #dee0d6;
}

th
{
	background-color: #aaae98;
	border: 1px solid #dee0d6;
	font-weight: bold;
	color: #ffffff;
}
