/* BUG FIX FOR IE -- div spacing
line-height: 1px;
font-size: 1px;
*/

body {
	text-align:center;
	background: #E7ECF5;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #32342E;
	margin-top: 0px;
	margin-bottom: 0px;
}
a:link		{ color: #217db9; text-decoration: none; font-weight: bold;}  
a:visited 	{ color: #217db9; text-decoration: none; font-weight: bold;}

.verd {
font-size: 11px;
}

#frame {
	width:920px;
	padding:0px;
	text-align:left;
	background: #fff;
	border: 1px solid #C6CCCF;
	margin: 0px auto;
}

/* start HEADER ********************************************* */
#contentheader {
background:#fff
}
#banner {
	background: #003591;
	display: block;
	width: 920px;
	text-align: left;
	margin: 0px;
	height: 62px;
	font-size: 10px;
	padding: 0px 20px 0px 0px;
}
/* control top */
.formnopad {
	margin:0px;
	padding:0px;
	width:160px;
	float: right;
}
#controltop {
	width:360px;
	height: 40px;
	padding:0px;
	text-align:right;
	color: #A9C0DF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 4px;
	padding-right: 0px;
	font-weight: bold;
	vertical-align: middle;
	float: right;
}
#controltop a {
	font-weight:bold;
	color: #A9C0DF;
}
#regionmap {
float: right; height: 35px; width: 190px; vertical-align: middle; padding-top:7px; padding-right: 0px; margin: 0px;
}
/* change region flyout - this is 1 pixel too high in IE6 */
#changeregion  {
	position: relative;
	float: left;
	text-align: left;
	width: 120px;
	margin: 0px;
	padding: 0px;
}
#changeregion a {
	height: 16px;
	width: 98px;
	padding-right: 0px;
	padding-left: 20px;
	display: block;
	margin: 0px;
}

/* TO CHANGE THE COUNTRY SELECTOR, CHANGE THIS CLASS */
#changeregion.us a {
	background: url(../images/layout/flags-arrow/changeregion-bk-us.gif) no-repeat left top;
}
#changeregion.canada a {
	background: url(../images/layout/flags-arrow/changeregion-bk-canada.gif) no-repeat left top;
}
#changeregionfly  {
	position: absolute;
	text-align: left;
	width: 114px;
	background: #003591 url(../images/nav/changeregion-bk-bot.gif) no-repeat left bottom;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	z-index: 20;
}

#changeregionfly ul{
	list-style: none;
	margin: 4px 4px 8px;
	padding: 0px;
	width: 96px;
}

#changeregion #changeregionfly a:link, #changeregion #changeregionfly a:visited {
	background: #003591 url(none.html);
	margin: 0px;
	padding: 3px 0px 0px 10px;
	height: 19px;
	width: 94px;
	display: block;
	color: #fff;
	text-decoration: none;
}
#changeregion #changeregionfly a:hover, #changeregion #changeregionfly a:active {
	text-decoration: none;
	background: #6786BB;
}
.search {
	font-size: 10px;
	width: 110px;
	margin-right: 5px;
	margin-left: 0px;
	margin-top: 0px;
	background: #B3C3DE;
	font-weight: bold;
	border-style: none;
}

#flash {
	background: #FFFFFF;
	display: block;
	width: 900px;
	text-align: center;
	margin: 5px 0px 2px 21px;
	padding: 0px;
}
/* hold both main & sub nav */
#navholder {
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 21px;
	width: 900px;
	background: #007CC2;
	background: url(../images/layout/rightofnav.jpg) no-repeat right top;
}
#howdoi {
	float: right;
	height: 33px;
	width: 155px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
	/*NEED HACK FOR RIGHT MARGIN IN IE 6*/
}

#howdoi a:link, #howdoi a:visited {
	background: #007CC2 url(../images/nav/howdoi-bk.jpg) no-repeat left top;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	height: 19px;
	width: 146px;
	display: block;
	color: #3B4953;
	text-decoration: none;
}
#howdoi a:hover, #howdoi a:active {
	margin: 0px;
	padding: 3px 0px 0px 10px;
	height: 19px;
	width: 146px;
	display: block;
	color: #fff;
	text-decoration: underline;
}

#howdoi #rollTarget.openfly  {
background: #007CC2 url(../images/nav/howdoi-bk.jpg) no-repeat 0 -22px;
color: #fff;
}
#howdoi #howdoifly {
	background: url(../images/nav/howdoi-bk-bot.gif) no-repeat left bottom;
	position: absolute;
}
#howdoi ul{
	list-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
	z-index: 10;
}

