html, body {margin:1; padding:2%; height:90%}
	body {font-family: verdana, sans-serif; font-size: 80%;background: #FFFFFF; 
}

	*#header {
		height: 120px;
		border: 0px solid #C8181A;
		background: #09548B url(images/images_menu/header_photo_2010_4.jpg) repeat-y center top;
	 /* background: white url(images/108a.jpg) repeat-y center top;*/ 
	  /* background: #233B6B; */
		/*color: #000000;
		text-align:left;
		 font-size:xx-large*/
	}
	#clearheader{height:20px;}/*needed to make room for header*/

 	h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #09548B;
}
h2 {
	font-size: 20px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	font-size: 24px;
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#content {
		position:relative;
		height:100%;
		min-height:100%;
		border-right:none;
		/*background-image: url(images/glossyback.gif);  /* (Sand-1280.jpg) */
		background-repeat: repeat-y;
		background-position: left top;
		margin-bottom:-80px;
	}

	* html #content {height:100%}
	body>#content {height:auto}
	#contentinner {margin-left:170px}
	#contentinner {margin-right:50px}
	* html #contentinner {height:100%}/* combat ie 3 pixel jog */
	html>body #content{height:auto}



	div#footer {
		position:relative;
		height: 90px;
		border: 0px solid #C8181A;
		background: #09548B;
		/* background-image: url(images/jpg); */
		background-position: center;
		background-repeat: repeat-y;

		text-align:center;

		clear: both;
		color: #ee8;
	}
	#clearfooter{clear:both;height:80px;}/*needed to make room for footer*/

	#nav {
		float:left;
		width: 148px;
		text-align:center;
		color: #ee8;
		background: transparent;
		background: #09548B;

		/* background: transparent; */

	}
	#nav-r {
		float:right;
		width: 100px;
		text-align:center;
		font-color: white;
		/*background: ;
		background: ;*/
		p style="font-family:verdana,arial,sans-serif;font-size:10px;"
	  background: transparent; 	

	}
	#hidebordertop {
		position:absolute;
		bottom:-2px;
		left:150px;
		width:40px;
		height:0px;
		background:#233b6b;
		overflow:hidden;
	}
	#hideborderbottom {
		position:absolute;
		top:-3px;
		left:150px;
		width:40px;
		height:0px;
		background:#233b6b;
		overflow:hidden;
	}
	#inserttop {
		position:relative;
		height:0px;
		background:#FFFFFF;
		color:#000;
		border-bottom:0px solid #C8181A;
	}
	#insertbottom {
		position:relative;
		clear:both;
		height:0px;
		background:#233b6b;
		color:#000;
		border-top:0px solid #C8181A;
	}



		.glossymenu{
	list-style-type: none;
	margin: 0px 0;
	padding: 3px 0;
	width: 148px;
	border: 0px solid #9A9A9A;     	/* made border 0 px timc */
	border-bottom-width: 0;

	margin-top:0px;				/* margin? timc */

	}

	.glossymenu li a{
	background: white url(images/glossyback.gif) repeat-x bottom left;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 3px;
	text-decoration: none;

	}


	/*IE only. Actual menu width minus left padding of A element (10px) */
	* html .glossymenu li a{
	width: 125px;
	}

	.glossymenu li a:visited, .glossymenu li a:active{
	color: white;
	}

	.glossymenu li a:hover{
	background-image: url(images/glossyback2.gif);
	}



	ul#test{
		padding:0;
		margin:0;
		list-style:none;
	}
	#test li{
		width:50px;/*size of image*/
		height:50px;/* size of image*/
	}
	#test li.first{	background:url(images/imgon.jpg) no-repeat left top;}/* this holds the rollover state of the image1*/
	#test li.second{background:url(images/imgon2.jpg) no-repeat left top;}/* this holds the rollover state of the image2*/
	#test li.third{	background:url(images/imgon3.jpg) no-repeat left top;}/* this holds the rollover state of the image3*/
	#test li.fourth{background:url(images/imgon4.jpg) no-repeat left top;}/* this holds the rollover state of the image4*/

	#test a{
		display:block;
		width:40px;
		height:40px;
		text-decoration:none;
	}
	#test li.first a{background:url(images/imgoff.jpg) no-repeat left top;}/* this holds the normal state of the image1*/
	#test li.second a{background:url(images/imgoff2.jpg) no-repeat left top;}/* this holds the normal state of the image2*/
	#test li.third a{background:url(images/imgoff3.jpg) no-repeat left top;}/* this holds the normal state of the image3*/
	#test li.fourth a{background:url(images/imgoff4.jpg) no-repeat left top;}/* this holds the normal state of the image4*/

	ul#test a:hover{background:transparent}
	/* on hover we just hide the anchor and let the image underneath show through.
	This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

	/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
	ul#test{text-indent:-999em}/* hide text*/

		/* ........................third example below.......................*/


	.opacityit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;
	}

	.opacityit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}


	.borderit img{
	border: 1px solid #ccc;
	}

	.borderit:hover img{
	border: 1px solid navy;
	}

	.borderit:hover{
	color: red; /* irrelevant definition to overcome IE bug */
	}

/* start css menu*/
.wrapper1{
	color: #44433f;	
	font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0px 0 0;
	}
	.wrapper1 a{
		color: #E5F2FB;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #09548B;
	}
	.wrapper1 p {
		margin: 0 0 15px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/
	margin: 0px auto;
}
.nav {
	background: #fff url(images/nav_bg.png) repeat-x;
	float: left;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: left;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
}
a .menu-left {
	background: url(images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	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 {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	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 {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #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 {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #165B9F !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	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;
}