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

img { border: 0px; }

/*--------------------------------------------------------------*/
/* header bit */

#header
{
	width: 948px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#headerleft
{
	width: 139px;
	float: left;
}


#headerright
{
	width: 809px;
	float: right;
	text-align: right;
}

/*--------------------------------------------------------------*/
/* nav bit */

#nav
{
	width: 948px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #ffffff;
	background-color: #23231f;
}

/* box model hack */
#nav
{
	width: 948px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 946px;
}

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

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

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

/*--------------------------------------------------------------*/
/* image bit */

#image
{
	background-color: #ffffff;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;			
}

/* box model hack */
#image
{
	width: 948px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 946px;
}

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

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

#main
{
	background-color: #ffffff;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding: 0px;
}

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

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

#mainpagenav
{
	background-color: #ffffff;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding: 0px;
	background-image: url('../images/elements/bg_nav.gif');
	background-repeat: repeat-y;
	background-position: left;
}

/* box model hack */
#mainpagenav
{
	width: 948px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 946px;
}

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

#welcome_pane
{
	width: 438px;
	float: left;
	padding: 10px 0px 20px 10px;
}

/* box model hack */
#welcome_pane
{
	width: 438px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 428px;
	font-size: 80%;
}

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

.accreditation
{
	background-color: #f2efeb;
	border: 1px solid #cfcfc9;
	padding: 5px;
	color: #9e9e94;
}

.accreditation img
{
	margin-left: 5px;
}

#technical_pane
{
	width: 146px;
	float: left;
	font-size: 70%;
	padding: 10px 0px 20px 0px;	
}

#services_pane
{
	width: 146px;
	float: left;
	font-size: 70%;
	padding: 10px 0px 20px 0px;
}

#contact_pane
{
	width: 146px;
	float: left;
	font-size: 70%;
	padding: 10px 0px 20px 0px;
}

.spacer
{
	padding-top: 10px;
	width: 20px;
	float: left;
}


/*--------------------------------------------------------------*/
/* nav bit */

#navpage
{
	width: 946px;
}

#lhs
{
	margin: 2px 0px 10px 0px;
	padding: 0px;
	width: 190px;
	float: left;
	font-size: 80%;
	text-transform: uppercase;
}

#subnav
{
	margin: 2px 0px 10px 0px;
	padding: 0px;
	width: 190px;
	float: left;
	font-size: 75%;
	text-transform: uppercase;
	border-top: 2px #979785 solid;
	border-bottom: 2px #979785 solid;
}

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

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

#subnav a.subnavoff:hover
{
	text-decoration: none;
	color: #ccc;
	background-color: #333333;
}

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

#subnav a.subnavon:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #333333;
}

#subnav ul
{
	border-top: 1px solid #e1e2d7;
	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;
	color: #ffffff;
}


#subnav a.secnavoff:link, #subnav a.secnavoff:visited, #subnav a.secnavoff:active
{
	display: block;
	text-decoration: none;
	color: #666;
	padding: 4px 0px 4px 17px;
	background-color: #e2e7e8;
	font-size: 90%;
	border-bottom: #787e82 1px solid;
}

#subnav a.secnavoff:hover
{
	background-color: #bac5c7;
	text-decoration: underline;
	color: #394149;
}

#subnav a.secnavon:link, #subnav a.secnavon:visited, #subnav a.secnavon:active
{
	display: block;
	text-decoration: none;
	color: #394149;
	padding: 4px 0px 4px 17px;
	background-color: #bac5c7;
	font-size: 90%;
	border-bottom: #041c2c 1px solid;
}

#subnav a.secnavon:hover
{
	background-color: #bac5c7;
	text-decoration: underline;
	color: #394149;
}

.staffpic
{
	margin: 10px;
}


/*--------------------------------------------------------------*/
/* body area bit */

#body
{
	width: 756px;
	float: left;
	padding: 10px 10px 10px 10px;
}

/* box model hack */
#body
{
	width: 756px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 736px;
	font-size: 80%;
}

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



.articleimage
{
	padding: 3px;
	margin: 5px;
	border: 1px solid #333333;
	float: right;
}


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

#footer
{
	width: 948px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

#footer .left
{
	width: 440px;
	float: left;
	font-size: 70%;
	font-weight: bold;
	color: #e1e1df;
	text-align: left;
}

#footer .left ul
{
	padding: 0px;
	margin: 0px;
}

#footer .left ul li
{
	display: inline;
	list-style: none;
	margin: 1px;
	padding: 0px;
}

#footer .left ul li a
{
	color: #e1e1df;
	text-decoration: none;
}

#footer .left ul li a:hover { text-decoration: underline; }

#footer .right
{
	width: 508px;
	float: right;
	text-align: right;
	font-size: 70%;
	font-weight: bold;
	color: #c3c3bc;
}

#footer .right a
{
	color: #c3c3bc;
	text-decoration: none;
}

#footer .right a:hover { text-decoration: underline; }

/*--------------------------------------------------------------*/
/* tables stuff */

.tableborder {	border: 1px solid #7d7c78; }

.table1
{
	background-color: #e5e6dd;
	padding: 5px;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	border-bottom: 1px solid #fff;
}

.table2
{
	background-color: #d7d8cf;
	padding: 5px;
	color: #333;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
	border-bottom: 1px solid #fff;	
}

.table3
{
	background-color: #fef9f4;
	border: 1px solid #dfd3c7;
	padding: 3px;
	color: #333;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
}

.table4
{
	background-color: #fffefd;
	border: 1px solid #dfd3c7;
	padding: 3px;
	color: #333;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 100%;
}

/*--------------------------------------------------------------*/
/* text stuff */

a:link
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a:visited 
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
} 

a:active 
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
} 

a:hover 
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}


h1
{
	font-size: 135%;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #333333;
}

h2
{
	font-size: 105%;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #333333;
}

h3
{
	font-size: 100%;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #333;
}

p
{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}


.mandatory
{
	color: #cc6600;
	font-weight: bold;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 90%;
}

.small { font-size: 90%; }


.bold { font-weight: bold; }
.centered { text-align: center; }
.right { text-align: right; }
.orange { color: #cc6600; }


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

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

/*--------------------------------------------------------------*/
/* training body area bit */

#body_training
{
	background-color: #ffffff;
	width: 948px;
	float: left;
	padding: 10px 10px 10px 10px;
}

/* box model hack */
#body_training
{
	background-color: #ffffff;
	width: 948px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 928px;
	font-size: 80%;
}

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