.wrapper1{
	color: #44433f;	 /* originally 44433f but "wrapper1 a" actually sets the menu text color */
	font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0; /* pads around the menu, originally 4px 0 0 */
	}
.wrapper1 a{ /* this sets the color of the menu text (unhovered) */
	color: #E5F2FB;
	text-decoration: none;
}
.wrapper1 a:hover { /* original color 09548B. but this does nothing */
	color: #09548B;
}
.wrapper1 p { /* this does nothing */
	margin: 0px; /* originally 0 0 17px */
	padding: 0;
	line-height: 18px;
}
	
.wrapper {
	width: 710px;  /* was set to 750px in the code so moved it here instead */
	margin: 0; /* originally 20px auto */
	margin-left: 30px;
}
.nav { /*the menus bar except the two end images */
	width: 688px; /*688 was set in the code originally and have moved in here, needs to be 22px less (the width of the two side images)*/
	background: #fff url(images/nav_bg.png) repeat-x;
	float: left;
}

.nav-wrapper { /*original contained a typo here!  anyway the is the wrapper including the images, it does little */
	clear: both;
	float: left;
}

.nav-left { /*this is just the left picture */
	background: url(images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}

.nav-right { /*this is just the right image*/
	background: url(images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul, #navigation { /* unordered list: the menu itself and the submenus */
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	/*list-style: none;*/
	list-style-type: none;
	font-size: 15px;
}

.nav li { /* the individual items in the lists */
	display: block;
	float: left;
	padding: 0 7px;
	background: url(images/split.png) no-repeat scroll center right;
	position: relative;
	z-index: 1;
}

.nav li.last { /*not used in code */
	background:none;
}
.nav li:hover, .nav li:shover { /*brings the hovered list item to the front */
	z-index:2;
}
.nav li a { /*style of the list item links */
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left { /* the left image in the menulist item*/
	background: url(images/menu_left.gif) no-repeat  top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid { /* the image and stle behind the menu item text */
	background: url(images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right { /* the right image if the menu list item */
	background: url(images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}

.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right { /* puts the images in place on the main menu */
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a { /* 09548B the color of the MAIn list text when hovered*/
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub { /* does nothing!? apparently makes the list items clickable */
	display:block;
}
.nav li .sub { /* sets up the drop downs */
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li { /*styles the drop down menu items*/
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed; /*C1D9F0*/
	background: none; /* !important; */
}
.nav li:hover li a,
.nav li.active li a { /* styles the drop down links */
	color: #09548B; /*09548B*/
	background: none; /* !important; */
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover { /*styles the drop down links when hovered*/
	color: #fff;
	background: #165B9F ; /* !important; */ /*165B9F*/
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover { /* does nothing in our menu*/
	color: #fff;
	background: #165B9F ; /* !important; *//*165B9F*/
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg { /* isn't being used !? IT IS NOW !!*/
	background: url(images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}
.content {
	width: 670px;
	background: transparent url(images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}