/*
/// GENERAL STYLES
*/

body
{
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:11px;
	color:#00284F;
	line-height:14px;
	background-color:#516B86;
	margin:0px;
}
a
{
	font-weight:bold;
	color:#B4312E;
	text-decoration:none;
}
a:hover
{
	color:#B4312E;
	text-decoration:underline;
}
p
{
	margin-top:10px;
	margin-bottom:10px;
}
h2, h3, h4
{
	font-weight:normal;
	color:#204783;
	line-height:normal;
}
h2
{
	font-size:22px;
	line-height:auto;
}
h3
{
	font-size:18px;
	line-height:auto;
}
h4
{
	font-weight:bold;
	font-size:13px;
}

/*
/// MAIN LAYOUT STYLES
*/

#topstripe
{
	background:#ABBBCC url(images/subpage_bg.jpg) left top repeat-x;
}
#container
{
	position:relative;
	left:50%;
	margin-left:-375px;
	width:750px;
	min-height:590px;
	_height:590px;
	background:url(images/subpage_content_stripebg.jpg) left top repeat-y;
}
#pagetitle
{
	position:relative;
	background:url(images/subpage_titlebg.jpg) left top no-repeat;
	width:750px;
	height:136px;
}
#pagetitle h1
{
	position:absolute;
	margin:0px;
	bottom:15px;
	right:10px;
	font-size:24px;
	font-weight:normal;
}
#container-content
{
	/*position:relative;*/
}
#content
{
	position:relative;
	float:right;
	display:inline;
	width:605px;
	min-height:485px;
	_height:485px;
	background:url(images/subpage_content_bg.jpg) left top no-repeat;
	/*text-align:justify;*/
}
#content p
{

}
div.margin
{
	margin:25px 20px 20px 30px;
	width:550px;
}
img.png
{
	behavior:url(pngbehavior.htc);
}
div.rightalign
{
	position:relative;
	float:right;
	display:inline;
	margin:15px 0px 5px 10px;
}
div.leftalign
{
	position:relative;
	float:left;
	display:inline;
	margin:15px 10px 5px 0px;
}
div.picframesm
{
	position:relative;
	width:120px;
	height:120px;
	overflow:hidden;
}
div.picframesm img.pic
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
div.picframesm img.png
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}
div.picframesm a img
{
	border:0px !important;
}
#content div.wrap
{
	position:relative;
	float:left;
	display:inline;
	height:13px;
	clear:left;
}
#content div.float1
{
	width:270px;
}
#content div.float2
{
	width:170px;
}
#content div.float3
{
	width:120px;
}
#content div.float4
{
	width:110px;
}
#content div.float5
{
	width:90px;
}
#content div.float6
{
	width:60px;
}
#content div.float7
{
	width:30px;
}
#content div.float8
{
	width:10px;
}
table.colored td
{
	background-color:#CADCE0;
}
td.label
{
	background-color:#9AB6BD !important;
}
td.nocolor
{
	background-color:transparent !important;
}
div.clear
{
	position:relative;
	height:1px;
	overflow:hidden;
	clear:both;
}
#logolink
{
	position:absolute;
	top:0px;
	left:47px;
}
#logolink a img
{
	border:0px;
	width:204px;
	height:225px;
}
#footer
{
	position:relative;
	background:url(images/subpage_footer_bg.jpg) left top repeat-x;
	padding-bottom:20px;
	text-align:center;
	color:#7792AD;
	font-size:10px;
	font-weight:bold;
}
#footer img
{
	margin-bottom:0px;
}
#footer a
{
	color:#B5C8CD;
}

/*
/// HOMEPAGE STYLES
*/

body.home #topstripe
{
	background:#ABBBCC url(images/homepage_bg.jpg) left top repeat-x;
}
body.home #container
{
	background:url(images/homepage_content_stripebg.jpg) left top repeat-y;
	padding-top:236px;
	min-height:0px;
	_height:0px;
}
body.home #content
{
	position:relative;
	float:none;
	display:block;
	width:auto;
	min-height:470px;
	_height:470px;
	padding-top:85px;
	background:url(images/homepage_content_bg.jpg) left top no-repeat;
}
#home-leftcol
{
	position:relative;
	float:left;
	display:inline;
	width:320px;
	margin-left:25px;
	text-align:left;
}
#home-rightcol
{
	position:relative;
	float:right;
	display:inline;
	width:310px;
	margin-right:25px;
	text-align:right;
}
#home-leftcol h2, #home-rightcol h2
{
	font-size:13px;
	font-weight:bold;
	clear:both;
}
#home-leftcol h2.top
{
	margin:0px 170px 10px 0px;
}
#home-rightcol h2.top
{
	margin:0px 0px 10px 150px;
}
#homeflash
{
	position:absolute;
	left:242px;
	top:0px;
	width:267px;
	height:371px;
	text-align:left;
}

