/*********************************************************************
STYLE RESET - removes browser defaults
**********************************************************************/
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%; vertical-align: baseline; background: transparent;}

/*********************************************************************
GENERAL STYLES - top level appearance for entire site,
these items don't change throughout site, also includes utility 
classes and sifr styles
**********************************************************************/

h1 
	{
	font: bold 26px Verdana, Arial, Helvetica, sans-serif;
	}
	
h2 
	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	}

h3 
	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #044674;
	}

h4 
	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #5381ac;
	}

h5 
	{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	}

h6 
	{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #5381ac;
	padding: 0 0 4px 0;
	}

ul 	
	{
	margin: 0 0 10px 20px;
	}

li 	
	{
	padding: 0 0 5px 0;
	}
	
p 	
	{
	padding: 0 0 15px 0;
	line-height: 1.8em;
	}

a 
	{
	color: #125687;
	text-decoration: none;
	}

a:hover 
	{
	color: #333;
	text-decoration: none;
	}

img.heading {
	display: block;
	margin: 0 0 25px 0;
}

/*********************************************************************
LAYOUT FRAMEWORK - main containers, structure that doesn't change
**********************************************************************/
body 
	{
 	background: #fafafa url(images/bkg_body.gif) top center repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
#container
	{
	margin: 0 auto;
	width: 968px;
	}

#leftCol
	{
	margin: 0 22px 15px 0;
	float: left;
	width: 690px;
	}

#rightCol
	{
	margin: 0 0 15px 0;
	float: left;
	width: 256px;
	}
#fullCol
	{
	margin: 0 0 15px 0;
	float: left;
	width: 968px;
	}

/*********************************************************************
HEADER
**********************************************************************/
#header
	{
	padding: 17px 0 0 0;
	height: 100px;
	}

.logo
	{
	float: left;
	margin: 0 0 0 7px;
	}	
#logo 
	{
    vertical-align: middle;
	margin: 0 5px 0 5px;
	background: #033f6d;
	width: 340px;
	}
#specialMessage
	{
	vertical-align: top;
	background: #FADEAC;
	height: auto;
	width: 500px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto 10px auto;
	}
#specialMessage span
	{
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	color: #990000;
	}

/*********************************************************************
AUXILARY NAVIGATION
**********************************************************************/
#auxNav
	{
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 60px;
	font-size: 11px;
	width: 380px;
	}

#auxNav div.aux
	{
	float: right;
	padding: 0 0 0 0;
	}

#auxNav ul
	{
	clear: right;
	float: right;
	margin: 11px 20px 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: 351px;
	}

#auxNav li
	{
	float: left;
	text-align: center;
	margin: 0 5px 0 5px;
	background: #033f6d;
	}
	
#auxNav li a
	{
	background: #fff;
	display: block;
	padding: 5px 9px 8px 9px;
	color: #005488;
	}

#auxNav li a:hover, #auxNav li.on a
	{
	background: #FADEAC;
	color: #363535;
	}


/*********************************************************************
SITE SEARCH
**********************************************************************/
#search
	{
	display: block;
	height: 31px;
	margin: 0 0 19px 0;
	}

#search input
	{
	float: left;
	border: none;
	margin: 1px 2px 0 0;
	padding: 6px 7px 7px 30px;
	background: url(images/bkg_search.gif) top left no-repeat;
	width: 182px;
	}
	
#search a
	{
	float: left;
	}

/*********************************************************************
PRIMARY NAVIGATION
**********************************************************************/
#mainNav
	{
	float: left;
	background: transparent url(images/bkg_nav.png) top center no-repeat;
	height: 44px;
	width: 968px;
	padding: 6px 6px 0 8px;
	position: relative;
	top: -9px;
	left: -6px;
	}

#mainNav ul
	{
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
	height: 33px;
	}

#mainNav li 
	{
	float: left;
	background: url(images/bkg_navLine.gif) right no-repeat;
	}

#mainNav li span 
	{
	margin: 3px 1px 0 0;
	padding: 6px 39px 0 49px;
	}

#mainNav li span:hover 
	{
	background: url(images/bkg_navOn.gif) top left repeat-x;
	}

#mainNav li.last 
	{
	background: none;
	}

#mainNav li.last span 
	{
	margin: 3px 1px 0 0;
	padding: 6px 37px 0 48px;
	}

#mainNav li.on span 
	{
	background: url(images/bkg_navOn.gif) top left repeat-x;
	}

#mainNav img 
	{
	margin: 3px 0px 0px 0px;
	padding: 0px;
	}
	
/*********************************************************************
NETWORK
**********************************************************************/
#network
	{
	margin: 0 0 19px 0;
	}
	
#network a.join
	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/arrow_gray.gif);
	background-color: #DEDEE0;
	background-repeat: no-repeat; 
	padding: 8px 10px 8px 10px; 
	background-position: 10.7em .9em;
	display: block;
	width: 135px;
	color: #000;
	}

