html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
background:url(../images/bkg-body.jpg) repeat-x #FFFFFF;
font:12px/17px Arial;
color:#666666;
}

/* ======= STRUCTURAL ELEMENTS  =============================================================== */

#container1 {
background:url(../images/bkg-greenBlur.jpg) no-repeat 50% 105px ;
}
#container2 {
width:1000px;
margin:0px auto;
position:relative;
background-color:#FFFFFF;
}




#header {
height:130px;
background:url(../images/bkg-header.jpg) no-repeat ;
position:relative; /* for children divs to be positioned absolute */
}

#tooltip {
position:absolute;
left:545px;
/left:540px; /* IE 7,8 hack */
top: 5px;
z-index:21;
}

* html #tooltip { /* IE 6 hack */
left:555px;
}

#tooltip li{
float:left;
padding:0px;
margin:0px 10px 0px 0px;
background-image:none;
list-style:none;

}



#tooltip  a:link, #tooltip  a:active, #tooltip  a:visited {
text-decoration:none;
float:left;
padding:3px 10px 0px 0px;
margin:0px 0px 0px 0px;
background:url(../images/orangeArrow.gif) no-repeat right 7px;
color:#777777;
display:block;
}

#tooltip  a:hover {

}

#topNav {
position:absolute;
left:415px;
top:55px;
z-index:14;
}


/* drop down menus */

#topNav li.top {
background:url(../images/bkg-topNavRight.gif) no-repeat right ;
list-style:none;
padding-right:3px;

margin:0px 7px ;
border-width:0px;
}
#topNav a.top {
background:url(../images/bkg-topNavLeft.gif) no-repeat left ;
padding:9px 10px 6px 13px;
display:block;

font:12px Arial;
text-decoration:none;
border-width:0px;
font:13px Arial ;
color:#3176a0;
text-transform:uppercase;
letter-spacing:1px;

}


#topNav li.on {
background:url(../images/bkg-topNavRight-over.gif) no-repeat right;
}

#topNav li.off {
color:#3176a0;
background:url(../images/bkg-topNavRight-over.gif) no-repeat right;
padding-right:3px;
float:left;
margin:3px;
}

#regions {
position:absolute;
top:3px;
left:425px;
z-index:22;
}

#regions ul {
width:120px;
}

#regions a{
color:#777777;

}
#regions li {

background-image:none;

}

#regions li li{

background:url(../images/orangeArrow.gif) no-repeat 95px 10px ;

}





#logo {
	position:absolute;
	left: 13px;
	top: 11px;
}

#subhead {
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
background:url(../images/bkg-blueTout.jpg) no-repeat 10px 0px ;
}

#breadcrumb {
position:absolute;
top:35px;
left:25px;
width:650px;
}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited {
text-decoration:none;
float:left;
padding:0px 15px 0px 0px;
margin:0px 10px 0px 0px;
background:url(../images/whiteArrow.gif) no-repeat right;
color:#FFFFFF;
display:block;
font-size:11px;

}


#introText {
padding:0px 25px 20px 25px;
font: 15px/20px Arial;
color:#FFFFFF;
height:100%;
display:block;
}




h1 {
font: 40px/46px Georgia;
color:#FFF2A9;
padding:55px 25px 20px 25px;
height: 100%;
filter: Shadow(Color=#5b7a99,  Direction=135,  Strength=5);
text-shadow: #5b7a99 3px 3px 3px;
}


#subnavTabs {
margin-left:25px;
position:absolute;
height:51px;
/height:50px; /* IE 6, 7,8 hack */
z-index:3;
bottom:24px;
/bottom:25px; /* IE 7,8 hack */

}

* html #subnavTabs { /* IE6 hack */

bottom:24px;

}

/* subnav tabs */

#subnavTabs li {
background:url(../images/bkg-subnavRight-off.gif) no-repeat right ;
list-style:none;
padding:0px 3px 0px 0px;
float:left;
margin:0px 2px 0px 0px ;
border-width:0px;

}
#subnavTabs a {
background:url(../images/bkg-subnavLeft-off.gif) no-repeat left ;
padding:9px 12px 6px 15px;
display:block;
float:left;
font:14px Arial;
border-width:0px;
text-decoration:none;
color:#FFFFFF;
text-transform:lowercase;!important

}