/*
/// HOMENAV STYLES
*/

body.home #navcontainer
{
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:236px;
	background:url(images/homepage_topbg.jpg) left top no-repeat;
}
body.home #navcontainer div
{
	position:absolute;
	width:203px;
	height:24px;
	overflow:hidden;
}
body.home #navcontainer div a
{
	display:block;
	width:100%;
	padding-top:24px;
}
#navcontainer div.whatis
{
	left:0px;
	top:95px;
}
#navcontainer div.whatis a
{
	background:url(images/homenav_whatisthenar.jpg) left top no-repeat;
}
#navcontainer div.whatis a:hover
{
	background:url(images/homenav_whatisthenar.jpg) -203px 0px no-repeat;
}
#navcontainer div.howdoes
{
	left:0px;
	top:119px;
	height:23px;
}
#navcontainer div.howdoes a
{
	background:url(images/homenav_howdoes.jpg) left top no-repeat;
}
#navcontainer div.howdoes a:hover
{
	background:url(images/homenav_howdoes.jpg) -203px 0px no-repeat;
}
#navcontainer div.whocan
{
	left:0px;
	top:142px;
}
#navcontainer div.whocan a
{
	background:url(images/homenav_whocan.jpg) left top no-repeat;
}
#navcontainer div.whocan a:hover
{
	background:url(images/homenav_whocan.jpg) -203px 0px no-repeat;
}
#navcontainer div.purchase
{
	left:0px;
	top:166px;
}
#navcontainer div.purchase a
{
	background:url(images/homenav_purchase.jpg) left top no-repeat;
}
#navcontainer div.purchase a:hover
{
	background:url(images/homenav_purchase.jpg) -203px 0px no-repeat;
}
#navcontainer div.userguide
{
	right:0px;
	top:95px;
}
#navcontainer div.userguide a
{
	background:url(images/homenav_userguide.jpg) left top no-repeat;
}
#navcontainer div.userguide a:hover
{
	background:url(images/homenav_userguide.jpg) -203px 0px no-repeat;
}
#navcontainer div.sitemap
{
	right:0px;
	top:119px;
	height:23px;
}
#navcontainer div.sitemap a
{
	background:url(images/homenav_sitemap.jpg) left top no-repeat;
}
#navcontainer div.sitemap a:hover
{
	background:url(images/homenav_sitemap.jpg) -203px 0px no-repeat;
}
#navcontainer div.contact
{
	right:0px;
	top:142px;
}
#navcontainer div.contact a
{
	background:url(images/homenav_contact.jpg) left top no-repeat;
}
#navcontainer div.contact a:hover
{
	background:url(images/homenav_contact.jpg) -203px 0px no-repeat;
}
#navcontainer div.home
{
	right:0px;
	top:166px;
}
#navcontainer div.home a
{
	background:url(images/homenav_home.jpg) left top no-repeat;
}
#navcontainer div.home a:hover
{
	background:url(images/homenav_home.jpg) -203px 0px no-repeat;
}

/*
/// NAV STYLES
*/

