/*%%%%%%%%%%%%%%%%%%*/
/*  HTML SELECTORS  */
/*%%%%%%%%%%%%%%%%%%*/

BODY {
	 scrollbar-arrow-color: #EAC953;
	 scrollbar-DarkShadow-Color: #000B49;
	 scrollbar-face-color: #002382;
	 scrollbar-track-color: #A4B0DC;
	 scrollbar-3dlight-color: #000B49;
	 scrollbar-highlight-color: #336699;
	 scrollbar-base-color: #00347B;
	 scrollbar-shadow-color: #336699;
	 background-color: #AFB9B7;
	 }

H1, H2, H3, H4	{
	font: 14pt, Arial;
	font-weight: bold;
	color: #060146;
	height: 50px;
	padding: 10px 0px 0px 10px;
	background: url('../images/titlebar.gif') no-repeat left bottom;
	}

H2	{
	font-size: 12pt;
	background: none;
	padding: none;
	}

H3	{
	font-size: 10pt;
	background: none;
	padding: none;
	}

H4	{
	font-size: 10pt;
	color: #e6e6e6;
	background: none;
	padding: none;
	}

	
/*%%%%%%%%%%%%%%%%%%*/
/*  LAYOUT LOGIC    */
/*%%%%%%%%%%%%%%%%%%*/

#pagemain
	{
	position: relative;
	width: 760px;
	height: auto;
	}

#mainheader                        
	{
	position: relative;
	width: 760px;
	height: 179px;
	}

#pagecentre
	{
	position: relative;
	width: 760px;
	height: auto;
	overflow: auto;
	background: url('../images/background_page.gif') repeat-y;
	}

#contents
	{
	position: relative;
	width: 555px;
	left: 5px;
	padding: 5px;
	float: left;
	}

#navbar
	{
	position: relative;
	width: 177px;
	float: right;
	padding: 5px;
 	vertical-align::top;
	}

#mainfooter
	{
	position: relative;
	width: 760px;
	height: 165px;
	background-color: #06014a;
	}

#leftfootbox
	{
	position: relative;
	width: 240px;
	height: 150px;
	left: 10px;
	float: left;
	}

#rightfootbox
	{
	position: relative;
	width: 200px;
	height: 150px;
	right: 10px;
	float: right;
	}

#footerlinks
	{
	position: relative;
	width: 600px;
	height: 12px;
	top: 5px;
	left: 10px;
	}

#headerpage
	{
	position: relative;
	width: 760px; 
	height: 179px;
	}
	
#headerpics
	{
	position: relative;
	width: 760px; 
	height: 151px;
	}

#navbarbuttons
	{
	position: relative;
	width: 760px;
	height: 28px;
	}
	
#contactpage
	{
	position: relative; 
	width: 450px; 
	height: auto; 
	left: 10px; 
	top: 20px;
	}

#contactheader
	{
	position: relative;
	width: 100%;
	height: 40px;
	left: 10px;
	background-color: #f3f3f3;
	padding: 5px;
	}

#contacttop
	{
	position: relative;
	width: 100%;
	height: 48px;
	left: 10px;
	}

#contactcontents
	{
	position: relative;
	width: 100%;
	height: auto;
	left: 10px;
	top: 0px;
	float: left;
	padding: 5px;
	background-color: #f3f3f3;
	}

#contactbottom
	{
	position: relative;
	width: 100%;
	height: 38px;
	left: 10px;
	}


/*%%%%%%%%%%%%%%%%%%*/
/*  CLASSES         */
/*%%%%%%%%%%%%%%%%%%*/

.text
	{
	font: 9pt,	Arial;
	color: #060146;
	line-height: 1.4em;
	margin-left: 5px;
	margin-right: 5px;
	}

a.text
	{ color: #0babdf;
	text-decoration: none;
	}

a:hover.text
	{ color: #0babdf;
	text-decoration: none;
	}

p.leftmargin
	{
	margin-left: 5px
	}

.navtext
	{
	font: 10pt, Arial;
	color: #e6e6e6;
	padding-left: 15px;
	width: 165px;
	}

a.navtext
	{ 
		color: #0babdf;
		text-decoration: none;
		font-weight: bold;
	}

a:hover.navtext
	{
	color: #0babdf;
	text-decoration: none;
	background: url('../images/navbar_marker.gif') no-repeat left;
	}

.selected_navtext
	{
	color: #e6e6e6;
	text-decoration: none;
	font-weight: bold;
	width: 165px;
	background: url('../images/navbar_marker_on.gif') no-repeat left;
	}

.footertext
	{
	font: 9pt, Arial;
	color: #e6e6e6;
	}

a.footerlinktext
	{
	font: 8pt, Arial;
	color: #0babdf;
	text-decoration: underline;
	}

.floatPicR
	{
		float:right;
		margin: 5px;
	}