#subnavTabs li.on{
background:url(../images/bkg-subnavRight-on.gif) no-repeat right ;
}
#subnavTabs li.on a{
background:url(../images/bkg-subnavLeft-on.gif) no-repeat left ;
color:#666666;
}

#subheadLeft{
float:left;
width:700px;
margin:0px 0px -10px 0px;

position:relative; /* for children divs to be positioned absolute */
background-color:none;
padding:0px;
}

#subheadRight{
float:right;
width:270px;
background-color:#FFFFFF;
margin:-10px 0px -4px 0px;


}

#subheadRight img{

margin:10px 0px 0px 0px;

}

#subheadRight #subheadRightBottomImg img{
 
margin:7px 0px 0px 0px;
 
}



#subheadClear {
position:relative;
clear:both;
background:url(../images/bkg-subheadBottom.gif) no-repeat ;
height:39px;
margin:  0px;
padding:10px 0px 0px 0px;
}

#content {
padding:0px 10px;
background-color: #FFFFFF;
}
#contentLeft {
width:660px;
padding:0px 25px 25px 25px;
float:left;
position:relative;
}
#contentRight {
background:url(../images/bkg-aside.gif) repeat-x bottom #f7ecd1;
width:245px;
padding:0px 12px 50px 13px;
float:right;

}

#contentRight li{

margin-left:0px;

}

#footer {
margin:10px 0px;
padding:0px 10px;
}
.footerTop {
background:url(../images/bkg-footer-top.gif) no-repeat;
height:10px;
}

.footerBody {
padding:10px;
background:url(../images/bkg-footer-middle.gif) repeat-y  100% 0px;
}
.footerBottom {
background:url(../images/bkg-footer-bottom.gif) no-repeat;
height:10px;
clear:both;
}



#footer li, #footer ul {
list-style:none;
margin:0px;
padding:0px;

}

#footer li  {
list-style:none;
padding:0px 0px 0px 15px;
margin:0px 0px 10px 0px;
background:url(../images/whiteArrow.gif) no-repeat left 3px;



}
#footer a {
text-decoration:none;
color:#666666;
font-size:11px;


}



#footerNav1 {
width:155px;
float:left;
border-right:solid 1px #e6eed9;
padding:0px 4px 0px 0px;
margin:0px 0px 0px 7px;
height:115px;
display:inline;
}



#footerNav2 {
float:left;
border-right:solid 1px #e6eed9;
padding:0px 7px 0px 7px;
margin:0px 0px 0px 7px;
width:140px;
height:120px;
display:inline;
}


#footerNav3 {
float:left;
border-right:solid 1px #e6eed9;
padding:0px 7px 0px 7px;
margin:0px 15px 0px 7px;
width:135px;
height:120px;
display:inline;
}


#footerNav4  {
float:left;
border-right:solid 1px #e6eed9;
padding:0px 7px 0px 7px;
margin:0px 0px 0px 7px;
width:140px;
height:120px;

}




#footerNav5 {
float:left;
width:267px;
padding:0px 0px 0px 15px;
margin:0px;
display:inline;
}



#footerNav4 li a:active, #footerNav4 li a:link, #footerNav4 li a:visited {
text-decoration:none;
float:left;
padding:7px 0px 7px 27px;
margin:0px 10px 0px 0px;
color:#666666;
display:block;

}
#footerNav4 li {
background-image:none;
list-style:none;
display:inline;
padding:0px;
margin:0px 0px 0px 7px;
position:relative;
}



#footerNav4 li a:active.regionIcon, #footerNav4 li a:link.regionIcon, #footerNav4 li a:visited.regionIcon {
background:url(../images/bkg-footerIcon-globe.gif) no-repeat left 3px;
} 

#footerNav4 li a:active.searchIcon, #footerNav4 li a:link.searchIcon, #footerNav4 li a:visited.searchIcon {
background:url(../images/bkg-footerIcon-search.gif) no-repeat left 3px;
} 

#footerNav4 li a:active.repIcon, #footerNav4 li a:link.repIcon, #footerNav4 li a:visited.repIcon {
background:url(../images/bkg-footerIcon-rep.gif) no-repeat left 3px;
} 

#footerNav4 li a:active.contactIcon, #footerNav4 li a:link.contactIcon, #footerNav4 li a:visited.contactIcon{
background:url(../images/bkg-footerIcon-contact.gif) no-repeat left 3px;
} 