#nav
{
	position:relative;
	float:right;
	display:inline;
	width:145px;
}
#nav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#nav ul li
{
	position:relative;
	float:left;
	display:inline;
	width:145px;
	_height:1%;
}
#nav li div
{
	position:relative;
	height:27px;
	overflow:hidden;
}
#nav li div a
{
	position:relative;
	display:block;
	width:100%;
	padding-top:27px;
}
#nav li.whatis a
{
	background:url(images/nav_whatisthenar.jpg) left top no-repeat;
}
#nav li.whatis a:hover, #nav li.whatis a.on
{
	background:url(images/nav_whatisthenar.jpg) -145px 0px no-repeat;
}
#nav li.howdoes a
{
	background:url(images/nav_howdoes.jpg) left top no-repeat;
}
#nav li.howdoes a:hover, #nav li.howdoes a.on
{
	background:url(images/nav_howdoes.jpg) -145px 0px no-repeat;
}
#nav li.whocan a
{
	background:url(images/nav_whocan.jpg) left top no-repeat;
}
#nav li.whocan a:hover, #nav li.whocan a.on
{
	background:url(images/nav_whocan.jpg) -145px 0px no-repeat;
}
#nav li.userguide a
{
	background:url(images/nav_userguide.jpg) left top no-repeat;
}
#nav li.userguide a:hover, #nav li.userguide a.on
{
	background:url(images/nav_userguide.jpg) -145px 0px no-repeat;
}
#nav li.products a
{
	background:url(images/nav_products.jpg) left top no-repeat;
}
#nav li.products a:hover, #nav li.products a.on
{
	background:url(images/nav_products.jpg) -145px 0px no-repeat;
}
#nav li.purchase a
{
	background:url(images/nav_purchase.jpg) left top no-repeat;
}
#nav li.purchase a:hover, #nav li.purchase a.on
{
	background:url(images/nav_purchase.jpg) -145px 0px no-repeat;
}
#nav li.sitemap a
{
	background:url(images/nav_sitemap.jpg) left top no-repeat;
}
#nav li.sitemap a:hover, #nav li.sitemap a.on
{
	background:url(images/nav_sitemap.jpg) -145px 0px no-repeat;
}
#nav li.contact a
{
	background:url(images/nav_contact.jpg) left top no-repeat;
}
#nav li.contact a:hover, #nav li.contact a.on
{
	background:url(images/nav_contact.jpg) -145px 0px no-repeat;
}
#nav li.home a
{
	background:url(images/nav_home.jpg) left top no-repeat;
}
#nav li.home a:hover, #nav li.home a.on
{
	background:url(images/nav_home.jpg) -145px 0px no-repeat;
}
/* /// HOVER STYLES /// */
/* Main Hover */
#nav ul li ul, 
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul
{
	position:absolute;
	left:-999em;
	top:0;
}
#nav ul li:hover ul, #nav ul li.sfhover ul,
#nav ul li li:hover ul, #nav ul li li.sfhover ul
{
	left:145px;
	top:2px;
}
/* Adjustment for sub-UL top border */
#nav ul li li:hover ul, #nav ul li li.sfhover ul
{
	top:-5px;
}
/* Submenu main style */
#nav ul li ul
{
	padding:0px;
	margin:0px;
	border:5px white solid;
	border-bottom:4px white solid;
	width:145px;
}
/* Background hover color for subnav LI */
#nav ul li:hover ul li, #nav ul li.sfhover ul li
{
	background:#EFF3F4 url(images/nav_subbg.jpg) left top repeat-x;
}
#nav ul li ul li:hover, #nav ul li ul li.sfhover
{
	background-image:none;
	background-color:white;
}
/* Adjustment to show main nav background on state */
#nav ul li:hover a, #nav ul li.sfhover a
{
	background-position:-145px 0px;
}
/* Submenu link style */
#nav ul li ul a
{
	display:block;
	_height:1%;
	font-size:10px;
	padding:3px 5px 3px 5px;
	background-image:none !important;
	background-color:#ABBBCB;
	border-bottom:1px white solid;
}
#nav ul li ul a:hover, #nav ul li ul a.on
{
	background-color:white !important;
}


/*
/// FORM FIELD STYLES
*/

p.error strong, span.form-req
{
}
span.form-req
{
	color:red;
	font-size:9px;
	font-weight:normal;
}
span.form-explain
{
	font-size:10px;
	color:#56720C;
}
td.formtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
}
input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#2F4F83;
	margin:5px 0px 5px 0px;
}
input.off, select.off, textarea.off
{
	border:1px #2F4F83 solid;
	background:#ffffff url(images/formfield_bg.jpg) left top repeat-x;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFCFD8E0, EndColorStr=#FFFFFFFF);
}
input.on, select.on, textarea.on
{
	border:1px red solid;
	background-color:white;
}
input.off, textarea.off, input.on, textarea.on
{
	padding:3px 0px 0px 3px;
}
input.off, input.on
{
	height:15px;
}
input.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: white;
	background:#27405A url(images/formbutton_bg.jpg) left top repeat-x;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FF516B86, EndColorStr=#FF27405A);
	padding:3px;
	width:auto !important;
}
#content-text input, #content-text select, #content-text textarea
{
	width:300px;
	margin-bottom:5px;
}

/* 
///SIDENAV TABLE
*/

#sidenav
{
	position:relative;
	margin-left:15px;
	margin-bottom:15px;
	border:1px #859BB2 solid;
	border-top:3px #859BB2 solid;
	width:125px;
	overflow:hidden;
	float:right;
	background-color:#F2F5F6;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#sidenav a
{
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	margin:0px;
	text-align:center;
	display:block;
	padding:5px 5px 5px 5px;
	border-top:1px #F2F5F6 solid;
	border-bottom:1px #F2F5F6 solid;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#sidenav a:hover, #sidenav a.on
{
	color:white;
	background-color:#395C93;
	border-top:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
}