/* CSS Document */

html, body {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #FF0000; text-decoration: underline; }

#wrap { margin: 0 auto; width: 850px; height:100%; }


/*-------------------------------------------
	header
-------------------------------------------*/


#header {
	width: 850px; 
	height: 100px; 
	margin: 0 auto; 
	position: relative; 
	text-align: center;
	background-image: url(images/header.jpg);
}

#subheader {
	width: 850px; 
	height: 160px; 
	margin: 0 auto; 
	position: relative; 
	text-align: center;
}

#allnav {
	width: 850px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
}

#nav {
    width: 850px; height: 50px;
    background: url(images/nav.gif);
    margin: 0; padding: 0;
    position: relative;
}

#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav li a { height: 0px; display: block; padding-top: 36px; overflow: hidden; }

#nav1 { left: 85px; width: 90px; }
#nav2 { left: 175px; width: 95px; }
#nav3 { left: 270px; width: 165px; }
#nav4 { left: 435px; width: 145px; }
#nav5 { left: 580px; width: 75px; }
#nav6 { left: 655px; width: 110px; }

#nav1 a:hover { background: transparent url(images/nav.gif) -85px -50px no-repeat; }
#nav2 a:hover { background: transparent url(images/nav.gif) -175px -50px no-repeat; }
#nav3 a:hover { background: transparent url(images/nav.gif) -270px -50px no-repeat; }
#nav4 a:hover { background: transparent url(images/nav.gif) -435px -50px no-repeat; }
#nav5 a:hover { background: transparent url(images/nav.gif) -580px -50px no-repeat; }
#nav6 a:hover { background: transparent url(images/nav.gif) -655px -50px no-repeat; }

#nav1 a.selected { background: transparent url(images/nav.gif) -85px -50px no-repeat; }
#nav2 a.selected { background: transparent url(images/nav.gif) -175px -50px no-repeat; }
#nav3 a.selected { background: transparent url(images/nav.gif) -270px -50px no-repeat; }
#nav4 a.selected { background: transparent url(images/nav.gif) -435px -50px no-repeat; }
#nav5 a.selected { background: transparent url(images/nav.gif) -580px -50px no-repeat; }
#nav6 a.selected { background: transparent url(images/nav.gif) -655px -50px no-repeat; }

#allsnav {
	width: 850px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/snav.gif);
	background-repeat: no-repeat;
}

#snav {
    width: 850px; height: 50px;
    background: url(images/snav.gif);
    margin: 0; padding: 0;
    position: relative;
}

#snav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#snav li a { height: 0px; display: block; padding-top: 36px; overflow: hidden; }

#snav1 { left: 43px; width: 88px; }
#snav2 { left: 131px; width: 93px; }
#snav3 { left: 224px; width: 95px; }
#snav4 { left: 319px; width: 166px; }
#snav5 { left: 485px; width: 140px; }
#snav6 { left: 625px; width: 78px; }
#snav7 { left: 703px; width: 105px; }

#snav1 a:hover { background: transparent url(images/snav.gif) -43px -50px no-repeat; }
#snav2 a:hover { background: transparent url(images/snav.gif) -131px -50px no-repeat; }
#snav3 a:hover { background: transparent url(images/snav.gif) -224px -50px no-repeat; }
#snav4 a:hover { background: transparent url(images/snav.gif) -319px -50px no-repeat; }
#snav5 a:hover { background: transparent url(images/snav.gif) -485px -50px no-repeat; }
#snav6 a:hover { background: transparent url(images/snav.gif) -625px -50px no-repeat; }
#snav7 a:hover { background: transparent url(images/snav.gif) -703px -50px no-repeat; }

#snav1 a.selected { background: transparent url(images/snav.gif) -43px -50px no-repeat; }
#snav2 a.selected { background: transparent url(images/snav.gif) -131px -50px no-repeat; }
#snav3 a.selected { background: transparent url(images/snav.gif) -224px -50px no-repeat; }
#snav4 a.selected { background: transparent url(images/snav.gif) -319px -50px no-repeat; }
#snav5 a.selected { background: transparent url(images/snav.gif) -485px -50px no-repeat; }
#snav6 a.selected { background: transparent url(images/snav.gif) -625px -50px no-repeat; }
#snav7 a.selected { background: transparent url(images/snav.gif) -703px -50px no-repeat; }

