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

html,
body  {
	margin: 0;
	padding: 0;border:0;
}
html  {
	background: #36122e;
}
body  {
	font: normal 10pt/16pt tahoma, Helvetica, Arial sans-serif;
	min-width: 900px;margin:0;
}
a {
	color:#935385;
	text-decoration:none;
	}

#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;*/
	 ADD on the 41px of the menu graphic to the 175px of the banner graphic (216) 
	clear:both;width:100%;background:url('assets/banner-min.jpg') 0 0 no-repeat;height:216px; 
	text-align:center;font-weight:bold;
}




#trinavcontainer{
	/* RELATIVE position the menu bar 268px (depth of the banner) from the top */
	clear:both;margin:0;padding:0;position:relative;top:175px;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 { width:855px;margin:0 auto;background:#ccc /*url(assets/btn-bg.jpg) */0px 2px repeat-x;height:41px;padding:0 0px 0 1px;} 
#trinav ul {margin:0 auto;padding:0;list-style:none;text-align:center; } 
#trinav li { display:inline;float:left;padding:0 1px 0 0;}
#trinav li a {display:block;text-align:center; margin:0;padding:0;background:url(assets/btn-new.jpg) repeat-x left top; text-decoration:none;width:170px;height:41px;}
#trinav li a span {display:block;padding:7px 3px 1px 3px; color:#fff; }

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

 /* SETS the text colour and background position of the TRI-STATE buttons */
#trinav ul li :hover { background-position:0% -41px; }
#trinav a:hover { background-position:0% -41px; }
#trinav a.on { background-position:0% -82px; }
#trinav a:hover span {
	color:#eaeaea;
}
#trinav a.on span {
	color:#FFFFFF;
}

/*FOOTER*/
#footer {
	clear:both;float:left;width:100%;background:#782863;
	font-size:9pt;text-align:center;height:60px;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:260px;  /* right column width offset right by 260px*/
	}

	.two_column .col1 {
		width:736px;		/* left column width */
		left:260px;		/* (right column width) */
		color:#555;
	}
	.two_column .col2 {
		width:260px;		/* right column width */
		left:260px;		                  /* (right column width) */	
		color:#fff;  background:#935385; /* right column background colour */
	}
/* making the right col colour fill to base */
	.colmask { background:#935385; }

	/* 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.padded {
		font:normal 10pt/16pt arial,tahoma,sans-serif;
		padding:30px 30px 20px 50px;
	}
	.two_column .col2 div.padded {
		font:normal 10pt/14pt arial,tahoma,sans-serif;padding:20px 10px 5px 20px; 
	}
	
	
	 ul.small {background:none;font-size:10pt; margin:0;padding:0 ; list-style:none; }
	 ul.small li {height:14pt;}
	.ul.small li a { color:#999999; }
	.ul.small li a:hover { color:#fff; }
	 ul.small li span {color:#777;}	
	
	 /* 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:11pt;font-family:arial,verdana;font-weight:normal;
		
	}
	
	.normalmenu {margin-top:5px;clear:both;width:100%;/*background:#ccc;*/}

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

	.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:#36122e;
	}
	.normalmenu li a.active  {
	    color:#36122e;
	}
	 .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;
	}
	
.col1 h1, .col2  h1 {font:bold 18pt/20pt arial,helvetica,sans-serif;}
.col1 h1 { color:#36122e; }
.col1 h2 { color:#36122e;
           font-size:14px;margin:0;padding:7px 0 2px 0;background:white;
         }
		 
.col1 p.caption { font:bold 12pt/14pt arial,helvetica; margin:0;padding:3px 0 2px 0;}
		 
p  { text-indent:0em;margin:0;padding-top:12px;padding-bottom:8px; }