#network a:hover.join
	{
	color: #125687;
	}

#network #list
	{
	background: #DEDEE0 url(images/bkg_networkList.gif) top left no-repeat; 
	padding: 10px 10px 2px 10px;
	}

#network #list ul
	{
	color: #125687;
	padding: 0;
	margin: 0;
	}

#network #list li
	{
	list-style: none;
	margin: 0 0 11px 0;
	padding: 0 0 0 15px;
	background-image: url(images/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: 0em .25em;
	color: #333;
	}

#network #list li a
	{
	text-decoration: underline;
	color: #333;
	}

#network #list li a:hover
	{
	text-decoration: underline;
	color: #125687;
	}

#network #list ul li ul
	{
	margin: 4px 0 3px 13px;
	}

#network #list ul li ul li
	{
	font-size: 11px;
	list-style-type: disc;
	color: #125687;
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
	}

#network #list ul li ul li a
	{
	text-decoration: underline;
	color: #125687;
	}

#network #list ul li ul li a:hover
	{
	text-decoration: underline;
	color: #333;
	}

	
/*********************************************************************
FOOTER
**********************************************************************/
#footer
	{
	clear: both;
	float: left;
	margin: 18px 0 0 0;
	padding: 0 8px 30px 8px;
	font-size: 11px;
	color: #000;
	width: 952px;
	
	}

#footer ul
	{
	float: left;
	list-style-type: none;
	}

#footer li
	{
	float: left;	
	padding: 0 0 0 3px;
	}

#footer span.footer-links 
	{
	margin: 0 auto;
	display: block;
	text-align: center;
	}

#footer span a
	{
	color: #000;
	}

#footer span a:hover
	{
	color: #666;
	}
	
span.copyright-patent
	{
	margin: 0 auto;
	display: block;
	text-align: center;
	}


/*********************************************************************
FORMS
**********************************************************************/
input
	{
	margin: 0;
	background: #fff;
	}
	
select
	{
	margin: 0;
	padding: 5px 7px 5px 5px;
	background: #fff;
	}

.inputText
	{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	text-align:left;
	}
	
.inputLeft
	{
	width:150px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	float:left;
	}
	
.inputRight
	{
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	float:left;
	}
	
.required
	{
	color: Red;
	}

/*********************************************************************
UTILITY CLASSES - used throughout entire site
**********************************************************************/
.clear
	{
  	clear:both; 
	height:1px; 
	overflow:hidden; 
	line-height:1%; 
	font-size:0px; 
	margin-bottom:-1px; 
	}
	
.floatRight
	{
	float: right;
	}

.floatLeft
	{
	float: left;
	}

sup
	{
	font-size: x-small;
	position: relative;
	top: -5px;
	}

/*********************************************************************
BUTTONS
**********************************************************************/
a.bttn
	{
	display: block;
	color: #000;
	margin: 3px 0 12px 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: .5em .7em;
	padding: 5px 5px 0 16px;
	height: 18px; 
	}

a:hover.bttn
	{
	background-color: #DEDEE0; 
	}
	
a:hover.bttnBlue, input:hover.bttnBlue
	{
	background: #4DC3EB;
	}

.orange
	{
	background-color: #F57423;
	}

.yellow
	{
	background-color: #F1B310;
	}

.green
	{
	background-color: #699139;
	}

/*********************************************************************
SIFR
**********************************************************************/

.sIFR-active h1
	{
	visibility: hidden;
	font: 26px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	display: block;
	padding: 0;
	}

.sIFR-active #mainNav li span
	{
	visibility: hidden;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
	color: #fff;
	}

.sIFR-active span.careers
	{
	visibility: hidden;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	display: block;
	padding: 0;
	position: relative;
	z-index: 150; 
	width: 200px;
	}
	
.sIFR-active .sliderContent h2
	{
	visibility: hidden;
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 1em;
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	}