@charset "utf-8";
BODY, P, td, th, li, A, textarea, input, select, h1, h2, h3 {font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
BODY, P, td, li, A, textarea, input, select {font-size: 11px;}
body {
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #ffffff url('/img/bg.gif') repeat-x; background-attachment: fixed; scrollbar-face-color: #99cc33; scrollbar-shadow-color: #336699; scrollbar-highlight-color: #99cc33; scrollbar-3dlight-color: #99cc33;scrollbar-darkshadow-color: #336699; scrollbar-track-color: #000000; scrollbar-arrow-color: #336699;
}
.bodyCls #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.bodyCls #header {
	position: fixed;
	z-index: 1;
	width: 780px;
	top: 0;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.bodyCls #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.bodyCls #mainContent {
	position: relative;
	z-index: 0;
	top: 70px;
	padding: 5px 10px 60px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#fff;
	clear: both;
}
.bodyCls #footer {
	position: fixed;
	z-index: 0;
	bottom: 0;
	width: 780px;
	padding: 2px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
}

#topNav {
	height: 17px; 
	text-align: right; 
	background-image: url('/img/bg.gif');
	background-repeat: repeat-x;
}

#mainNav {
	background-color: #6050d0; 
	border-top: 2px solid #000000; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000; 
	height: 30px; 
	text-align:right;
}

B, STRONG {font-weight: bold;}
h1 {display: block; padding: 5px 5px 0 5px; margin: 0; color: #6050d0; font-size: 16px; font-weight: bold;}
h2 {display: block; padding: 10px 20px 0 20px; margin: 0; color: #6050d0; font-size: 14px; font-weight: bold;}
h3 {margin: 0; padding: 10px 0 0 25px; color: #6050d0; font-size: 12px;}
ul {margin: 0 0 0 30px;}

p.h1 {padding: 0 20px 0 20px; margin: 0; font-size: 15px;}
p.h2 {padding: 0 40px 0 40px; margin: 0; font-size: 13px;}

#mainTbl, #mainFtr {width: 800px !important;} /*#mainTbl {width: 735px !important;}*/
#mainFtr {text-align: right;}

SPAN.copyright {color: #336699; font-size: 9px; font-weight: bold;}

#mainContent A:link, #mainContent A:visited, #mainContent A:hover, #mainContent A:active {background-color: #FFFFFF; color: #99CC33;}
#mainContent A:hover {background-color: #99CC33; color: #336699;}

#pgTop 
{
	height: 10px;
	position: relative;
	z-index: 0;
	top: 70px;
	width: 780px;
	font-size: 10px;
	padding: 0;
	margin: 0;
}
#pgTop .tlCnr {height: 10px; width: 10px; padding: 0;}
#pgTop .tspan {height: 10px; background-color: #ffffff; padding: 0;}
#pgTop .trCnr {height: 10px; width: 10px; padding: 0;}

.breadcrumbs {clear: right;}

.style3 {font-size: 60%}
.copyright {
	
	color: #666666;
}
.style2 {
	font-size: 12px;
	padding-left: 25px;
}