body{   margin-top: 0; background: #CDDEF0;font:normal 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 15pt;
	color: #313335;
}
.style2 {
	font-family: "Trebuchet MS";
	line-height: 150%;
	color: #313335;
}
.style3 {
	font-family: "Trebuchet MS";
	font-size: x-large;
	color: #0267A4;
}
h1 {
	font-family: "Trebuchet MS";
	font-size: x-large;
	color: #0267A4;
}
.style4 {
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
}
.style5 {
	border-width: 0;
}
.style7 {
	font-family: "Trebuchet MS";
	line-height: 150%;
	color: #313335;
	font-size: small;
	text-align: left;
}
.style8 {
	text-align: small;
}
.style9 {
	font-size: x-large;
}
.style10 {line-height: 34pt;color:black;
	font-family: "Times New Roman", Times, serif;
	font-size: 30pt;
}
.style11 {
	color: #0066A4;
	font-family: "Trebuchet MS";
}
.style13 {color:black;
	font-size: large;
	font-family: "Trebuchet MS";
}
.style16 {color:black;
	font-family: "Trebuchet MS";
}

.style17 {
	text-align: right;
}
.style18 {
	color: #0066A4;
	font-family: "Times New Roman", Times, serif;
}
.style19 {
	font-family: "Times New Roman", Times, serif;
}
#resources {margin:0 25px;text-align:left;font:normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;}
#resources p {margin: 10px 0;}
.oddheading{ font:800 13pt arial,helvetica,sans-serif; color:#5E2724; margin:30px 0 15px 0; text-align:left}
.sitemap{ font:800 13pt arial,helvetica,sans-serif; color:#5E2724; margin:30px 0 0 0; text-align:left}
a{            color:#003093; text-decoration:underline;}
a:hover{      color:#CC0000;text-decoration:none;}
#footer a{    color:#313335;text-decoration:none; }
#footer a:hover{color:#313335; text-decoration:underline;}
#footer p{    margin:15px 0 0 0; text-align:center;}

/*========================= TOP OF MENU =========================*/

.lispace {padding:0 7px}
.menu {z-index:20;
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0px 0 0px 0;
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
        width:810px;          	        /* IF NEEDED ADD % WIDTH HERE -- we always want our menu to fill the available space */
	background: #26210D;
	font:700 16px Verdana, Arial, Helvetica, sans-serif;   /* this (and also below) sets the menu's font size */
	border-bottom:0px solid black;        /* give us a black border underneath */
	border-top:0px solid #283F57;
}
.menu ul {
	padding:0px;
	margin:0px;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:14px;        /* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited { color:#FAF8F1;margin:0; padding:4px 10px 0 10px;     /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:26px;
}
.menu ul li:hover a,
.menu ul li a:hover {color:#26210D; background:#E4DA9A;               /* selected top-level menu items */
	border-top:0px solid #003366;    /* these 2 lines create the push-in illusion */
	height:26px;
}

/*======================== 2ND LEVEL MENU ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
        font-size:12px;
	display:block;
	position:absolute;
	margin:0;
	top:30px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:185px;
	color:black;                        /* this sets the unselected-text color */
	background:#947B37;         /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0 0 0 5px;
	height:auto;
	color:#26210D;               /* this sets the unselected drop-down text color */
	background:#E4DA9A;       /* this sets the drop-down menu background color */
	width:180px;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#FAF8F1;
	background:#26210D;
}