html, body { /* needed to make footer stick to bottom of page */
	height: 100%;
}
body {
	font-family: "trebuchet ms", arial, tahoma;
	font-size: 90%; /* don't change or the dropdown menu spacing will be wrong*/
	color: #000;
	background: #69C /*#069*/ ;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}


p { font-size: 90%; }
td { font-size: 90%; line-height: 125%;}
td.bigger { font-size: 100%; line-height: 125%;}
td.boxtext { font-size: 90%; line-height: 125%;}

blockquote { margin-bottom: 10px; margin-top: 10px; }
td blockquote { margin-bottom: 2px; margin-top: 2px; }

/* Set the page width */
#wrapper-header-top {
		background: transparent;
		margin-top:-66px;
		
}

#wrapper-menu-top, #wrapper-content, #header, #wrapper-footer {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: transparent /* url('../images/bg02-white-left.png') no-repeat left top*/;
}

#menu-top {
	background: transparent  /*url('../images/bg02-white-right.png') no-repeat right top*/;
	height: 30px;
	 overflow: visible; 
}

#menu-top a {
	margin-top: -2px;
	text-align: center;
	float:left;
	background:transparent url(../images/bg-menu_separator.gif) right bottom no-repeat;
	color:#FFF;
	padding:6px 20px;
	text-decoration:none;
}

#menu-top a.wide { background:transparent; padding:6px 30px 6px 30px;}
#menu-top a.middle { background:transparent;padding:6px 10px 6px 15px;}
#menu-top a.spacer { background:transparent; padding:6px 30px 6px 30px;}
#menu-top a.last { background:transparent; padding:6px 20px 6px 20px;}
#menu-top a:hover.spacer { background:transparent;}
#menu-top a:hover, #menu-top a:hover.last, #menu-top a:hover.middle,#menu-top a.selected, #menu-top a:hover.wide  {
	 background:url(../images/bg-menu_separator-active.gif) right top repeat;}
#menu-top a.selected {	z-index:1;	color:#eee;}

/* ------------------------------------------------------------------------------------------------ */		
/*#menu-top ul {list-style-type:none;display: inline; }*/
#menu-top ul {	margin: 0px 0px 0 0px;/* good for ie*/ padding: 0;	list-style: none; font-size: 90%; float: none;}
#menu-top li {	display: inline; float: left;}

