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

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
table {border:none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }


* a { position:relative; color:#000066; text-decoration:none; } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
a:hover {color:#003366; text-decoration:underline;}

<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(Images/Lovell-BG.jpg);
	background-repeat:no-repeat;
	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: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	height:154px;
	padding: 0 10px 0 20px;  
} 
.twoColFixRtHdr #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 */
}
.twoColFixRtHdr #navigation table{border:0px; padding:0px; margin:0px; height:43px;}
.twoColFixRtHdr #navigation td{border:0px; padding:0px; margin:0px}
.twoColFixRtHdr #navigation .main{ 
	height:43px;
	width:500px;
	background-image:url(Images/Navigation_BG.png);
	background-repeat:repeat-x;
	padding: 0 0 0 200px;  
	/*border: 1px solid red;*/
}
	.twoColFixRtHdr #navigation .main ul {
		height:43px;
		list-style-type: none;
		margin: 0;
		padding: 10px;
		text-align: left;
		}
	.twoColFixRtHdr #navigation .main ul li {
		display: inline;
		margin: 0px 0px;
		padding: 0px;
		}
	.twoColFixRtHdr #navigation .main a{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding: 15px 10px 15px 15px;
		text-transform: uppercase;
		color:#9a6b15;
		}
	.twoColFixRtHdr #navigation .main a:hover{
		height:43px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform: uppercase;
		text-decoration:none;
		color:#996600;
		background-image:url(Images/NavTab_BG.png);
		background-repeat:no-repeat;
		
		}
	
	.twoColFixRtHdr #navigation .RHS{
		height:43px;
		width:120px;
		padding: 0px; 
		margin: 0px;
		background-image:url(Images/Navigation_RHS.png);
		background-repeat:no-repeat;
		/*border: 1px solid red;*/
	} 
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.twoColFixRtHdr #mainContent { 
	margin: 0 340px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
} 
.twoColFixRtHdr #mainContent-home { 
	margin: 0 0px 0 0;
	height:458px;
	padding: 0 20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
	background-image:url(Images/HomeBG.jpg);
	background-repeat:no-repeat;
} 
.twoColFixRtHdr #mainContent h1{
	font-size:18px;
	color:#000066;
} 
.twoColFixRtHdr #mainContent p{ 
	padding: 5px 0px; 	
} 
.twoColFixRtHdr #mainContent ul{ 
	list-style-image: url('Images/bullet.png');
	padding-left:20px;	
} 
	.twoColFixRtHdr #mainContent ul a{ 
		color:#000066;
		text-decoration:underline;
	}
	.twoColFixRtHdr #mainContent ul a:hover{ 
		color:#003366;
	}
.twoColFixRtHdr #mainContent h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#003399;
	margin: 0; 
	padding: 5px 0; 
	}	
	
.twoColFixRtHdr #mainContent h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}	
	
.twoColFixRtHdr #footer table{
	border:0px;
	padding: 0px; 
	margin: 0px;	
} 
.twoColFixRtHdr #footer .main{ 
	height:43px;
	width:610px;
	background-image:url(Images/Navigation_BG.png);
	background-repeat:repeat-x;
	padding: 0 0 0 20px; 
	margin: 0px;	
} 
.twoColFixRtHdr #footer .main h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}		
.twoColFixRtHdr #footer .RHS{ 
	height:43px;
	width:120px;
	padding: 0px; 
	margin: 0px;
	background-image:url(Images/Navigation_RHS.png);
	background-repeat:no-repeat;
	/*border: 1px solid red;*/
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
<!--[if IE 5]>
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
<![endif]-->

<!--[if IE]>
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]-->
