/**********************************************************


		HOME TEXT COLOR		#003366;
		HOME LINK HOVER		#4C8A8B;
		
		TEXT COLOR			#000066;
		GREEN LINK HOVER	#60BF61;


/**********************************************************




/******************** global styles **********************/
body {
	margin: 0;
	background-color: #999999;
	border-top: solid 18px #60BF61;
}

body, td, p {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}

.shadowLeft {
	background: #999999 url(/images/background_shadow_left.gif) repeat-y;
}

.shadowRight {
	background: #999999 url(/images/background_shadow_right.gif) repeat-y;
}

p a:link, p a:visited, p a:active {
	border-bottom: dashed 1px #60BF61;
	text-decoration: none;
	color: #000066;
}

p a:link:hover, p a:visited:hover, p a:active:hover {
	border-bottom: dashed 1px #60BF61;
	text-decoration: none;
	color: #60BF61;
}

.container {				/* for absolutly positioned divs */
	position: relative;
}

.spacer {
	display: none;
}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0 0 4px;
	padding: 0 0 0 16px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #669999;
	list-style-type: none;
	background: url(/images/bullet.gif) 0 5px no-repeat;
}



/******************** header styles **********************/
#header {
	border-top: solid 5px #FFFFFF;
}

#header .padding {
	padding: 4px 5px 4px 50px;
	width: 100%;	/***** need for WinIE5.5 and WinIE5.0 to correctly display tables with 100% width *****/
	w\idth: auto;	/***** hide from WinIE5.5 and WinIE5.0 *****/
}



/******************** topnav styles **********************/
#topnav {
	position: absolute;
	top: 105px;
	right: 5px;
}

#topnav img {
	margin-left: 1px;
}

#topnav span {
	margin-bottom: 2px;		/* for WinIE browsers that convert .PNG to <span> - they're off by several pixels */
	marg\in-bottom: 5px;	/* hide from WinIE 5.x */
}



/******************** sidenav styles **********************/
#sidenav {
	border-top: solid 5px #FFFFFF;
	border-left: solid 5px #FFFFFF;
	background-color: #396FBF;
	width: 175px;
	padding-bottom: 6px;
	background: #396FBF url(/images/background_sidenav.gif) bottom repeat-x;
	text-align: left;
}

.sidenav .promo {
	border-left: solid 5px #FFFFFF;
	border-bottom: solid 5px #FFFFFF;
	background-color: #396FBF;
	width: 175px;
	text-align: left;
	margin-top: -13px;				/* MacIE puts a 13px gap between the 2 divs - seems to be caused by the h1 padding */
	/* begin hiding from MacIE \*/
	margin-top: 0;
	/* end hiding from MacIE */
}

#sidenav h1 {
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #99FFFF;
	border-bottom: solid 2px #FFFFFF;
	background: url(/images/background_sidenav.gif) repeat-x;
	padding: 11px 4px 11px 12px;
	margin: 0;
}

#sidenav h1.selected {
	background: #172C4D url(/images/background_sidenav_selected.gif) repeat-x;
}

#sidenav h1.selected a:link, #sidenav h1.selected a:visited, #sidenav h1.selected a:hover, #sidenav h1.selected a:active {
	border: none;
	cursor: default;
}

#sidenav a:link, #sidenav a:visited, #sidenav a:active {
	color: #99FFFF;
	text-decoration: none;
}

#sidenav a:link:hover, #sidenav a:visited:hover, #sidenav a:active:hover {
	border-bottom: dashed 1px #99FFFF;
	text-decoration: none;
}

.sidenav {
	background-color: #CCCCCC;
}

.sidenav p {
	color: #666666;
	text-align: left;
}



/******************** content styles **********************/
#content {
	width: 870px;
	background-color: #CCCCCC;
	margin: 0 0 0 5px;			/* for MacIE */
	/* begin hiding from MacIE \*/
	margin: 0;
	/* end hiding from MacIE */
}

#content .padding {
	padding: 63px 50px 42px 50px;
	width: 100%;	/***** need for WinIE5.5 and WinIE5.0 to correctly display tables with 100% width *****/
	w\idth: auto;	/***** hide from WinIE5.5 and WinIE5.0 *****/
}

#content td.content {
	padding: 16px 15px 40px 12px;
}

.content p {
	color: #000066;
	margin-top: 0;
	margin-bottom: 20px;
}

.content p.download {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #669999;
	margin: 4px 0 7px;
}

.content p.download a:link {
	color: #669999;
	text-decoration: none;
	border: none;
}

.content p.download a:link:hover {
	border-bottom: dashed 1px;
}

.content ul {
	margin-top: 0;
}

.content h1 {
	margin: 0 0 8px;
	width: 100%;
	height: 77px;
	background: url(/images/background_title.gif);
}

.content h2 {
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/background_subtitle.gif) repeat-x;
	color: #000066;
	padding: 5px 8px 18px 6px;
	margin: 41px 0 0;
}

.content h2 img {
	margin-top: 4px;
}

.content h2 a {
	border: none;
	text-decoration: none;
	color: #000066;
}

.content h2 .thumb {
	position: absolute;
	left: 165px;
	top: -35px;
}

.content h2 .product {
	position: absolute;
	right: 15px;
	top: -133px;
}

html>body .content h2 .product {
	right: -8px;
}

.content h3 {
	font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #60BF61;
	margin: 7px 0 10px;
}

.content h3 a:link, .content h3 a:visited, .content h3 a:active {
	border-bottom: dashed 1px #60BF61;
	text-decoration: none;
	color: #60BF61;
}

.content h4 {
	font: 12px/40px Verdana, Arial, Helvetica, sans-serif;
	border-top: dotted 1px #999999;
	margin: 0;
}

.content h4 a:link, .content h4 a:visited, .content h4 a:active {
	border-bottom: dashed 1px #60BF61;
	text-decoration: none;
	color: #000066;
}

h4 a:link:hover, h4 a:visited:hover, h4 a:active:hover {
	border-color: #60BF61;
	color: #60BF61;
}

.content h5 {
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/background_sectiontitle.gif) repeat-x;
	color: #000066;
	padding: 12px 8px 18px 6px;
	margin: 41px 0 0;
}

.content h5 img {
	margin-top: -8px;
}

.content h6 {
	font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: solid 2px #7D9C9C;
	margin: 72px 0 0;
}

.column {
	padding-right: 10px;
}

.rule {
	background: #FFFFFF url(/images/background_checker.gif);
	height: 7px;
	margin-bottom: 20px;
}

.ruleCheckerE6 {
	background: #E6E6E6 url(/images/background_checker.gif);
}

.required {
	text-align: center;
	border-bottom: dotted 1px #999999;
	margin: 0 0 5px;
}

.input {
	width: 350px;
	border: solid 1px #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.jump {
	position: absolute;
	left: -80px;
}

div.error {
	color: red;
	border-bottom: dotted 1px #999999;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

span.error {
	color: red;
}



/******************** content styles **********************/
#footer .content {
	border-top: solid 5px #FFFFFF;
	border-left: solid 5px #FFFFFF;
	border-right: solid 5px #FFFFFF;
	height: 62px;
	background: #396FBF url(/images/background_footer.gif) repeat-x;
	padding: 11px 41px 0 0;
}

#footer p {
	margin: 5px 0 0 0;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #B6CFCF;
}