@charset "utf-8";

.headerContainer {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* top navigation */
.topNav {
	font: 115% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #d0c0a5;
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 28px;
	background-image: url(../images/header/mainNav1px5pxTanTop.jpg);
    background-repeat: repeat-x;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 7px 10px 0;
	text-align: right; /* this overrides the text-align: center on the body element. */
}
.topNav a:link, .topNav a:visited {
	color: #d0c0a5;
	text-decoration: none;
	font-weight: normal;
}
.topNav a:hover, .topNav a:active{
	color: #a28a64;
	text-decoration: none;
	font-weight: normal;
}

/* image box */
.headerContainer #image {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 130px;
	background: #FFFFFF;
	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. */
	border: none;
}
.headerContainer #image img, .headerContainer #image a:hover {
	border: none;
	text-decoration: none;
}
#imageText {
	width: 950px;
	float: left;
}
#imageText p {
	width: 200px;
	padding: 0;
	margin: 0;
}

/* begin mainNav */
#mainNav {
    font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 30px;
	margin: 0 auto;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(../images/header/mainNav10px.jpg);
    background-repeat: repeat-x;
}
#navbar {
   margin: 0;
   padding: 0;
   height: 1em;
}
#navbar li {
   list-style: none;
   float: left;
}
#navbar li a {
   display: block;
   padding: 3px 40px 3px 10px;
   color: #d0c0a5;
   text-decoration: none;
   font-weight: normal; }
#navbar li ul {
   display: none; 
   width: 12em; /* Width to help Opera out */
   background-color: #45556a;
   }
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   color: #a28a64;}
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #45556a;
   border-bottom: 1px dotted #a28a64;
   color: #d0c0a5; }
#navbar li a:hover {
	color: #a28a64;
	border: none; }
#navbar li li a:hover {
   background-color: #162b45;
   color: #a28a64;}
   
/* end mainNav */