#allsnav-pro {
	width: 850px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/snav-pro.gif);
	background-repeat: no-repeat;
}

#snav-pro {
    width: 850px; height: 30px;
    background: url(images/snav-pro.gif);
    margin: 0; padding: 0;
    position: relative;
}

#snav-pro li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#snav-pro li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; }

#snav-pro1 { left: 130px; width: 118px; }
#snav-pro2 { left: 248px; width: 76px; }
#snav-pro3 { left: 324px; width: 81px; }

#snav-pro1 a:hover { background: transparent url(images/snav-pro.gif) -130px -30px no-repeat; }
#snav-pro2 a:hover { background: transparent url(images/snav-pro.gif) -248px -30px no-repeat; }
#snav-pro3 a:hover { background: transparent url(images/snav-pro.gif) -324px -30px no-repeat; }

#snav-pro1 a.selected { background: transparent url(images/snav-pro.gif) -130px -30px no-repeat; }
#snav-pro2 a.selected { background: transparent url(images/snav-pro.gif) -248px -30px no-repeat; }
#snav-pro3 a.selected { background: transparent url(images/snav-pro.gif) -324px -30px no-repeat; }

#allsnav-eve {
	width: 850px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/snav-eve.gif);
	background-repeat: no-repeat;
}

#snav-eve {
    width: 850px; height: 30px;
    background: url(images/snav-eve.gif);
    margin: 0; padding: 0;
    position: relative;
}

#snav-eve li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#snav-eve li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; }

#snav-eve1 { left: 130px; width: 187px; }
#snav-eve2 { left: 317px; width: 182px; }
#snav-eve3 { left: 499px; width: 245px; }

#snav-eve1 a:hover { background: transparent url(images/snav-eve.gif) -130px -30px no-repeat; }
#snav-eve2 a:hover { background: transparent url(images/snav-eve.gif) -317px -30px no-repeat; }
#snav-eve3 a:hover { background: transparent url(images/snav-eve.gif) -499px -30px no-repeat; }

#snav-eve1 a.selected { background: transparent url(images/snav-eve.gif) -130px -60px no-repeat; }
#snav-eve2 a.selected { background: transparent url(images/snav-eve.gif) -317px -60px no-repeat; }
#snav-eve3 a.selected { background: transparent url(images/snav-eve.gif) -499px -60px no-repeat; }



/*-------------------------------------------
	page structure
-------------------------------------------*/

#mainContent {
	width: 850px;
	min-height: 300px;
	padding: 0px;
	margin: 0;
	text-align: left;
}

#mainContent p {
  line-height: 1.7em;
}

#mainContent table {
	margin: 0 auto;
}

#mainDivider .column {
  position: relative;
  float: left;
}

#h_left {
  width: 470px;
  height: 300px;
  padding: 0px;
  margin: 15px 10px 0 10px;
  line-height: 1.7em;
  text-align: left;
  background-color: #fff;
}

#h_right {
  width: 315px;
  height: 260px;
  padding: 10px;
  font-size: 10px;
  margin: 15px 15px 0 0;
  text-align: left;
  background-color: #e7e7e8;
}

#s_left {
  width: 470px;
  padding: 0px;
  margin: 15px 15px 0 15px;
  line-height: 1.7em;
  text-align: left;
  background-color: #fff;
}

#s_right {
  width: 315px;
  padding: 10px;
  font-size: 10px;
  margin: 15px 15px 0 0;
  text-align: left;
  background-color: #fff;
}

.red { color: #FF0000; }

.redlink:link { color: #ff0000; text-decoration: underline; }
.redlink:visited { color: #ff0000; text-decoration: underline; }
.redlink:hover { color: #000; text-decoration: underline; }
.redlink:active { color: #000; text-decoration: underline; }

#right { 
	width: 420px;
	text-align: right;
	font-size: 10px;
}

/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-------------------------------------------	
	Footer
-------------------------------------------*/

#footer { 
	width: 850px;
	height: 50px;
	text-align: left;
	font-size: 9px;
	color: #999999;
}