@charset "utf-8";
/* CSS Document */
body  {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	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: #333;
}

a:link {
	text-decoration: underline;
	color: #333;

}


a:visited {
	text-decoration: underline;
	color: #333;

}
a:hover, a:active {
	text-decoration: underline;
	color: #000;

}
h1, h2 { 
	 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;	

}

h1 {font-size: 21px; margin-right: -20px; color: #cc0033;}
h2 {font-size: 18px; color: #cc0033;}
.header {font-size: 16px; color: #647d9e; font-weight: 200; }
hr {color: #647d9e; height: 1px; background-color: #647d9e; border: 0;}

p, li{
	line-height: 18px;
}

li {
	margin-bottom: 10px; margin-left: -20px;
}


#container { 
	width: 780px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
} 

/* Banner Image here */
#toclark { width: 770px; background-color:#000; color: #fff; padding: 5px; text-align: right;}
#toclark a {color: #888; font-size: 11px; text-decoration: none;}
#toclark a:hover {color: #fff; font-size: 11px; text-decoration: none;}

#header { 
	background: url(images/topheader.gif) no-repeat top left; 
	margin: 0; 
	
} 
#topnav {
	margin: -2px 0 0 0;
	display: block;
	width: 755px;
	background-color: #e1dfbc;
	padding: 5px 5px 5px 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff; 
}

#topnav a:link {
	text-decoration: none;
	color: #647d9e; 

}

#topnav a:visited {
	text-decoration: none;
	color: #3d4a5b;

}

#topnav a:hover {
	text-decoration: none;
	color: #cc0033;

}

#topnav  a:active {
	text-decoration: none;
	color: #cc0033;

}

#topnav  img {
	padding: 0 ;

}


/* LHS Bar HIGHLIGHTS*/
#lhs {
	width: 252px; /* since this element is floated, a width must be given */
	background: url(../images/lhsbg.gif) repeat-y;
	padding: 15px 0;
	color: #000;
	line-height: 18px; /* top and bottom padding create visual space within this div */
}
#lhs h3, #lhs p, #lhs h1{
	margin-left: 25px; 
	margin-right: 20px;
	text-align: left;
}



#lhs h1{color: #000; font-size: 18px; line-height: 20px;}
#lhs hr {color: #b8b57a; height: 1px; background-color: #b8b57a; border: 0;}
#lhs a:link, a:visited  {
	text-decoration: none;
	color: #000;

}


#lhs a:hover, a:active {
	text-decoration: underline;
	
}

#lhs img {margin-top: -15px;}




/* MAIN CONTENT */
#mainContent {
  	margin: 0;
	padding: 30px 50px 50px 20px;
	text-align: left; /* the left margin will look best if you match the padding amount to the header and footer. */
} 

/* #mainContentLRG {
  	margin: 0 200px 0 0;
	padding-left: 20px;
	text-align: left; 
} */


#flashcontent {margin: 0; padding: 0;}

#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
#footer p {
	margin: 0;
	text-align: left;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}