﻿body 
{
    background-color:white;
    font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 135%;
	font-family: Verdana,Helvetica, Arial, sans-serif;
}

#body-a {
	background: #fff url(images/bg-bottom.png) 0 100% repeat-x;
	
}


#body-b {
	background: url(images/bg.png) 0 0 repeat-x;
}
#frame-a {
	background: url(images/shadow-br.png) 100% 100% no-repeat;
}
#frame-b {
	background: url(images/shadow-bl.png) 0 100% no-repeat;
}

#frame-c {
	background: url(images/shadow-tr.png) 100% 0 no-repeat;
}

#frame-d {
	background: url(images/shadow-tl.png) 0 0 no-repeat;
}

#masthead {
	background: url(images/masthead-bg.png) 0 0 repeat-x;
	border-left: 1px solid #839ebb;
	border-right: 1px solid #839ebb;
}

div#bannerx {
	top: 22px;
	right: 180px;
	position: absolute;
	width: 468px;
	height: 60px;
}
div#top 
{
	top: 7px;
	right: 10px;
	width: 160px;
	height: 75px;
	overflow: hidden;
	position: absolute;
}
div#top .top2 {
	padding-left:  15px;
}

.no1 {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}
#logo 
{
    border:0;
	width: 280px;
	height: 74px;
	margin-top: 10px;
	margin-left: 18px;
	
}


/* @group  Menu */


#menu {
	height: 26px;
	background: url(images/menu-bg.png) 0 0 repeat-x;
	border-left: 1px solid #8595a5;
	border-right: 1px solid #8595a5;

}

#menu ul.nav {
	padding-left: 15px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#menu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#menu li span {
	display: block;
	float: left;
}

#menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	font-weight: normal;
	font-size: 110%;
    text-decoration: none;
}

#menu li li a {
	font-size: 100%;
}

#menu a:hover {
	text-decoration:underline;
	color:#fd6735;
}

#menu li:hover,
#menu li.sfHover {
	background: none;	
}
.cl1 {
	clear:both;
}
/* @end */


/* @main */
.main-padding {
	padding: 17px 41px 13px 33px;
}
#main-a {
	background: #fff url(images/body-b.png) 0 100% repeat-x;
}

#main-b {
	background: url(images/body-t.png) 0 0 repeat-x;
}

#main-c {
	background: url(images/body-br.png) 100% 100% no-repeat;
}

#main-d {
	background: url(images/body-bl.png) 0 100% no-repeat;
}

#main-e {
	background: url(images/body-tr.png) 100% 0 no-repeat;
}

#main-f {
	background: url(images/body-tl.png) 0 0 no-repeat;
}

/* Pathway */
span.pathway {
	display: block;
	line-height: 35px;
	height: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-left: 0px;
}

span.pathway img {
	float: left;
	width: 10px;
	height: 10px;
	
}

span.pathway a {
	float: left;
	padding: 0 20px 0 0;
}
.pathway1  {
	padding-left: 40px;
	color:White;
}
/* @end */
#mainframe td.contentheading,
.contentheading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	padding-left: 10px;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading {
	padding: 7px 3px 0;
}

#mainframe td.column_separator {
	padding-left: 15px;
}

table.sections {
	width: 100%;
	border-collapse: collapse;
}

#mainframe td,
.sections td {
	padding: 0;
}

td.w24 {
	width: 25%;
}

td.w33 {
	width: 33%;
}

td.w49 {
	width: 50%;
}

td.w99 {
	width: 100%;
}

td.spacer img {
	width: 10px;
}

#mainframe tr 
{
	vertical-align: top;
}

.component-padding {
	padding-bottom: 8px;
	padding-left: 12px;
}

.sections {
	background: none;
}

.body-padding {
	margin-top: 8px;
	padding-right: 8px;
}

#f-1 .module h3 {
	padding-left: 0;
	background: none;
}

#f-1 .module div div div {
	padding: 0px 18px;
}
#f-1 {
	background: #434343 url(images/footer-bg.png) 0 100% repeat-x;
}

#f-2 {
	background: url(images/footer-edge.png) 100% 0 repeat-y;
}

#f-3 {
	background: url(images/footer-edge.png) 0 0 repeat-y;
}

#f-4 {
	background: url(images/footer-edge2.png) 100% 100% no-repeat;
}

#f-5 {
	background: url(images/footer-edge2.png) 0 100% no-repeat;
}
#f-padding {
	padding: 15px 34px;
}

#b-1 {
	background: url(images/footer-shadow-bg.png) 0 0 repeat-x;
}

#b-2 {
	background: url(images/footer-shadow-r.png) 100% 0 no-repeat;
}

