/* CSS Document */

html, body {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/funnel-bg.gif);
	background-position: top;
	background-repeat: no-repeat;
}

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: 824px; height:100%; }


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


#header {
	width: 824px; 
	height: 199px; 
	margin: 0 auto; 
	position: relative; 
	text-align: center;
}


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

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

#h_left {
  width: 594px;
  padding: 0px;
  margin: 0;
  text-align: left;
}

#h_mid {
  width: 230px;
  padding: 0px;
  margin: 0;
  text-align: left;
}

#wag {
	width: 210px; 
	height: 140px; 
	margin: 150px 0 0 140px;
}

#subContent {
	width: 824px;
	padding: 0px;
	margin: 0;
	text-align: right;
}

#allsnav {
	width: 230px;
	height: 215px;
	margin: 199px 0 0 0;
	padding: 0;
	background-image: url(images/snav.gif);
	background-repeat: no-repeat;
	float: right;
}

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

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

#snav1 { top: 0; width: 230px; height: 26px; }
#snav2 { top: 52px; width: 230px; height: 26px; }
#snav3 { top: 78px; width: 230px; height: 26px; }
#snav4 { top: 104px; width: 230px; height: 26px; }
#snav5 { top: 130px; width: 230px; height: 26px; }
#snav6 { top: 156px; width: 230px; height: 26px; }

#snav1 a:hover { background: transparent url(images/snav.gif) -230px 0 no-repeat; }
#snav2 a:hover { background: transparent url(images/snav.gif) -230px -52px no-repeat; }
#snav3 a:hover { background: transparent url(images/snav.gif) -230px -78px no-repeat; }
#snav4 a:hover { background: transparent url(images/snav.gif) -230px -104px no-repeat; }
#snav5 a:hover { background: transparent url(images/snav.gif) -230px -130px no-repeat; }
#snav6 a:hover { background: transparent url(images/snav.gif) -230px -156px no-repeat; }

#mainContent {
	width: 824px;
	padding: 0px;
	margin: 0;
	text-align: right;
}

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

#nav {
    width: 824px; height: 65px;
    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: 65px; overflow: hidden; }

#nav1 { left: 118px; width: 196px; }
#nav2 { left: 314px; width: 196px; }
#nav3 { left: 510px; width: 196px; }

#nav1 a:hover { background: transparent url(images/nav.gif) -118px -65px no-repeat; }
#nav2 a:hover { background: transparent url(images/nav.gif) -314px -65px no-repeat; }
#nav3 a:hover { background: transparent url(images/nav.gif) -510px -65px no-repeat; }


/*-------------------------------------------	
	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;
}