/* CSS Document */
body, html
{
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#container { width: 760px; margin: 0px auto; background-image:url(../images/left_bg.jpg); background-repeat:repeat-y; }
#header { width: 760px; height: 125px; margin: 0; background-color: #FFFFFF; }
#logo { float: right; margin: 15px 0 15px 0; }
#logo a img { border: none; }
#menu { float: left; width: 760px; height: 30px; margin: 0; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; }

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 120px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
}

html>body #container #header #menu ul#navmenu ul { top: 30px; }

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #FFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	padding: 6px 12px 8px 12px;
	color: #42B9CF;
	font-weight: bold;
	font-size: 16px;
	border-right: 1px dashed #CCC;
}
html>body #container #header #menu ul#navmenu li a { padding: 5px 12px 6px 12px; }
html>body #container #header #menu ul#navmenu li ul li a { padding: 8px 12px 8px 12px; }

ul#navmenu a#active {
 color: #E89511;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #E89511;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background-color: #42B9CF;
  color: #FFF;
	border-right: none;
	font-size: 12px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-color: #E89511;
	color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

#wrapper { margin-top: 5px; width: 760px; }
#left { float: left; width: 170px; min-height: 600px; height: 600px; background-image: url(../images/left_img_bg.jpg); background-position: bottom; background-repeat:no-repeat; background-color: #B7E3F0; margin-bottom: 25px; text-align: center; }
#left p { margin: 0; padding: 30px 0 0 0; line-height: 140%; }
#left a { color: #184F85; text-decoration: none; }
#left a:hover { background-color: #184F85; color: #FFFFFF; }
#left h1 { font-size: 30px; padding: 20px 00 2px 0; border-bottom: 1px dashed #FFF; color: #EF6C8B; text-align: left; margin: 0 0 10px 10px; }
#right a { color: #10487D; text-decoration: none; }
#right a:hover { color: #FFFFFF; background-color: #000000; }
#right { float: right; width: 575px; color: #666666; }
#right h1 { margin:0; padding:0; font-size: 1.4em; color: #C34538; font-weight: normal; }
#right h2 { margin:10px 0 0 0; padding: 10px 0 0 0; font-size: 1.4em; color: #C34538; font-weight: normal; border-top: 1px dashed #CCC; }
#right p { margin: 10px 0 0 0; padding: 0; line-height: 150%; }
#right p.note { color: #999999; }
#right ul { padding: 10px 0 0 18px; margin: 0; list-style: square; }
#right ul li { margin-bottom: 3px; }
.form { margin: 15px 0 0 18px; }
.form th { font-weight: normal; text-align:left; padding: 0 0 5px 0; vertical-align: top; }
.form td { padding: 0 0 5px 0; }


#contact-box { color: #FFFFFF; margin: 15px 0 15px 0; padding-top: 9px; width: 520px; height: 131px; background-color: #185084; display: block; }
#contact-box .inner { width: 500px; margin: 0 9px 9px 9px; height: 120px; border: 1px dashed #CCCCCC; }
#contact-box pre { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
#contact-box .inner-text { width: 220px; float: left; margin: 10px 10px 0 10px; line-height: 150%; }
#contact-box .inner-text em { font-style: normal; color: #FFFF99; }
html>body #container #wrapper #right #contact-box .inner .inner-text { line-height: 160%; margin-left: 20px; }

form { margin: 5px 0 15px 0; padding: 0; }
.input-text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #185084; }
.btn { vertical-align: text-bottom	}

#footer { background-color: #FFFFFF; clear: both; padding: 10px 0 10px 0; }
#footer ul { background-color: #A8B238; width: 760px; height: 30px; display: block; list-style-type: none; margin: 0; padding: 0; }
#footer ul li { margin: 0; padding: 0; float: right; font-weight: bold; font-size: 14px; }
#footer ul li a { color: #FFF; padding: 7px 10px 7px 10px; display: block; text-decoration: none; }
#footer ul li a:hover { background-color: #798028; color: #FFF; }
#footer h1 { font-size: 12px; color: #CCCCCC; font-weight: normal; margin: -16px 0 0 0; padding: 0; }
#footer p { text-align: right; margin: 10px 0 0 0; padding: 0; color: #CCCCCC; }
#footer p a { color: #999999; text-decoration: none; }
#footer p a:hover { color: #666666; }
