@charset "UTF-8";
/* CSS Document */

html,
body  {
	margin: 0;
	padding: 0;border:0;
}
html  {
	background: url('assets/backback.jpg') fixed center repeat-y;
	
}
body  {
	font: normal 10pt/16pt tahoma, Helvetica, Arial sans-serif;
	min-width: 900px;
}
#wrapper {
	margin:0 auto;width:996px;position:relative;
	-moz-box-sizing: content-box;
}
 #header { 
	/* ADD on the 41px of the menu graphic to the 268px of the banner graphic (309) */

	clear:both;width:100%;background:url('assets/banner.jpg') 0 0 no-repeat;height:309px; 
	text-align:center;font-weight:bold;position:relative;
}
.padded {margin:0;padding:0;position:static;}
/*MENU TABS*/
#trinavcontainer{
	/* RELATIVE position the menu bar 268px (depth of the banner) from the top */

	clear:both;margin:0;padding:0;position:relative;top:268px;text-align:center;
	background:#ccc url(assets/btn-bg.jpg) 0px 0px repeat-x;height:41px;
}

/*NB trinav centred container padded left 1px, <li> padded right 1px: --141px * 5 (menu items) = 705 */
#trinav, .trinavin { width:855px;margin:0 auto;background:#ccc url(assets/btn-wb-back-min.jpg) 0px 2px repeat-x;height:41px;padding:0 0px 0 1px;} 
.trinavin { width:auto;height:auto; background:none;/*background:red;*/text-align:left;}
#trinav ul, .trinavin ul {margin:0 auto;padding:0;list-style:none;font-size:8pt;} 
.trinavin ul {padding:0 0 10px 0; }
#trinav li { display:inline;float:left;padding:0 1px 0 0;}
.trinavin li { display:block; }
#trinav li a, .trinavin li a {display:block;text-align:center; margin:0;padding:0;background:url(assets/btn-wb.jpg) repeat-x left top; text-decoration:none;width:170px;height:41px;}
#trinav li a span, .trinavin li a span {display:block;padding:7px 3px 1px 3px; color:#fff; }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#trinav a span, .trinavin a span {float:none;}
    /* End IE5-Mac hack */

 /* SETS the text colour and background position of the TRI-STATE buttons */

#trinav ul li :hover, .trinavin ul li:hover { background-position:0% -41px; }
#trinav a:hover, .trinavin a:hover { background-position:0% -41px; }
#trinav a.on, .trinavin a.on { background-position:0% -82px; }
#trinav a:hover span, .trinavin a:hover span, #trinav a.on:hover span, .trinavin a.on:hover span {
	color:#ffc400;
}
#trinav a.on span, .trinavin a.on span,{
	color:#006a72;
}


a {
	font-size:1.18em;	
	color:#101a5f;
	text-decoration:none;
	font-weight:bold;
	padding-left:5px;
	}
a:hover {
	color:#ffc400;
	text-decoration:none;
	font-weight:bold;
	}


/*FOOTER*/
#footer {
	clear:both;float:left;width:100%;background:#385b6e;
	font-size:9pt;text-align:center;height:50px;padding:7px 0 0 0;
}
#footer div { color:#eaeaea;line-height:12pt; }


/* MAIN content section */
.colmask {
	position:relative;clear:both;float:left;width:100%;
	overflow:hidden;
}
.colleft {
	float:left;width:100%;position:relative;background:#fff;
}
	.col1,
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	
	}

	.two_column {
		background:#fff;		/* left column background colour */
	}
	.two_column .colleft {
		right:276px;		/* right column width */
	}

	.two_column .col1 {
		width:720px;		/* left column width */
		left:276px;		/* (right column width) */
		color:#555;
	}
	.two_column .col2 {
		width:276px;		/* right column width */
		left:276px;		/* (right column width) */	
		color:#2e4a5a; 
		background:#889eac;	/* right column background colour */
	}

	/* Don't be confused by the 'two_column' class prefix - it's a basic 2 column layout and you can subdivide each column further.
	*  The 2 statements below, just setup a container 'div' for each column - these establish the internal margins (so it simplifies setting 
	* the overall column widths above). The text colours, set above, are 'inherited' by the divs below.
	*/
	.two_column .col1 div {
		font:normal 10pt/14pt arial,tahoma,sans-serif;
		padding:50px 30px 5px 20px;
	}
	.two_column .col2 div {
		font:normal 10pt/14pt arial,tahoma,sans-serif;padding:10px 10px 0px 10px; 
	}

.col1 h1, .col2  h1 {
	font-size:18pt;
	color: #FFFFFF;
}
.col1 h1 {
	color:#3a5e74;
	line-height: 100%;
}
.col1 h2, .col2 h2 {
	font-size:14pt;
	color:#3a5e74;
	line-height: 100%;
}

.col1 h3 {
	font-size:14pt;
	color:#ffc600;
	line-height: 100%;
}
p  { text-indent:0em;margin:0;padding-top:3px;padding-bottom:3px; }

	 /* right hand side menu */
	.normalmenu ul {
	    clear:both;
	    list-style:none;
	    margin:0 0 0 0;	/* 200px from 230px col width */
	    padding:5px 0 0 0;
	    font-size:10pt;font-family:arial,verdana;font-weight:normal;
		
	}
	
	.normalmenu {margin-top:5px;clear:both;width:100%;}

	.normalmenu li {
		text-indent:5px;
	    display:block;
		height:25px;background:#ccc;		
		}

	.normalmenu li a {
	    margin:0;padding:0 ;	    
	    color:#fff;
	    text-decoration:none;
	    width:100%;
	}

	html>body normalmenu li a  {
		width: auto;
		}
	.normalmenu li a:hover  {
		color:#ffc400;
	}
	.normalmenu li a.active  {
	    color:#ffc400;
	}
	 .enlargemenu li a.active {
	    color:#777;
	}

	.normalmenu ul.small {background:none;font-size:10pt; }
	.normalmenu ul.small li {height:14pt;}
	.normalmenu ul.small li a { color:#999999; }
	.normalmenu ul.small li a:hover { color:#fff; }
	.normalmenu ul.small li span {color:#aaa5d6;}

	.normalmenu li span .style3 {
	   background:pink;font-size:7px;
	}
/* making the right col colour fill to base */
	.colmask { background:#889eac; }