#footer .sublinks {
height: 20px;
padding:0px;
margin:5px 20px;

}

#footer .sublinks li {
list-style:none;
padding:0px;
margin:0px;
float:left;
}


#footer .sublinks a:link, #footer .sublinks a:active, #footer .sublinks a:visited {
text-decoration:none;
float:left;
padding:3px 10px 3px 0px;
margin:0px 10px 0px 0px;
color:#666666;
display:block;
}

#flashcontent {
	position:absolute;
	top:97px;
	/top:101px;
	width:700px;
	height:350px;
	z-index:2;
	left: 10px;
}

* html #flashcontent {
	
	top:100px;
	
	
}

/* ===============  STYLE CLASSES  ======================================= */


.clear {
clear:both;
margin:0px;
padding:0px;

}

.mainTout1{

}
.mainTout2{

}


/* ================  GENERAL FORMATTING STYLES ===============================*/

h1 {
font: 46px/48px Georgia;
color:#FFF2A9;
padding:55px 25px 20px 25px;
height: 100%;
filter: Shadow(Color=#476684,  Direction=135,  Strength=5);
text-shadow: #476684 3px 3px 3px;
}



h2 {
font: 20px/24px Georgia;
color:#3176a0;
margin:0px 0px 10px 0px;

}

h3 {
color:#91a556;
font: bold 15px/18px Arial;
margin:0px 0px 15px 0px;
}


h4 {
font:13px Arial ;
color:#3176a0;
text-transform:uppercase;
letter-spacing:1px;
margin:0px 0px 5px 0px;
}


h5 {

}

h6 {

}



.hr { /*use this style to replace hr tags with JS*/
clear:both;
padding:0px;
border-width:1px 0px 0px 0px;
padding-bottom:20px;
margin-top:20px;
background:url(../images/bkg-hrShadow.gif) repeat-x bottom;
border-top:solid 1px #FFFFFF;
}




ul {

}


ol {

}


p {
margin:0px 0px 20px 0px;
}

ul li {
margin:0px 0px 10px 10px;
background: url(../images/red-arrow.gif) no-repeat 4px 4px ;
padding:0px 0px 0px 20px;
list-style:none;
}

ol li {
margin:0px 0px 10px 31px;
list-style:normal;
background-image:none;

}

a:link, a:active, a:visited {
color:#3176a0;
}

a:hover {

color:#da3d3e;
}



/*  ====================== STYLE CLASSES ================================ */




#tooltip li.orangeLinks {
background:url(../images/bkg-orangeCTA-links-right.gif) no-repeat right;
list-style:none;
padding-right:10px;
float:left;
margin:0px 5px;
border-width:0px;
}
#tooltip  li.orangeLinks a:link, #tooltip li.orangeLinks a:active, #tooltip li.orangeLinks a:visited {
background:url(../images/bkg-orangeCTA-links-left.gif) no-repeat left ;
padding:3px 4px 3px 6px;
display:block;
color:#FFFFFF;
font:12px Arial;
text-decoration:none;
float:left;
margin:0px;


}


li.orangeLinks {
background:url(../images/bkg-orangeCTA-links-right.gif) no-repeat right;
list-style:none;
padding-right:10px;
float:left;
margin:0px 5px 0px 0px;
border-width:0px;
}
li.orangeLinks a:link, li.orangeLinks a:active, li.orangeLinks a:visited {
background:url(../images/bkg-orangeCTA-links-left.gif) no-repeat left ;
padding:3px 4px 3px 6px;
display:block;
color:#FFFFFF;
font:12px Arial;
text-decoration:none;
float:left;
margin:0px;


}



.asideModule {
background:url(../images/bkg-asideModule.gif) no-repeat left top;
width:auto;
padding:10px;
margin:0px 0px 20px 0px;
font:11px/14px Arial;
}

.quote {
background:url(../images/quoteMark.gif) no-repeat left top;
font: 14px/18px Georgia;
color:#3176a0;
padding:20px 0px 10px 10px;
}

.videoBox {
float:left;
width:340px;
background:url(../images/bkg-video.gif) no-repeat left top;
}

.videoTop {
padding:10px;
}

.videoBottom {
background:url(../images/bkg-videobottom.gif) no-repeat left bottom;
padding:10px;

}

