/*
style-hh.css
v0.6, Mar 30, 2009
*/

html {
	height: 100%;
}
body {
	background: #4187b8 url(slices/page-background.jpg) repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
}
/********************
	=layout
	position & bg color only
********************/
#page-bg {
	margin: 0px auto;
	position: relative;
	left: 24px;
	width: 945px;
}
#page-fg {
	left: 0px;
	margin: 0px 25px 0px 0px;
	position: relative;
	width: 920px;
}

#page-sideshadow {
	background: url(slices/page-side-background.png) right repeat-y;
	width: 945px;
	position: relative;
}

#sideshadow-ie {
	display: none;
}

#section-home #page-fg {
	margin: 0px 25px 0px 0px;
}

#page-fg { background-color: #118899; } /* default; shouldn't actually show */
#section-home #page-fg { background-color: #b24890; }
#section-2 #page-fg { background: #534ec5; }
#section-4 #page-fg { background-color: #09528b; }
#section-5 #page-fg { background-color: #95184f; }
#section-6 #page-fg { background-color: #58004b; }
#section-12 #page-fg { background-color: #460e81; }
#section-13 #page-fg { background-color: #232155; }

#main-nav {
	background-color: #118899;
	height: 25px;
}
#main-nav div {
	float: left; display: inline;
	margin: 0;
	width: 601px;
}

img#form-bg { float: left; display: inline; width: 319px; height: 25px; }
#main-nav form {
	position: absolute; left: 601px;
	margin: 0;
	padding: 0;
	height: 23px;
	width: 200px;
	z-index: 4;
}
#main-nav input.text-field { 
	margin: 0 0 0 13px;
	padding: 0px; 
	width: 94px; 
	background-color: #bcdce3;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #014554;
}
#main-nav input.form-button, input.form-button { padding: 0;
	background-color: #bcdce3;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #014554;
}
/********************
	=main style
********************/
h1, h2, h3, h4, h5, h6 { 
	font: bold 12px verdana, helvetica, arial, sans-serif;
	margin: 0px 0 8px 0; 
}
h1 { font-size: 19px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; font-style: italic; }
h4 { }
h5 { font-style: italic; }
h6 { font-weight: normal; font-style: italic; }

p, dt, dd { 
	color: #4D4D4D;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

ul, ol {
	color: #4D4D4D;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
}

b, strong { }
i, em { }
img { border: none; }
ul { margin-left: 15px; }
ol { margin-left: 20px; }
li { 
	margin: 0 0 0 0;
	padding: 0;
}
dt {
	font-weight: bold;
	margin-bottom: 0px;
}
dd {
	margin: 0 0 12px 15px;
}

table {
	border: 1px solid #118899;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
}
thead td {
	font-weight: bold;
	background: #118899;
	color: white;
}
th, td { 
	font: 12px normal verdana, arial, helvetica, sans-serif;
	border: 1px solid #118899;
	padding: 3px;
}
th { font-weight: bold; text-align: left; padding-right: 13px; }
td { color: #4D4D4D; text-align: center; }
caption { 
	font: italic 12px normal verdana, arial, helvetica, sans-serif;
	margin-bottom: 6px;
}
tfoot th, tfoot td { 
	color: #118899; 
	font-style: italic; 
	font-weight: bold; 
}

sup {
	font-size: 70%;
}

.off-left {
/* hide from browsers, show to screen readers */
position: absolute;
	left: -999px;
	width: 990px;
}

.floatImgRight {
float: right;
margin: 0px 0px 3px 7px;
}

.floatImgLeft {
float: left;
margin: 0px 7px 3px 0px;
}

#contact-form, #contact-form td {
border: none;
text-align: left;
}

/********************
	=menu
********************/
/* Suckerfish, 3 levels, top is variable width */
/* to fix: 
	fails on second .menu; submenus aren't relative to primary
*/

/* "you are here" bg color */
#section-home li#menuitem-home { background-color: #b24890; }
#section-2 li#menuitem-2 { background-color: #534ec5; }
#section-4 li#menuitem-4 { background-color: #09528b; }
#section-5 li#menuitem-5 { background-color: #95184f; }
#section-6 li#menuitem-6 { background-color: #58004b; }
#section-12 li#menuitem-12 { background-color: #460e81; }
#section-13 li#menuitem-13 { background-color: #232155; }

/* top menu hover bg color */
li.menutop:hover { background-color: #118899; }
li#menuitem-home:hover { background-color: #b24890; }
li#menuitem-2:hover { background-color: #534ec5; }
li#menuitem-4:hover { background-color: #09528b; }
li#menuitem-5:hover { background-color: #95184f; }
li#menuitem-6:hover { background-color: #58004b; }
li#menuitem-12:hover { background-color: #460e81; }
li#menuitem-13:hover { background-color: #232155; }

/* style top menu text */
/*
.menu img { display: none; }
.menu li.menutop a { padding: 0 5px 0 5px; }
*/

/* style top menu graphics */
.menu span { display: none; }
.menu a img { 
	border-color: white; 
	border-style: solid;
	border-width: 0 1px 0 0; 
}

/* colors for top and submenus */
.menu li a { color: white; }

/* colors for submenus */
.menu ul { background: white; }
li#menuitem-home ul { background-color: #b24890; }
li#menuitem-2 ul { background-color: #534ec5; }
li#menuitem-4 ul { background-color: #09528b; }
li#menuitem-5 ul { background-color: #95184f; }
li#menuitem-6 ul { background-color: #58004b; }
li#menuitem-12 ul { background-color: #460e81; }
li#menuitem-13 ul { background-color: #222255; }

li#menuitem-home ul ul { background-color: #a54285; }
li#menuitem-2 ul ul { background-color: #4945ae; }
li#menuitem-4 ul ul { background-color: #064372; }
li#menuitem-5 ul ul { background-color: #7d1442; }
li#menuitem-6 ul ul { background-color: #790067; }
li#menuitem-12 ul ul { background-color: #531098; }
li#menuitem-13 ul ul { background-color: #30307a; }

.menu ul li.submenu { background: url(slices/submenu-white.png) 180px center no-repeat; }
.menu ul li { color: gray; }
.menu ul li.submenu { color: white; }
.menu ul a { color: white; }

.menu ul li:hover { background-color: transparent; }
.menu ul a:hover { color: #f9a521; }
.menu ul li.submenu span:hover { color: #f9a521; } /* submenus and disabled items */
.menu ul li.submenu * span:hover { color: gray; } /* disabled items */

.menu ul ul { background: purple; }

/* top and submenus */
.menu, .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.menu li {
	float: left;
	font: normal 11px verdana, arial, sans-serif;
}
.menu li a {
	display: block;
	height: 25px;
}

/* Level 1 (1st dropdown) and deeper */
.menu ul {
	border: 1px solid gray;
	position: absolute;
	width: 200px;
	top: 25px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	left: -999em; 
}

.menu ul li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 200px;
}
.menu ul a, .menu ul span { 
	display: block; /* makes text 1 line */
	width: 190px;
	height: auto !important;
	text-decoration: none; 
	padding: 4px 0 4px 10px !important;
}

/* Level 2 (nested dropdown) and deeper */
.menu ul li:hover ul {
	margin: -26px 0 0 200px;
}

.menu li:hover ul ul, 
.menu li:hover ul ul ul {
	/* make sure hover doesn't cascade down */
	left: -999px; 
}

.menu li:hover ul,
.menu ul li:hover ul, 
.menu ul ul li:hover ul { 
	/* lvl 2, 3 lists nested under hovered list items */
	left: auto;
}