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; }


#homemain
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 500px;
	padding: 5px;
	text-align: center;
	font-size: 80%;
	border: 1px solid #909dbb;
	background-color: #ffffff;
}

/* box model hack */
#homemain
{
	width: 500px;	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 490px;	
}

/* be nice to Opera */
html>body #homemain { width: 490px; }


/*--------------------------------------------------------------*/
/* 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%;
}

.displaytitle
{
font-size:120%;
font-weight:bold;
color:#38568b;
text-transform:uppercase;
}
 
/*--------------------------------------------------------------*/
/* 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 a.subnavtitleoff
{
	display: block;
	text-decoration: none;
	color: #d1dbeb;
	padding: 6px 7px 6px 7px;
	background-color: #38568b;
}

#subnav a.subnavtitleoff:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #38568b;
}

#subnav a.subnavtitleon
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 6px 7px 6px 7px;
	background-color: #38568b;
}

#subnav a.subnavtitleon:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #38568b;
}

#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;
	font-size: 90%;	
}

.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
{
	clear:both;
	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; }

.enterbutton { margin: 0px 0px 5px 0px; }


.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%; }


/*
MAIN NAVIGATION ELEMENTS
*/

div.sectionnav {
  position: relative;
  clear: both;
  width: 170px;
  float: left;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;  
}

#sectionnav ul {
  width: 170px;
  margin : 0px;
  padding : 0px; 
  list-style-type : none; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  border-width: 0px; 
}

#sectionnav li {
	margin-bottom:5px;
	
} 

#sectionnav li li {
margin-top:1px;
	margin-bottom:1px;
	
} 

#sectionnav li a {
	display : block; 
	padding: 9px 6px 9px 2px; 
	width : 153px; 
	text-decoration : none; 
		text-transform:capitalize;
	color : #FFFFFF; 
	border-width: 1px;
	border-color:#330000;
	border-style:solid;
	background : #63a342;
	}

#sectionnav li li a {
	color : #FFFFFF; 
	background-color : #5c7aac; 
	display : block;
	padding : 4px 4px 4px 4px;
	width : 157px;
	border-width: 0px;
	border-color:#000000;
	border-style:solid;
	text-transform:uppercase;
} 
#sectionnav li li li a {
	display : block; 
	padding: 3px 3px 3px 27px; 
	width : 120px;
	border-width: 0px; 
}
#sectionnav li li li li a {
	display : block; 
	padding : 3px 3px 3px 30px; 
	width : 115px;
	border-width: 0px; 
}
#sectionnav li li li li li a {
	padding : 3px 3px 3px 40px; 
	width : 17px; 
	border-width: 0px; 
}

#sectionnav li a:hover , #left li a:active , #left li .selectedpage {
	color : #FFFFFF; 
	border-width: 1px;
	border-color:#396224;
	background-color:#518e32;
	border-style:solid;
		text-transform:uppercase;
} 
#sectionnav li li a:hover , #left li li a:active {
	color : #FFFFFF; 
	border-width: 0px;
	border-color:#38578c;
	background-color:#38578c;
	border-style:solid;
		text-transform:uppercase;
} 
#sectionnav .navigationSelect {
	background-color : #ffffff; 
	color : #cd001b; 
	border-color:#000000;
	border-style:solid;
		text-transform:uppercase;
} 
