/* <!-- */

/* General styles */ 

html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; 
	background-color: #888888; padding: 2px 5px 5px 5px; } 

a, a:link, a:visited, a:active, a:hover { text-decoration: none; }

a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }

.pixfloatright { float: right; margin: -5px -14px 0 0; padding-left: 5px; border-bottom: 1px; border-left: 1px }

#menulogo { margin: 0; float: left; }

#fixed { margin:0 auto; width:1102px; text-align: left; } 


/* Header styles */

#header { clear:both; float:left; width:100%; font-family: "Courier New", Courier, monospace; height: 0px; }
	/* header now invisible; can be used later if needed */


/* 'widths' sub menu */

#layoutdims { clear:both; margin:0; text-align:right; } 


/* column container */

.colmask { position:relative; /* This fixes the IE7 overflow hidden bug */
	clear:both; float:left; width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */ }


/* common column settings */

.colright, .colmid, .colleft { float:left; width: 100%; position:relative; } 

.col1 { float:left; position:relative; border-right: 5px solid #73A2FF; 
	border-top: 5px solid #73A2FF; padding: 0; overflow:hidden; } 

.col2 { float:left; position:relative; 
	padding: 0 1px 0 1px; overflow:hidden; } 

.col3 { float:left; position:relative; padding: 0 0px 0 0px; overflow:hidden; }


/* 2 Column (left menu) settings */

.leftmenu { background:#fff; /* right column background colour */ } 

.leftmenu .colleft { right:860px; /* right column width */
	background:#73A2FF; /* left column background colour */ } 

.leftmenu .col1 { margin: 0px; background:#fff; width:855px; /* right column content width */
	left:100%; /* 100% plus left column left padding */ } 

.leftmenu .col2 { width:238px; /* left column content width (column width minus left and right padding) */
	float:left; left: 0px; /* (right column left and right padding) plus (left column left padding) */ } 


/* Footer styles */

#footer { clear:both; font-family: "Courier New", Courier, monospace; background: #73A2FF; 
	text-align:right; width: 1102px; line-height: 1.1em; padding: 4px 0 1px 0; }


/* text styles */

p { margin-top: 0px; margin-bottom: 5px; margin-left: 14px; margin-right: 5px; }

h1 { font-size: 17px; text-align:center; line-height: 22px; color: #a60008;
	margin-top: 18px; margin-bottom: 12px; font-weight: bold; }

h2 { font-size: 1.2em; line-height: 1.4em; margin-top: 12px; margin-bottom: 5px; 
	margin-left: 14px; margin-right: 14px; font-weight: bold; }

h3 { font-size: 11px; color: #CC0000; margin-left: 20px; }

h4 { color: #333333; font-size: 12px; text-transform: uppercase; margin-left: 20px; } 


li { font-size: 1.1em; margin-top: 5px; margin-right: 14px; margin-bottom: 7px; margin-left: 1px; }


#button { display: block; width: 238px; padding: 0px; margin: 0px ; font-size: 12px; 
	line-height: 11px; color: #333; }

#button ul { list-style: none; margin: 0; padding: 0; border: none; }

#button li { margin: 1px 1px 1px 1px; font-size: 12px; line-height: 14px; list-style: none; }

#button li a { display: block; padding: 1px; border-right: 0px soid #73A2FF;
	border-top: 1px dotted #73A2FF; border-bottom: 1px dotted #73A2FF; 
	border-left: 18px solid #73A2FF; color: #0038a6; 
	text-decoration: none; width: 228px; }

#button li a:hover { display: block; padding: 1px; border-top: 1px dotted #18ff00;
	border-right: 0px dotted #18ff00; border-bottom: 1px dotted #18ff00; 
	border-left: 18px solid #18ff00; background-color: #3f80ff; color: #80ff73; }

#button li #active { display: block; padding: 1px 1px 1px 1px; font-weight: bold; 
	border-top: 1px solid #ffa700; border-right: 0px solid #0056ff;
	border-bottom: 1px solid #0056ff; border-left: 18px solid #ffa700;
	background-color: #0056ff; color: #ffbd40; } 




/*Sub level menu items code below*/

#button li ul { display: block; padding: 1px; 1px; 1px; 1px; border-left: 10px solid #ffa700; 
border-right: 0px solid #73A2FF; color: #0056ffwidth: 228px; background-color: #73A2FF; 
	border-top: 1px dotted #73A2FF; border-bottom: 1px solid #ffa700; }

#button li ul:hover { display: block; padding: 1px; 1px; 1px; 1px; 
	border-right: 0px dotted #73A2FF; border-top: 1px dotted #73A2FF; border-bottom: 1px solid #ffa700;  
	border-left: 10px solid #ffa700; background-color: #73A2FF; color: #80ff73; }

#button li ul #active { display: block; padding: 1px; 1px; 1px; 1px;  font-weight: bold; 
	border-right: 0px solid #73A2FF; border-left: 10px solid #ffa700;
	border-top: 1px dotted #ffa700; border-bottom: 1px dotted #ffa700;  
	background-color: #0056ff; color: #ffbd40; } 

/* --> */