#b-3 {
	background: url(images/footer-shadow-l.png) 0 0 no-repeat;
}


/* menus */
.nav, .nav * {
	margin:0;
	padding:0;
}


div#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
	position: relative;
	z-index: 50;
}

#horiz-menu li li {
	margin: 0;
}

.nav {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
	position: relative;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	padding: 0;
}

.nav li {
	float:left;
	list-style:none;
	position:relative;
}

.nav li li a {
	display:block;
	padding: 0;
	text-decoration:none;
	float:none;
	width:135px;
}

div#horiz-menu li li a {
	height: 30px;
	line-height: 30px;
}

.nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	width: 177px;
	z-index: 5;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left:0px;
	top: 26px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
	left: 177px;
	top:0px;
	width: 177px;
}

.nav li li {
	position: relative;
	float:none;
	width: 177px;
}

/* BLOCKS */


.sections .left .hilite1 div div,
.sections .left .hilite2 div div,
.sections .left .hilite3 div div,
.sections .left .hilite4 div div,
.sections .right .hilite1 div div,
.sections .right .hilite2 div div,
.sections .right .hilite3 div div,
.sections .right .hilite4 div div {
	background: none;
}


.hilite1,
.hilite2,
.hilite3,
.hilite4 {
	margin-top: 9px;	
}


.hilite1 h3,
.hilite2 h3,
.hilite3 h3,
.hilite4 h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 135%;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding-left: 25px;
	margin-bottom: 5px;
}

.hilite1 div div div,
.hilite2 div div div,
.hilite3 div div div,
.hilite4 div div div {
	padding: 18px;
}

.hilite1 div div div div,
.hilite2 div div div div,
.hilite3 div div div div,
.hilite4 div div div div,
.left .module div div div div,
.left1  div div div div,
.left2  div div div div,
.left3  div div div div,
.left4  div div div div,
.right .module div div div div,
.right1 div div div div,
.right2 div div div div,
.right3 div div div div,
.right4 div div div div{
	background: none;
	padding: 0;
	text-decoration:none;
}

#footer-1 .module h3 {
	padding-left: 0;
	background: none;
}

#footer-1 .module div div div {
	padding: 0px 18px;
}
.module .readon,
.hilite1 .readon,
.hilite2 .readon,
.hilite3 .readon,
.hilite4 .readon {
	float: none;
	clear: both;
	padding-left: 22px;
	line-height: 18px;
	width: auto;
	text-align: left;
}
#footer-1 .readon {
	background: none;
	padding-left: 0;
}
.hilite1 {
	color: #ddd;
}
.left1 {
	color: #ddd;
}
.right1 {
	color: #ddd;
}


.hilite3 {
	color: #eee;
}
.left3 {
	color: #eee;
}
.right3 {
	color: #eee;
}

.hilite4 {
	color: #ccc;
}
.left4 {
	color: #ccc;
}
.right4 {
	color: #ccc;
}

.hilite1 a {
	color: #fff;
}
.left1 a {
	color: #fff;
}
.right1 a {
	color: #fff;
}

.hilite3 a {
	color: #fff;
}
.left3 a {
	color: #fff;
}
.right3 a {
	color: #fff;
}

.hilite4 a {
	color: #fff;
}
.left4 a {
	color: #fff;
}
.right4 a {
	color: #fff;
}

#footer-1 .module {
	color: #ccc;
}

#footer-1 .module a {
	color: #fff;
}

#footer-1 .module h3 {
	color: #fff;
}

.module h3,
.hilite2 h3 {
	background: url(images/bullet-header-hilite2.png) 0 0 no-repeat;
}

.hilite1 h3 {
	color: #fff;
	background: url(images/bullet-header-hilite1.png) 0 0 no-repeat;
}

.hilite3 h3 {
	color: #fff;
	background: url(images/bullet-header-hilite3.png) 0 0 no-repeat;
}

.hilite4 h3 {
	color: #fff;
	background: url(images/bullet-header-hilite4.png) 0 0 no-repeat;
}

.module .readon,
.hilite2 .readon {
	background: url(images/arrow-1.png) 0 0 no-repeat;
}

.hilite1 .readon {
	background: url(images/arrow-4.png) 0 0 no-repeat;
}

.hilite3 .readon {
	background: url(images/arrow-6.png) 0 0 no-repeat;
}

.hilite4 .readon {
	background: url(images/arrow-5.png) 0 0 no-repeat;
}

/* generic */