.moreInfo {
float:right;
width:180px;
margin: 0px 0px 10px 20px;
}

.moreInfoTop {
height:13px;
background:url(../images/bkg-moreInfo-top.gif) no-repeat ;

}

.moreInfoMiddle {
padding:5px 5px 5px 15px;
background:url(../images/bkg-moreInfo-middle.gif) repeat-y ;
}

.moreInfoBottom {
height:14px;
background:url(../images/bkg-moreInfo-bottom.gif) no-repeat ;
}

.nextSteps {
background:url(../images/bkg-aside.gif) repeat-x bottom ;
border-top:solid 1px #d46d6a;
margin:20px 0px;
padding:15px;
font-style:italic;
clear:both;
}

.callout {
background:url(../images/bkg-body.jpg) repeat-x bottom ;
margin:20px 0px;
padding:15px;
clear:both;
}

.copyright {
float:right;
margin:7px 10px;
}


.smallTextFloat {
float:right;
font-size:11px;
text-decoration:none;
}

.marginRight  {
margin-right:10px;
}


.marginBottom {
margin-bottom:20px;
}



/* SUPERFISH MENU =====================================================================
======================================================================*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
	background-image:none;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	background-image:none;
	font:12px/15px Arial;
	text-transform:lowercase;
	
}

.sf-menu li li a {
	
	font:12px/14px Arial;
	
	
}

.sf-menu a:hover {
	background-color:#e6c985;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
	z-index:		99;
	border:solid 1px #acbb7f;
	background:url(../images/bkg-aside.gif) repeat-x  #FFFFFF;
	padding:0px;
}



ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;

	
}


/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-width:0px;
	padding: 		.5em 1em;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#666666;
	
}
.sf-menu li {

}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#3176a0;
	background-color:#e6c985;
	outline:		0;
	
}

.sf-menu li:hover {


}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:        absolute;
    display:        block;
    right:            .75em;
    top:            1.05em; /* IE6 only */
    width:            10px;
    height:            10px;
    text-indent:     -999em;
    overflow:        hidden;
    background:        url(../images/orangeArrow.gif) no-repeat  transparent; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.top span.sf-sub-indicator {
background-image:none;
}

.top li span.sf-sub-indicator {
background:        url(../images/orangeArrow.gif) no-repeat  transparent; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	
	
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right #000000;
	padding: 0 8px 9px 0;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ================= FORM STYLES =======================*/

form table {
	margin-bottom:20px;
}

form table td{
	padding:12px 12px 0px 38px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	border-width:0px;
	width:50%;
}

td .formElement1 {/* styles for form element in right column */
	background-color:#FFFFFF;
	border:solid 1px #B1BA82;
	background:url(../images/bkg-formField.gif) repeat-x 0px 0px #FFFFFF;
	font:11px/13px Arial;
	color:#666666;
	margin:2px 0px;
	padding:2px 0px;
	width:95%;
}

.orangeHeader { 
	background: url(../images/bkg-suheadBox.gif) left top repeat-x #f0dfb6;
	color:#3176A0;
	margin:0px;
	font:bold 14px/20px Georgia;
	padding:20px 0px 10px 70px;
	border:1px solid #E23634;
	border-width:0px 0px 1px 0px;
	position:relative;
}

.blueHighlight {
	color:#3176A0;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.orangeHighlight {
	color:#E23634;
}

.steps {
	position:absolute;
	left:20px;
	top:18px;
}

.topRow {
	background: url(../images/bkg-hrShadow.gif) left top repeat-x #ffffff;	
}

.greenBg {
	background: url(../images/bkg-greenGrad.gif) left top repeat-x #ffffff;
	padding:20px;
	border:1px solid #B1BA82;
	font:bold 13px/17px Arial;
	margin:10px 0px 15px 0px;
}

.mediumText {
	font:bold 13px/17px Arial;
}

label.error {
	color:#E23634;
	display:block;
}

div.error {

}




/* ================= IE6 OVERRIDES =======================*/

/* IE6 STYLES =====================================================================
======================================================================*/
/*put ie6 specific styles here if needed*/

/*RESET FOR IE6*/



/* SUPERFISH MENUS FOR IE */
* html .sf-shadow ul {
    background:   none;
	
}

 .regions .sf-menu {
/top:-6px;
}