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

img { border: 0px; }



#wrapper
{
	background-image: url('../images/elements/bg_content.gif');
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	padding: 5px 15px 5px 15px;	
}


/* box model hack */
#wrapper
{
	width: 780px;	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 750px;	
}

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


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


#header
{
	width: 750px;
	height: 158px;
	text-align: left;
	background-image: url('../images/elements/bg_header.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#logo
{
	padding: 54px 455px 9px 0px;	
}

/*--------------------------------------------------------------*/
/* nav area */

#nav 
{
	background-image: url('../images/elements/bg_nav.gif');
	background-repeat: repeat-x;
	height: 32px;
	width: 750px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-transform: uppercase;
	font-size: 60%;
	font-weight: bold;
	line-height: 32px;
}


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

#nav ul li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
	background-image: url('../images/elements/nav_divider.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

#nav ul li a
{
	color: #ffffff;
	padding: 0px 9px 0px 10px;
}

#nav a.navoff
{
	display: block;
	text-decoration: none;
	color: #d1dbeb;
}

#nav a.navoff:hover
{
	text-decoration: none;
	color: #ffffff;
}

#nav a.navon
{
	display: block;
	text-decoration: none;
	color: #ffffff;
}

#nav a.navon:hover
{
	text-decoration: none;
	color: #ffffff;
}


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

#main
{
	width: 750px;
	padding: 5px 0px;
	text-align: left;
	font-size: 80%;
}
 
/*--------------------------------------------------------------*/
/* panels */


/* --- left panel --- */

#leftarea
{
	float: left;
	width: 180px;
	padding: 0px 15px 0px 0px;
}

/* box model hack */
#leftarea
{
	width: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 165px;
}

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

#sponsors
{
	border: 1px solid #486599;
	padding: 10px 8px 10px 8px;
	margin: 0px 0px 5px 0px;
}

#newsupdates
{
	background-color: #38568b;
	padding: 10px 8px 10px 8px;
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
}

.button
{
	padding: 3px 0px 3px 0px;
	float: right;
}

/*  page with subnav  */

#subnav
{
	width: 165px;
	float: left;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
}

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

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

#subnav a.subnavoff:hover
{
	text-decoration: none;
	color: #232534;
	background-color: #7b89aa;
}

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

#subnav a.subnavon:hover
{
	text-decoration: none;
	color: #232534;
	background-color: #7b89aa;
}

#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;
}

#subnavtitle
{
	background-color: #38568b;
	color: #ffffff;
	padding: 5px;
}

#subnav .secnavoff, #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%;
}

#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%;
}

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


/* --- central panel --- */

#homecentre
{
	float: left;
	width: 317px;
	font-size: 90%;	
}

/* --- right panel --- */

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

.rhshead
{
	background-color: #38568b;
	padding: 10px;
}

.rhscontent
{
	background-color: #7394c8;
	border: 1px solid #486599;
	padding: 10px;
	color: #ffffff;
	font-size: 80%;
	margin: 0px 0px 5px 0px;
}


/* --- the rest --- */

#pagecontent
{
	width: 570px;
	float: right;
	text-align: left;
	font-size: 90%;
}

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;
}

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


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


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

#footer
{
	width: 750px;
	border-top: 1px solid #d7dde8;
	padding-top: 5px;
	color: #969797;
	font-size: 70%;
}


#footer a { color: #969797; }

#footerleft { float: left; text-align: left; }

#footerright { float: right; text-align: right; }

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

a:link { color: #666566; }

a:visited { color: #666566; }

a:active { color: #666566; }

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%; }
.large { font-size: 110%; }
.red { color: #cc0000; }
.date { font-style: italic; }
.centered { text-align: center; }
.mandatory { color: #cc0000; }

.mugshot { margin: 5px; }


.small_table { font-size: 75%; }

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

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

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

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

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

table { font-size: 100%; }