#menu-top ul li {float:left;  position:relative; z-index:1 /*needed to keep menu below left menu*/;padding-bottom:7px;}
#menu-top ul li a {display:block; float:none !important /*Non-IE6*/; float:left /*IE-6*/;}
#menu-top ul li:hover {width:auto;}
/* dropdowns: */
#menu-top ul ul {display:none; border:none;} 
#menu-top ul ul {margin-left:0px; background:url(../images/sticky_hover.gif) top center;} /*Sticky hover zones*/
#menu-top ul li:hover ul ul {display:none; border:none;margin-left:0px; background:url(../images/sticky_hover.gif) top center;} /*Sticky hover zones*/
/*Non-IE6*/
#menu-top ul li:hover a {text-decoration:none;} /*Color main cells hovering mode*/
#menu-top ul li:hover ul {display:inline; float:left;position:absolute; top:1.7em; margin-top:1.2em/*determines where submenu starts*/; left:0;}
#menu-top ul li:hover ul li {padding-bottom:0px;}
#menu-top ul li:hover ul li a {	padding-bottom:2px;	padding-top:2px;z-index:999; text-transform:none; display:block;float:left;background-color:#036;text-align:left; width:115px;padding-left:5px; height:auto;  font-weight:normal; color:#fff; border:solid #fff;  border-width: 1px;/*menu entry border*/} 
#menu-top ul li:hover ul#narrow {left:-18px;}
#menu-top ul li:hover ul#narrow li a { width:106px; } 
#menu-top ul li:hover ul#medium li a { width:119px;} 
#menu-top ul li:hover ul li a:hover {color:#fff; background-color:#069; text-decoration:none;} /*Color subcells hovering mode*/
/* 2nd level flyouts -- not used */
#menu-top ul li:hover ul li:hover ul { display:block; position:absolute; left:142px; width:140px;top:-12px; color:#fff; border:solid #fff;  border-width:0px 1px 1px 1px ;/*outside border*/}
#menu-top ul li:hover ul li:hover ul li a { display:block; background:#036; color:#fff; width:133px;  font-size: 110%;  }
#menu-top ul li:hover ul li:hover ul li a:hover {background:#069; color:#fff;}
/*end non-IE6*/ 
/*--------------------------------*/
/*IE6*/ 
#menu-top table { position:relative; top:0px; left:0; border-collapse:collapse; }
#menu-top td {line-height: 1em; font-size: 100%;}
#menu-top ul li a:hover {background-color:#036; text-decoration:none;} /*main cells hovering mode*/
#menu-top ul li a:hover ul {display:inline; position:absolute;z-index:999; top:1.7em; left:0; marg\in-top:1.4em;}
#menu-top ul li a:hover ul li {padding-bottom:0px;padding-top:0px; /*removes space between menu entries*/} 
#menu-top ul li a:hover ul li a {z-index:999;margin:0px 0px 0px 0px;padding:7px;/*font-size: 105%;*/ text-transform:none; display:block;float:left;background-color:#036;text-align:left; width:130px;  font-weight:normal; color:#fff; border:solid #fff;  border-width: 1px;/*menu entry border*/} 
#menu-top ul li a:hover ul li a:hover {color:#fff; background-color:#069; text-decoration:none;} /* subcells hovering mode*/
/* 2nd level flyouts */
/*#menu-top ul li a:hover ul li a:hover ul { display:block; position:absolute; left:141px; width:133px;top:-14px; color:#fff; border:solid #fff;  border-width:0px 1px 1px 0;}
#menu-top ul li a:hover ul li a:hover ul li a { display:block; background:#036; color:#fff; width:133px; font-size: 110%; }
#menu-top ul li a:hover ul li a:hover ul li a:hover {background:#069; color:#fff;}
/*end IE6*/ 
/* make the second level visible when hover on first level list OR link */
#menu-top ul li:hover ul,
#menu-top ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu-top ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu-top ul :hover ul :hover ul{ visibility:visible;}
/* ------------------------------------------------------------------------------------------------ */		

#wrapper-header {
	background: transparent url('../images/container_headershadow.jpg') top center repeat-x;
}

#wrapper-header1 {
	background: transparent url('../images/bg1.png') top center repeat-x;
}

#wrapper-header1a {
	background: transparent url('../images/bg2.png') top center repeat-x;
}

#header {
	background: url('../images/banner.jpg') no-repeat center top;
}

#header1 {
	background: url('../images/header2.jpg') no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('../images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('../images/bg02-blue-right.png') top right no-repeat;
}

#header h1, #header1 h1 {
	margin: 0 0 0 0;
	padding: 0;
	height: 120px;
	line-height: auto;
	color: #ccc;
	font-size: 130%;
	text-align:left;
}

#wrapper-outside {
	background-image: url('../images/contents_headershadow.jpg');
  background-repeat: repeat-x;
  background-position: top;
 /* background-color: #FFFFFF;*/
	margin-top:-10px;
}

#wrapper-content {
	width: 800px;
	background: white /*url('../images/bg02-white-left.png') no-repeat left top*/;
 /*	min-height: 100%;          /* needed to make */
 /*	height: auto !important;  /*  footer stick to bottom */
 /*	height: 100%;             /*   of page */
 padding-bottom: 30px; /* white space above footer */
	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */
	border-right: 1px solid #036;
	border-left: 1px solid #036;
	}

* html #wrapper-content {/* height: 1%; */}

#content {
	background: transparent /*url('../images/bg02-white-right.png') no-repeat right top*/;
	padding: 15px 50px 5px 40px;
}

