/*  @@@@@[  Wrappers  ]@@@@@ */

/* the html > body tag is not read by pre-7.0 Internet Explorer, so it uses pixels to set the base font. The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background: #749396; /*#3f6f7f;   /*#919b7f;*/
	font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif; 
	color: #666; 
	text-align: center; 
	margin: 0px 0px 20px;
}

html > body {font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }


#wrapper {
	text-align: left; 
	background: #fff;
}
.wrapped {
	width: 995px;
	margin: 0px auto;
	text-align: left;
}



/*  @@@@@[  Navigation  ]@@@@@ */

#nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#nav img {
	margin-left: 1px;
}

#column {
	float: left;
	width: 245px;
	}

#column .subnav {
	padding-bottom: 25px;
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #5a471b;
}

ul#intro {
	padding-left: 23px;
	background: url(images/bkg_subgroup1.gif) no-repeat 9px center;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	}
ul#numTwo {
	padding-left: 23px;
	background: url(images/bkg_subgroup2.gif) no-repeat 7px center;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
}

ul#results{
	padding-left: 23px;
	background: url(images/bkg_subgroup3.gif) no-repeat 3px center;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
}


#column .subnav a:visited, #column .subnav a:active, #column .subnav a:link {
	display: block; 
	text-decoration: none; 
	height: 100%;

}
#column .subnav a:hover {
	display: block; 
	text-decoration: none;
	height: 100%;
}

#column .subnav .sub1 a:visited, #column .subnav .sub1 a:active, #column .subnav .sub1 a:link {
	padding: 5px 15px 3px 34px;
	font-weight: bold;
	color: #5a471b;
	text-transform: uppercase;
}
#column .subnav .sub1 a:hover {
	padding: 5px 15px 3px 34px;
	font-weight: bold;
	color: #5a471b;
	text-transform: uppercase;
	background: #fff;
}
#column .subnav .sub2 a:visited, #column .subnav .sub2 a:active, #column .subnav .sub2 a:link {
	padding: 5px 15px 3px 48px;
	color: #5a471b;
	background: url(images/bullet_subnav_n.gif) no-repeat 40px 10px;
	line-height: 1.2em;
	font-weight:normal;
	text-transform:capitalize;
}
#column .subnav .sub2 a:hover {
	padding: 5px 15px 3px 48px;
	color: #5a471b;
	background: #fff url(images/bullet_subnav_n.gif) no-repeat 40px 10px;
	line-height: 1.2em;
	font-weight:normal;
	text-transform:capitalize;
}



/* @@@@@[ additional styles for the nav ]@@@@ */
div.subnav ul {
	margin:0px;
	padding:0px;
}
div.subnav ul li {
	list-style-type:none;
	padding:0px;
	margin:0px;
}


/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	background: #fff url(images/header_tagline.gif) no-repeat 495px 22px;
	position: relative;
	height: 123px;
}

#header #logo {
	position: absolute;
	left: 29px;
	top: 60px;
	}
#pagetitle {
	background: #fff;
}
#pagetitle .imageleft {
	margin-right: 6px;
}
#pagetitle .imageright {
	margin-right: 6px;
}
#footer {
	background-color:#fff;
	padding-top: 6px;
}
#footer2 {
	color: #fff;
	text-align: center;
	padding-top: 10px;
}
#footer2 a:link, #footer a:visited, #footer a:active {
	color: #fff; 
	text-decoration: none;
}
#footer2 a:hover {
	color: #fff; 
	text-decoration: underline;
}
a.seo:visited, a.seo:active, a.seo:link {
	text-decoration: none;	color: #666;
}
a.seo:hover {
	text-decoration: none; cursor: text;
}

/* @@@@@[  Main Page  ]@@@@@ */

#main {
	background: #fff url(images/bkg_subnav2.gif) repeat-y left;
	border-top: 6px solid #fff;
}
#callout {
	float: left;
	margin-left: 6px;
	width: 204px;
	padding: 35px 20px 35px 20px;
	font-size: 1.1em;
	color:#333;
}

#content {
	font-size: 1.1em;
	padding: 20px 50px 30px 40px;
	width: 660px;
	float: right;
	line-height: 1.4em;
}
#content ul {
	margin: 0px 0px 15px 40px; 
	padding: 0px;
}
#content ul li {
	background: url(images/bullet.gif) no-repeat left 5px; 
	list-style: none; 
	padding-left: 15px;
}
#content ul li.sep {
	margin-top:10px;
	margin-bottom:10px;
}

.clr {
	clear: both; 
	font-size: 1px; 
	line-height: 1px; 
	margin: 0px; 
	padding: 0px; 
	height: 0px; 
	visibility: hidden;
}
div.grouped {
		border:1px solid #bfd793;
		background-color:#e3f2c7;
		padding:10px;
		padding-bottom:0px;
		margin-bottom:10px;
	}
	
div.groupLeft, #headLeft{
	width:300px;
	float:left;
}
div.groupRight, #headRight{
	width:300px;
	float:right;
	text-align:left;
}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@*/

a:link, a:visited, a:active {
	color: #36667D; 
	text-decoration: underline;
}
a:hover {
	color: #5A471B; 
	text-decoration: underline;
	}

h1 {
	font-family:helvetica, arial, sans-serif;
	font-weight: bold;
	color: #36667d;
	padding-top: 0px;
	font-size: 1.6em;
	line-height: 1.9em;
	margin: 0px 0px 1.2em;
}
h2 {
	font-weight: bold;
	color: #36667d;
	padding-top: 0px;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0px 0px 1.2em;
}
h2.b {
	font-size:1.2em;
}
h3 {
	font-size: 1em;
	color: #5a471b;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 1.2em;
}

p {
	margin-top: 0px; 
	padding-top: 0px; 
	margin-bottom: 13px;
}
em {
		font-style:normal;
		color:#030;
		font-weight:bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
img.right {
	margin-bottom: 10px; 
	margin-left: 13px;
}
img.left {
	margin-bottom: 10px; 
	margin-right: 13px;
}
.bodyPic {
	float:right;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-left: 13px;
}

.icon {
	vertical-align:middle;
	/*float:left;*/
}
.icon2 {
	float:left;
	
}
.tight {
	margin:0px;
}
.tbleQst {
	margin-top:-10px;
}

table tr td {
		vertical-align:top;
}	

/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	font-size: .9em; 
	color: #666; 
	background: #fff; 
	border: 1px solid #939;
}
input {
	background-color:transparent;
}
input.clean {
	border-style: none; 
	background: none;
}
input.rdo {
	border:none;
}
form {
	margin-bottom:20px;
}