/* This CSS sets the template styles and layout for ALL elemnets */
/* updates for common image bully lists, image punch, min height -kj06022011 */
/* --------------------------------------------------------- =BROWSER =NORMALIZATION */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*  div {border:1px solid #090;}  */


/* --------------------------------------------------------- =BASE =STYLES */

body {
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	text-align:center;
}

body, table, td, div, input {
	font-family: Arial, Trebuchet, Tahoma, Helvetica, sans-serif;
}

table td {
	vertical-align:top;
}

a:link, a:visited {	
	color:#0072bc;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color:#002a3f;
	text-decoration: none;
	}

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-size: 1.4em;
	font-weight:normal;
	border-bottom:1px solid #e3e5e8;
	}
	
h2 {
	color: #365770;
	margin: 0 0 8px 0;
	font-size: 1.3em;
	font-weight:bold;
	/* font-weight:normal; */
}

h3 {
	color: #2f2f2f;
	margin: 0 0 6px 0;
	font-size: 1.2em;
}

h4 {
	color: #2f2f2f;
	margin: 0 0 4px 0;
	font-size: 1em;
}

p {
	padding: 0 0 12px 0;
}

hr {
	background: #dce1e5;
	border: 0;
	color: #dce1e5;
	height: 1px;
	margin: 10px 0;
	}
	
ol li {
	list-style-type: decimal;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
} /* tables still need 'cellspacing="0"' in the markup */

table {	font-size: 100%; } /* IE inheritance fix */

ins {
	text-decoration: none;
	border-bottom: 1px dotted #dce1e5;
} /* remember to highlight inserts somehow! */

del {
	text-decoration: line-through;
}

sup {
	font-size:.7em;
}

/* --------------------------------------------------------- =CLEAR =FLOATS/=FIXS */

.clearfloat {
	clear: both;
	height: 1px;
	}
	
.clear0 {
	height: 0;
	clear: both;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;} /* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;} /* End hide from IE-mac */


/* --------------------------------------------------------- =PAGE WRAPS/=COLUMNS */

.pageWrap {
	background:#435672 url(../images/bg_page.jpg) center top repeat-x;
	}

.page {
	width: 965px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	background: url(../images/bg_colLhome.jpg) top left no-repeat;
	}

.contentWrap {}
.contentL {
	float: left;
	width: 710px;
	}
.contentR {
	float: right;
	width: 254px;
	background:url(../images/bg_colRback_tile.jpg) top left repeat-y;
	}
#home .contentR {background: url(../images/bg_colR.jpg) top left no-repeat;}


.tabbed_content {
	display:none;
	margin: 0 18px;
	min-height:224px;
	height:auto !important;
	height:224px;
}
.specials {
	display:block;
}

/* --------------------------------------------------------- =MASTHEAD */
	
.mastWrap {
	background:url(../images/bg_mast.gif) top center repeat-x;
	width:100%;
	text-align:center;
	}
.mast {
	background:url(../images/bg_mastcenter.jpg) top right no-repeat;
	width:966px;
	margin:0 auto;
	text-align:left;
	}
.mastL {
	float: left;
	width: 411px;
	}
	
.mastR {
	float: right;
	width: 551px;
	text-align: right;
	}
	
/* --------------------------------------------------------- =UTILITY */
	
.uti {
	text-align:center;
	padding:8px 0 0 0;
	font-weight:bold;
	}
	
.uti ul {
	margin: 0 auto;
	padding: 0 0 15px 0;
}

.uti li {
	margin:0;
	padding:0;
	display: inline;
	color:#fff;
	font-size:9pt;
}

.uti a:link, .uti a:visited {	
	color:#fff;
	text-decoration: none;
	}
	
.uti a:hover, .uti a:active, .uti a.selected:link, .uti a.selected:visited {
	color:#033268;
	text-decoration: underline;
	}
	
/* --------------------------------------------------------- =SEARCH =AREA */

.searchArea {
	
}

.searchArea form {
	margin: 30px 0 0 0;
	padding: 0;
}

.searchArea input, .searchArea img { vertical-align: middle; }

.searchArea input.appfield1 {
	width: 200px;
	margin:0 3px 0 0;
	padding:5px 2px 8px 6px;
	border:none;
	background:url(../images/bg_input_search_blank.gif) top left no-repeat;
	color: #033268;
	}
* html .searchArea input.appfield1 {height:20px;}

.searchBtn {
	
}