#howdoi #howdoifly a:link, #howdoi #howdoifly a:visited {
	background: #1D7CBB url(none.html);
	margin: 0px;
	padding: 3px 0px 3px 10px;
	height: 19px;
	width: 146px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: #007CC2;
}
#howdoi #howdoifly a:hover, #howdoi #howdoifly a:active {
	text-decoration: underline;
}

/* CONTENT - HOLDS 3 COLUMNS */
#content {
	padding:0px;
	margin-right: 20px;
	margin-left: 21px;
	display: block;
}

/* CONTENT LEFT */
#contentleftbox {
	width:315px;
	padding:0px;
	float:left;
	margin:13px 0px 40px;
	display: block;
}

/* SUB LEFT FEATURES */
#contentleftbox .feature {
	background: #fff;
	width: 289px;
	height: auto;
	padding: 0px 0px 10px;
	margin: 0px;
	border-bottom: 1px solid #C6CBCF;
	display: block;
}

#contentleftbox h1 {
        padding: 0px;
        margin: 0px;
} 

#contentleftbox h1 span {
        padding: 0px;
        margin: 0px;
        left: -9000px;
        color: #FF0000;
        position: absolute;
} 

#contentleftbox .feature h2 {
	display: block;
	margin: 0px;
	line-height: 1.4;
	font-size: 12px;
	color: #86CAFF;
	padding: 14px 13px 6px 0px;
}

#contentleftbox .feature h2 a:link, #contentleftbox .feature h2 a:visited {
	padding: 0px 0px 4px 18px;
	margin: 0px;
	display: block;
	background: url(../images/layout/arrow_grey.gif) no-repeat left 2px;
}
#contentleftbox .feature h2 a:hover, #contentleftbox .feature h2 a:active {
	padding: 0px 0px 4px 18px;
	margin: 0px;
	display: block;
	background: url(../images/layout/arrow_orange.gif) no-repeat left 2px;
}

#contentleftbox img.leftphoto {
	margin: 0px 10px 8px 0px;
	padding: 0px;
	float: left;
}

#contentleftbox .feature p {
	padding: 0px 10px 10px 0px;
	margin: 0px;
}

#contentleftbox .feature p:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: left;
	height: 0;
}

/* download icon */
#contentleftbox .feature a img {
	padding: 2px 0px 0px 13px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
}

#contentleftbox .feature a, #contentleftbox .feature a:visited {
	text-decoration: none;
}

#contentleftbox .feature a:active, #contentleftbox .feature a:hover {
	color: #F48419;
	text-decoration: underline;
}

/* center content */
#contentcenterbox {
	width:258px;
	padding:0px;
	float:left;
	margin:13px 26px 40px 0px;
	display: block;
}

#contentcenterbox h1 { <<...>> <<...>>
        padding: 0px;
        margin: 0px;
}
#contentcenterbox h1 span {
        padding: 0px;
        margin: 0px;
        left: -9000px;
        color: #FF0000;
        position: absolute;
} 
/* SUB LEFT FEATURES */
#contentcenterbox .feature {
	background: #fff;
	height: auto;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #C6CBCF;
}

#contentcenterbox .feature h2 {	
	display: block;
	padding: 14px 13px 6px 0px;
	margin: 0px;
	line-height: 1.4;
	font-size: 12px;
	color: #86CAFF;
}
#contentcenterbox .feature h2 a:link, #contentcenterbox .feature h2 a:visited {
	padding: 0px 0px 4px 18px;
	margin: 0px;
	display: block;
	background: url(../images/layout/arrow_grey.gif) no-repeat left 2px;
	line-height: 1.5em;
}
#contentcenterbox .feature h2 a:hover, #contentcenterbox .feature h2 a:active {
	padding: 0px 0px 4px 18px;
	margin: 0px;
	display: block;
	background: url(../images/layout/arrow_orange.gif) no-repeat left 2px;
	line-height: 1.5em;
}
#contentcenterbox img.leftphoto {
	margin: 0px 10px 8px 0px;
	padding: 0px;
	float: left;
}

#contentcenterbox .feature p {
	padding: 0px 10px 10px 0px;
	margin: 0px;
}
/* download icon */
#contentcenterbox .feature a img {
	padding: 2px 0px 0px 13px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
}

#contentcenterbox .feature a, #contentcenterbox .feature a:visited {
	text-decoration: none;
}

#contentcenterbox .feature a:active, #contentcenterbox .feature a:hover {
	color: #F48419;
	text-decoration: underline;
}