.hilite1 {
	background: url(images/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.hilite1 div {
	background: url(images/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.hilite1 div div {
	background: url(images/hilite1/module-left-tr.png) 100% 0 no-repeat;
}

.hilite1 div div div {
	background: url(images/hilite1/module-left-br.png) 100% 100% no-repeat;
}

.hilite2 {
	background: url(images/module-left-tl.png) 0 0 no-repeat;
}

.hilite2 div {
	background: url(images/module-left-bl.png) 0 100% no-repeat;
}

.hilite2 div div {
	background: url(images/module-left-tr.png) 100% 0 no-repeat;
}

.hilite2 div div div {
	background: url(images/module-left-br.png) 100% 100% no-repeat;
}

.hilite3 {
	background: url(images/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.hilite3 div {
	background: url(images/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.hilite3 div div {
	background: url(images/hilite3/module-left-tr.png) 100% 0 no-repeat;
}

.hilite3 div div div {
	background: url(images/hilite3/module-left-br.png) 100% 100% no-repeat;
}

.hilite4 {
	background: url(images/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.hilite4 div {
	background: url(images/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.hilite4 div div {
	background: url(images/hilite4/module-left-tr.png) 100% 0 no-repeat;
}

.hilite4 div div div {
	background: url(images/hilite4/module-left-br.png) 100% 100% no-repeat;
}

/* left */

.left1  {
	background: url(images/hilite1/module-left-tl.png) 0 0 no-repeat;
}

.left1 div {
	background: url(images/hilite1/module-left-bl.png) 0 100% no-repeat;
}

.left1  div div {
	background: url(images/hilite1/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left1 div div div {
	background: url(images/hilite1/module-leftcol-br.png) 100% 100% no-repeat;
}



.left3 {
	background: url(images/hilite3/module-left-tl.png) 0 0 no-repeat;
}

.left3  div {
	background: url(images/hilite3/module-left-bl.png) 0 100% no-repeat;
}

.left3  div div {
	background: url(images/hilite3/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left3  div div div {
	background: url(images/hilite3/module-leftcol-br.png) 100% 100% no-repeat;
}

.left4  {
	background: url(images/hilite4/module-left-tl.png) 0 0 no-repeat;
}

.left4  div {
	background: url(images/hilite4/module-left-bl.png) 0 100% no-repeat;
}

.left4  div div {
	background: url(images/hilite4/module-leftcol-tr.png) 100% 0 no-repeat;
}

.left4  div div div {
	background: url(images/hilite4/module-leftcol-br.png) 100% 100% no-repeat;
}

/* right */

.right1  {
	background: url(images/hilite1/module-right-tr.png) 100% 0 no-repeat;
}

.right1  div {
	background: url(images/hilite1/module-right-br.png) 100% 100% no-repeat;
}

.right  div div {
	ba1ckground: url(images/hilite1/module-rightcol-tl.png) 0 0 no-repeat;
}

.right1  div div div {
	background: url(images/hilite1/module-rightcol-bl.png) 0 100% no-repeat;
}

.right .hilite2 {
	background: url(images/blocks/module-right-tr.png) 100% 0 no-repeat;
}

.right2 .hilite2 div {
	background: url(images/module-right-br.png) 100% 100% no-repeat;
}

.right2 .hilite2 div div {
	background: url(images/blocks/rightcol-tl.png) 0 0 no-repeat;
}

.right2 .hilite2 div div div {
	background: url(images/blocks/rightcol-bl.png) 0 100% no-repeat;
}

.right3  {
	background: url(images/hilite3/module-right-tr.png) 100% 0 no-repeat;
}

.right3 div {
	background: url(images/hilite3/module-right-br.png) 100% 100% no-repeat;
}

.right3  div div {
	background: url(images/hilite3/module-rightcol-tl.png) 0 0 no-repeat;
}

.right3  div div div {
	background: url(images/hilite3/module-rightcol-bl.png) 0 100% no-repeat;
}

.right4  {
	background: url(images/hilite4/module-right-tr.png) 100% 0 no-repeat;
}

.right4 div {
	background: url(images/hilite4/module-right-br.png) 100% 100% no-repeat;
}

.right4 div div {
	background: url(images/hilite4/module-rightcol-tl.png) 0 0 no-repeat;
}

.right4 div div div {
	background: url(images/hilite4/rightcol-bl.png) 0 100% no-repeat;
}


/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/greentheme/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/greentheme/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/greentheme/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/greentheme/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
/*.textinput, .textinputHovered {
	height:15px;
	background:url(images/greentheme/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas
.txtarea .tr, .txtarea .tr_xon {background:url(images/greentheme/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/greentheme/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/greentheme/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/greentheme/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/greentheme/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/greentheme/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/greentheme/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/greentheme/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
	overflow:hidden;
}
*/
/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/greentheme/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/greentheme/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/greentheme/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#666;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#330000;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #330000;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#669933;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#666;
	font-weight:bold;
	padding:2px;
	background:url(images/greentheme/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}