/* --------------------------------------------------------- =LOGIN =AREA */
.loginAreaWrapMain {
	width:226px;
	margin:0;
	padding:0 20px 0 10px;
}
#home .loginAreaWrapMain {
	width:226px;
	margin:40px 0 0 6px;
}
#back .loginAreaWrapMain {
	background: url(../images/bg_colRback.jpg) top left no-repeat;
	}
.loginArea a:link, .loginArea a:visited {
	color:#285990;
	text-decoration:underline;
	}
.loginArea a:active, .loginArea a:hover {
	color:#0e345e;
	text-decoration:none;
	}
.loginAreaWrapMain h1 {
	color:#033268;
	font-weight:bold;
	font-style:italic;
	font-size:12pt;
	border:none;
	}
.loginAreaWrapBB {padding:30px 0 0 0;}
#home .loginAreaWrapBB {padding:0;}
.loginAreaWrapOB {padding:10px 0 0 0;}
#home .loginAreaWrapOB {padding:10px 0 0 0;}
.loginAreaWrapAIS {padding:0px 0 40px 0;}
#home .loginAreaWrapAIS {padding:0 0 70px 0;}
.loginOB form {padding:0;}
.loginOB {
	position:relative;
	top:-5px;
}
.loginCol label {
	border: 1px solid #80B3DC;
    color: #666666;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    margin: 3px 0 0 -2px;
background: rgb(225,225,225); /* Old browsers */
background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 32%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(32%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 32%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 32%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 32%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 32%); /* W3C */
}
.loginCol * {font-size:8pt; color:#6E6E6E;}
.loginCol {margin:5px 0 0 0;}
.loginCol input.appfield1 {
	font-size:10pt;
	width:225px;
	border:none;
	padding:4px 0 6px 2px;
}
*:first-child+html .loginCol input.appfield1 {
	padding:4px 0 4px 2px;
}
*:first-child+html .loginCol {
	margin-bottom:-5px;
}
.searchTag {
	z-index:100;
	font-weight:bold;
	color:#6E6E6E;
	margin-top:6px;
}
/*
.userTag {
	background:url(../images/bg_input_username_blank.gif) !important;
}
.pwTag {
	background:url(../images/bg_input_password_blank.gif) !important;
}
*/
* html .loginCol input.appfield1 {height:25px;}
input.appfield1.password {width:160px;}
.loginCol a:link, .loginCol a:visited,
.loginLinks a:link, .loginLinks a:visited {
	font-size:9pt;
}

.loginLinks {
	padding:0;
	margin:8px 0 0 0;
	text-align:left;
}
.loginLinks ul {margin:0; padding:0;}
.loginLinks li {
	display:inline;
	list-style-image:none;
	margin:0;
	padding:0;
}

.loginForgot {padding:3px 0 5px 57px;}
.loginBtn {float:right; margin-top:-3px;}
#home .loginAreaWrapOB .loginBtn {
	float:right; margin-top:-28px;
}
*:first-child+html #home .loginAreaWrapOB .loginBtn {
	margin-top:-33px;
}

#back .loginOB .firstLi {
	display:block;
	
}

li.firstLi a:link, li.firstLi a:visited {font-weight:bold;}

#alertButton {
	display:none;
	float:right;
}

#home_promo {
	width: 693px;
	height:208px;
}