#contentcenterbox ul {
	margin: 10px 0px 5px;
	padding: 0px 0px 2px;
	clear: both;
	list-style: none;
}
#contentcenterbox ul li {
	padding: 0px 0px 6px;
	margin: 0px;
	line-height: 1;
	background: url(none.html);
}
#contentcenterbox ul li a:link, #contentcenterbox ul li a:visited {
	padding: 1px 0px 4px 18px;
	margin: 0px;
	display: block;
	background: url(../images/layout/arrow_orange.gif) no-repeat left 0px;
	/* hack to make IE push these together.  */
	height: 100%;
	color: #F48419;
	font-size: 12px;
}
#contentcenterbox ul li a:hover, #contentcenterbox ul li a:active {
	text-decoration: underline;
}
/* right column */

/* center content */
#contentrightbox {
	width:301px;
	padding:0px;
	float:left;
	margin:7px 0px 40px;
	display: block;
	background-color: #D4DAC3;
}

#contentrightbox h1 {
        padding: 0px;
        margin: 0px;
}
#contentrightbox h1 span {
        padding: 0px;
        margin: 0px;
        left: -9000px;
        color: #FF0000;
        position: absolute;
} 
/* SUB LEFT FEATURES */
#contentrightbox .feature {
	/*width: 289px;*/
	height: auto;
	margin: 0px 0px 8px;
	padding: 0px;
}

#contentrightbox .feature h2 {
	display: block;
	line-height: 1.4;
	font-size: 12px;
	color: #86CAFF;
	margin: 0px;
	padding: 13px 13px 12px 16px;
}
#contentrightbox img.rightphoto {
	margin: 0px 10px 8px 0px;
	padding: 0px;
	float: left;
}
#contentrightbox img.rightfoot {
	margin: 0px;
	padding: 6px 0px 0px;
	clear: both;
}
#contentrightbox .feature p {
	margin: 0px;
	padding: 0px 10px 10px 16px;
}
/* download icon */
#contentrightbox .feature a img {
	padding: 2px 0px 0px 13px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
}

#contentrightbox .feature a, #contentrightbox .feature a:visited {
	text-decoration: none;
}

#contentrightbox .feature a:active, #contentrightbox .feature a:hover {
	color: #F48419;
	text-decoration: underline;
}

#contentrightbox .feature ul ul a {
	font-weight: normal;
}
#contentrightbox .feature ul {
	padding: 0px;
	margin: 0px;
	border-style: none;
	list-style: none;
	padding: 0px 10px 10px 12px;
}
#contentrightbox .feature ul li  {
	margin: 0px;
	padding: 0px;
	/* hack to fix line spacing in IE */
	border-bottom: 1px dotted #389ADE;
}

#contentrightbox .feature ul li ul li {
	padding: 0px;
	margin: 0px 0px 0px 6px;
	display: block;
	font-weight: normal;
}

#contentrightbox .feature ul li.download a:link, #contentrightbox .feature ul li.download a:visited {
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 6px;
	background: url(../images/layout/left/download.gif) no-repeat 2px 3px;
	display: block;
	font-weight: normal;
}

#contentrightbox .feature ul li a.event:link, #contentrightbox .feature ul li a.event:visited {
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 6px;
	background: url(../images/layout/left/event.gif) no-repeat 2px 3px;
	display: block;
	font-weight: normal;
	color: #FFFFCC;
}


/* FOOTER */
#footer {
	width: 942px;
	
	display: block;
	height: 39px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;

	text-align: center;
	padding: 0px;
	border-top: 15px solid #FFFFFF;
	margin-top: 15px;
}

#footer2 {
width: 942px;
display: block;
height: 60px;
font: 10px/150% Verdana, Arial, Helvetica, sans-serif;

padding-top: 10px;
text-align: center;
position: relative;
}
#footer2 a {
color: #74706B;
text-decoration: none;
}

#footer2 a:hover, #footer2 a:active, #footer2 a:focus {
color: #74706B;
text-decoration: underline;
}


/* SHARED FEATURES */
a.download:link, a.download:visited  {
	padding: 0px 0px 4px 16px;
	margin: 4px 0px 0px;
	display: block;
	background: url(../images/layout/download_wh.gif) no-repeat 2px 2px;
}
.feature .item {
	display: block;
	clear: both;
	margin: 0px 0px 5px;
	padding: 0px;
}

a.arrow {
	background: url(../images/home/layout/link-arrow.html) no-repeat right;
	display: inline;
	padding-right: 9px;
}

/* backtotop*/
#backtotop  {
	clear: both;
		}
#backtotop a {
	margin-top: 30px;
	color: #8F8A84;
	background: url(../images/layout/backtotop.gif) no-repeat left 1px ;
	font-size: 10px;
	display: block;
	padding-left: 13px;
		}
/* print-email */
#print {
	width:45px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 6px;
	margin-right: 14px;
}
/* hide flyouts */
#changeregionfly, #howdoifly {display: none;}

.clearcontent {
	CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 0; HEIGHT: 0px
}

/* fix to remove outline on active button in firefox */
a  {
	outline: none;
}