#content4 {
	background: transparent /*url('../images/bg02-white-right.png') no-repeat right top*/;
	padding: 0px 50px 15px 30px;
	margin: 28px 0px 10px 15px;
 }

#wide { /* used for photo album */
	background: white /*url('../images/bg02-white-right.png') no-repeat right top*/;
	margin: 0px -50px 0px -45px;
	padding: 0px;
	 }

#left-column {
	float:left;
	width: 350px;
	/*padding: 5px 10px 5px 10px;*/
	margin: 0px 5px 5px 0px;
 }

#right-column {
	float:right;
	width: 170px;
	/*padding: 5px 10px 5px 10px;*/
	margin: 0px 0px 5px 5px;
 }

#wrapper-pennant {
	width: 200px;
	margin: -220px 0 0 300px;
	background: transparent; 
	text-align: center;
}

* html #wrapper-pennant { margin-right: 0px; }

#pennant { padding-top: 1px; z-index:1000; }

#wrapper-footer {
	height: 100% auto;
	margin-top: 1em;
	text-align: center;
}

#footer {
	font-size: 90%;
	height: 60px;
	padding:  5px;
	background-color: /*#9cf*/#BFD6EB;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	clear: both;
}
#footer p { margin: 0px 0px 0px 0px; padding: 0px; line-height: 1.6em;}
.push {
	height: 40px;
	margin-top: 0px;
/*	border-right: 1px solid #036;
	border-left: 1px solid #036; */
}

h1 { font-size: 200%; text-align: center; line-height:120%; color: #333;}
h2 { font-size: 150%; color: #266092; clear:both;}
h3 { font-size: 130%; margin-top: 5px;}
h4 { font-size: 110%; }
h5 { font-size: 105%; margin: 20px 0px 3px 0px;}
.boxtext { font-size: 85%; line-height: 125%;}
.small { font-size: 85%; }
.medium { font-size: 85%;line-height: 110%;margin-top: 1px;}
.blue { color: #266092; }
.bold {   font-weight:bold; }
.pad-right {  margin-right:95px; }
.pad-top {  margin-top:25px; }
.padding {margin: 0px; padding: 20px 4px;}

hr { height: 1px; width:100%; color: #dbd1ae;  }

a:link, a:visited { color: #255E93; text-decoration: underline; }
a:hover{ color: #000; text-decoration: none; }

.indent { margin: 0px 0px 10px 15px;}

/* map styles */
.bubble {font-size: 80%; height:auto;}
.region {text-decoration:none;  font-weight:bold; }

#map { border:#dbd1ae solid 1px; margin: 0px 10px 0 5px; width: 500px; height: 480px; text-align:center; overflow:hidden;float: right;}
#sidebar {	margin:-40px 0 0 0; width:140px; float:left; overflow:visible; font-size: 85%;	line-height: 130%;}

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.borderless { border: thin none #FFFFFF; height: 0px; width: 0px;}
.specialNote {
	font-weight: bold;
	color: #333;
	background-color: #DCD4B4;
	padding: 6px;
	margin:15px;
}
#clear { clear:both;}
.gold-border {border:solid 2px #DCD4B4; padding:12px;}
/*---embedded boxes -- */
#boxOne {margin: 0px 10px 0px 0px; padding: 2px 0px 50px 10px; width: 99%; z-index:1; border-left:#999 solid 1px; border-top:#999 solid 1px;}
#shadow1 {clear:right;margin: 0px 20px 0px 0px; padding: 0px 9px 4px 0px; width: 95%; background: #BFD6EB url(../images/shadow.gif) no-repeat bottom right; }

#boxTwo {margin: 0px 0px 0px 0px; padding: 12px 0px 2em 10px; width: 99%; z-index:3; border-left:#999 solid 1px; border-top:#999 solid 1px;}
#shadow2 {margin: -55px 0px 0px 15px; /*margin positions front box over rear box*/ padding: 0px 9px 4px 0px; width: 95%; background: #fff url(../images/shadow.gif) no-repeat bottom right;  }