.input {
  margin: 5px 0;
  background: white;
  float: left;
  clear: both;
}
.input span {
  position: absolute;
  padding: 5px;
  margin-left: 3px;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border-width: 1px;
  padding: 6px;
  background: transparent;
  font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

/* --------------------------------------------------------- =PRRIMARY =NAV */

.pNav {
	width:318px;
	position:absolute;
	top:3px;
	left:-6px;
	z-index:300;
}
.pNav a:link, .pNav a:visited {	
	text-decoration: none;
	display:block;
	padding:2px 0;
	}
.pNav a:hover, .pNav a:active {
	text-decoration: none;
	}
.pNav ul {
	margin:0;
	padding:0;
}
.pNav li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
*:first-child+html .pNav li {
	margin: 0 0 -4px 0;
}

/* --------------------------------------------------------- =SUB =NAV */

.sNav {
	
}
.sNav h1 {
	font-style:normal;
	border-bottom:1px solid #fff;
	color:#255173;
	}
.sNav ul {
	margin: 0;
	padding: 0;
}

.sNav li {
	margin: 0;
	padding: 0 0 4px 0;
	font-size:11pt;
	font-weight:bold;
	line-height:1em;
}
.sNav li li {
	font-size:10pt; 
	background:url(../images/li.gif) 40px .3em no-repeat; 
	padding-left:20px;
	margin-top:8px;
	}
.sNav li li li {
	font-size:10pt; 
	background:none; 
	padding-left:0;
	font-weight:normal;
	}
.sNav li a:link, .sNav li a:visited {	
	display:block;
	color:#000;
	text-decoration: none;
	padding-left:40px;
	}
	
.sNav li a:hover, .sNav li a:active {
	display:block;
	color:#000;
	text-decoration: underline;
	}

.sNav li li a:link, .sNav li li a:visited {	
	color:#002a3f;
	text-decoration: none;
	}
	
.sNav li li a:hover, .sNav li li a:active {
	color:#000;
	text-decoration: underline;
	}
.sNav li li li a:link, .sNav li li li a:visited {	
	color:#0072bc;
	text-decoration: none;
	}
	
.sNav li li li a:hover, .sNav li li  li a:active {
	color:#002a3f;
	text-decoration: underline;
	}	
.sNav li li  li.indicated, .sNav li li  li.indicated {
	background:url(../images/sidenav_arrowhighlight.gif) 0 center no-repeat; 
}
.indicated a:link, .indicated a:visited {
	color:#002a3f;
	}
/* --------------------------------------------------------- =HOME =CONTENT */

.home {
	margin-left:10px;
	padding-bottom:15px;
	}
	
.homeL {
	float: left;
	width: 237px;
	}

.homeR {
	float: left;
	width: 452px;
	background:url(../images/bg_newshome_tile.gif) 0 0 repeat-y;
	margin-left:10px;
	min-height: 242px;
    height:auto !important;
    height: 342px;
	}
*:first-child+html .homeR {
}
#home .homeR {
    position:relative;
}

#home .editorLink {
    position:absolute;
    top:0px;
    left:10px;
}
	
/* --------------------------------------------------------- =PROMOS */

.promo {
	position:relative;
	margin:16px 0 0 11px;
}
#home .promo {margin:16px 0 14px 11px;}

.promoSm {
	margin:33px 0 35px -8px;
	text-align:center;
	}
*:first-child+html .promoSm {margin:33px 0 35px -5px;}
#home .promoSm {
    position:relative;
}

#home .promoSm .editorLink {
    top:-15px;
}
/* --------------------------------------------------------- =NEWS/=ALERTS */
.homeR h1 { 
	color:#033268;
	font-weight:bold;
	font-style:italic;
	font-size:11pt;
	}
.homeR h2 {
	font-size:10pt;
	font-weight:bold;
	}
.tabbed_1 {
    display:block;
    border-right: 1px dotted #C6DAEC;
    float: left;
	/* margin-left: 18px; */
    padding-right: 24px;
    width: 190px;
	}

.specials img {
	float:left; 
	padding: 0 10px 5px 0; 
	}
.learnMore {float:right;}
.tabbed_2 {
    display:block;
	width:170px;
	float:right;
	margin:0 17px 0 0;
}
.tabbed_content ul {margin:0;padding:0;}
.tabbed_content li {
	background:url(../images/li_home.gif) 0 .2em no-repeat;
	padding:0 0 10px 12px;
	line-height:13pt;
	}
/*
.tabbed_content li a:link, .tabbed_content li a:visited {text-decoration: none; color:#2f2f2f;}
.tabbed_content li a:active, .tabbed_content li a:hover {text-decoration: underline; color:#000;}	
*/

/* --------------------------------------------------------- = SITE =CONTENT */
.contentWrapper {
	background:url(../images/bg_backtile_repeat.gif) left 400px repeat-y;
}
.breadcrumbs {
	font-size:7pt;
	width:96%;
	text-align:right;
	}
.breadcrumbs a:link,.breadcrumbs a:visited {	
	color:#000;
	text-decoration: none;
	}
	
.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a.indicated:link, .breadcrumbs a.indicated:visited {
	color:#0072bc;
	text-decoration: underline;
	}
.content {
	background:url(../images/bg_backtile.gif) left -30px no-repeat;
	padding: 20px 30px 30px 30px;
	min-height:350px;
	line-height:1.65em;
	margin-top:-12px;
	}
	/*min height is for short pages */
.content ul, .content ol {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	}
	
.content ul li { 
	padding: 0 0 6px 10px;
	margin-left: 15px;
	}
	
.content ol li {
	margin: 0 0 6px 25px;
	}
	/*mixed lists */
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
	
.content ul li, .content ol li ul li, .content ol li ul li ol li ul li {
	background: url(../images/li.gif) no-repeat 0 .6em;
	list-style:none;
}
.content ol li, .content ol li ol li {
	background:none;
}
.content ol li ol li {
	background:none;
	list-style:lower-alpha; 
}

.contentImg { /* ensure that there is a width and height attribute on the image in case the WYSIWYG editor assigns a snippet's image a width or height of 0 */
	width:200px;
	height: 200px;
	}
.content img {max-width:500px;}	 /*image punch*/
/* --------------------------------------------------------- =FOOTER */
	
.footWrap {
	background:#d2d2d2 url(../images/bg_foot.gif) top left repeat-x;
	width:100%;
	padding:30px 0 40px 0;
	text-align:center;
	}
.foot {width:960px; margin:0 auto; text-align:left;}
	
.footL {
	float: left;
	width: 300px;
	font-size:9pt;
	}
	
.footR {
	text-align: right;
	float: right;
	width: 500px;
	font-size:9pt;
	padding-top:14px;
	}
.foot img {vertical-align:middle;}
.footL a {margin:0 3px;}
.foot a:link, .foot a:visited {color:#2f2f2f; text-decoration:none;}
.foot a:hover, .foot a:active {color:#000; text-decoration:underline;}
	
.footLGroup {
    float:left;
}

/* --------------------------------------------------------- =FORMS */

label {
	display: block;
	margin: 2px 0 0 0;
}

	
.appfield1 {
	border: 1px solid #84b6dd;
	background: #eaeaea;
}

/* --- 	This is your FOCUS style, when you click into an input field --- */
.appfield2 {
	border: 1px solid #84b6dd;
	background:#fff;
}

.submitBtn {
	margin-top: 7px;
}

/* --------------------------------------------------------- =TABLES */

table { width: 100%; }

.tableheader {
	background: #033268;
	color: #accde7;
	font-weight: bold;
	}
	
th {
	border-bottom: 1px solid #accde7;
	background-color:#e3eef6;
	color:#033268;
	text-align: left;
}
	
.tablecontent1 {
	border-bottom: 1px solid #accde7;
	background-color: #eaeaea;
}
	
.tablecontent2 {
	border-bottom: 1px solid #accde7;
	background-color:#fff;
}

/* --------------------------------------------------------- =OTHER */

.faqQ, .faqA { 
	font-weight: bold;
	}

.faqQ { color:#033268; }
.faqA { color:#2f2f2f; }
	
.xsmall {
	font-size:.8em; 
	}
.small {
	font-size:.9em;
	}
.medium {
	font-size:1em;
	}
.large {
	font-size:1.1em;
	}
.xlarge{
	font-size:1.2em;
	}

.special3 {
	}
.special2 {
	}
.special1 {
	}

.disclaimer {
	/* font-weight: bold; */
	font-size:.7em;
	color: #2f2f2f;
}
	
.required {
	color: #d23618;
}


.float_right {
	float:right;
	margin: 0 0 10px 10px;
}
.float_left {
	float:left;
	margin: 0 10px 10px 0;
}
.center {
	text-align:center;
}
.text_right {
	text-align:right;
}
.text_left {
	text-align:left;
}

.indented {
	margin-left: 40px;
}

.half_width {
	width:46%;
}
.half_width li {
	margin-left:0px !important;
}
.floating_box {
	border: 1px solid #A9CBE6;
	padding: 5px;
}

.collapsible {
	margin-bottom: 15px;
	display: none;
}
.collapseLink {
	margin-top: 10px;
	background: none !important;
}
.collapseLink a,  .collapseLinkTop a {
	display:block;
	background:url(../images/arrow_right.gif) left 6px no-repeat;	
	padding: 0 0 1px 18px;
}
.expandedLink a, .expandedLinkTop a {
	display:block;
	background:url(../images/arrow_down.gif) left 6px no-repeat !important;
}
.collapsible a {
	background:none !important;
	padding:0 !important;
}

li.collapseLinkTop  { background-image: none !important }

#ex_dis{
	display:none;
	width:40%;
	padding:10px;
	background-color:#FFFFFF;
	position:absolute;
	z-index:10000;
	border:1px solid #3A302F;
	top: 50px;
	left: 30%;
	overflow: hidden;
}


/* suggested order for properties [ based on mozilla.org ] */
/* 
display
list-style
position
float
clear
width
height
min-width
min-height
margin
padding
border
background [ color, image, repeat, attachment, position, inherit ]
color
font
text-decoration
text-align
vertical-align
white-space
other text
 */
