/* Styles have been consolidated from base & navigation stylesheets on the home page to reduce unnecessary styles */

/*****************************
* Reset default browser styles
*****************************/

body, div, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, li, fieldset, input, pre, form, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: arial,helvetica,FreeSans,sans-serif;
	font-size: 80%;
}

#container {
	width: 900px;
}

img, iframe {
	border: 0;
}

address, caption, code, dfn, var {
	font-style: normal;
	font-weight: normal;
}

blockquote {
	font-style: italic;
}

#contentColumn ul, #contentColumn ol {
	margin-left:2em;
}

/*****************************
* Table Styles
*****************************/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#leftColGroup {
	width: 100px;
	margin: 1em auto;
}

#rightColGroup {
	width: 90%;
}

th {
	padding: 5px 5px 8px 10px !important;
	background: #ADC5DC url('/www_images/assets/th-background.png') repeat-x bottom left;
	border: 1px solid #e8edf1;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

caption, th {
	text-align: left;
}

td {
	padding: 10px;
	font-size: 90%;
	vertical-align: top;
}

/*****************************
* Link/Anchor Styles
*****************************/

a {
	color: #35699a;
}

a:visited {
	color: #000;
}

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


/* Header/Footer Styles */

/*****************************
* Global Header
******************************/

#globalHeader {
	float: left;
	margin-bottom: 0;
	width: 100%;	
}

#home #globalHeader {
	margin-bottom: 2px;
}

#f5Logo {
	display: block;
	float: left;
}

#custNav {
	margin: 0;
	float: right;
	background: #3A4A5D;
	color: #fff;
}

#custNav li {
	float: left;
	height: 20px;
	border-right: 1px solid #fff;
	list-style: none;
}

#custNav a {
	display: block;
	float: left;
	padding: 2px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #dde3eb;
	text-decoration: none;
}

#custNav a:hover {
	color: #fff;
	text-decoration: underline;
}

#leftCorner, #rightCorner {
	display: block;
	padding: 0 3px;
}

#leftCorner {
	background: url('/www_images/navigation/globalHead_leftCor.gif') left no-repeat;
}

#rightCorner {
	background: url('/www_images/navigation/globalHead_rightCor.gif') right no-repeat;
}

/*****************************
* Search Header
*****************************/

#searchNav {
	float: right;
	margin-top: 1em;
}

#searchNav a {
	font-size: 11px;
}

#searchNav form {
	display: inline;
}

#searchNav #submit {
	margin-bottom: 2px;
	padding: 2px 4px;
	background: #c30000 url('/www_images/navigation/primaryNav_back.jpg') repeat-x;
	font: bold 11px arial;
	color: #f7e6e6;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

input:focus {
	background: #ffe;
}

#countryNav {
	clear: right;
	float: right;
	margin-top: 1em;
}

#countryNav h1 {
	float: left;
	margin: 4px 5px 0 0;
	font-size: 95%;
	color: #3A4A5D;
	text-transform: uppercase;
}

#flag {
	display: block;
	float: left;
	clear: right;
}



/*****************************
* Primary Nav
*****************************/

#primaryNav {
	display: block;
	clear: both;
	height: 20px;
	margin: 0;
	padding: 0;
	background: #c30000 url('/www_images/navigation/primaryNav_back.jpg') repeat-x;
	list-style: none;
	color: #fff;
	_font-size: 11px;
}


#primaryNav ul {
	list-style: none;
}

#primaryNav li {
	float: left;
	width: 223px;
	text-align: center;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#primaryNav a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #f2e9e9;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.8em;
	/* This is for versions < IE7, edit padding as needed to fill the top nav bar */
	_padding: 0 15px 0 15px;
	_border: none;
}

#primaryNav a:hover {
	background: #930000 url('/www_images/navigation/primaryNav_back_over.jpg') repeat-x;
	color: #fff;
}

/* This changes the background of the primary nav tab to show the section you are currently in */

#home #homeNav, #about #aboutNav, #news #newsNav,  #resources #resourcesNav,  #support #supportNav, .about #aboutNav, .news #newsNav,  .resources #resourcesNav,  .support #supportNav {
	background: #8B1D1E url('/www_images/navigation/primaryNav_back_over.jpg') repeat-x;
}

/*****************************
* Left Nav Styles 
*****************************/

.leftNav {
	width: 180px;
	_width: 160px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	list-style: none;
	background: #DBDFE4 url('/www_images/navigation/list-left-col-btm-right.gif') bottom right no-repeat;
	color: #333;
}

ul.leftNav ul {
	margin-bottom: 0;
}

.leftNav li {
	border-bottom: 1px solid #A2AEBA;
	margin: 0;
	padding: 0;
	list-style: none;
}

.leftNav li a {
	display: block;
	width: 100%;
	padding: 3px 5px 3px 20px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	line-height: 1.2em;
}

html>body .leftNav li a { 
	width: auto; 
}

.leftNav li a:hover {
	background: url('/www_images/navigation/red-dot.gif') no-repeat 10px 7px;
	background-color: none;
}

.leftNav li h2 {
	margin: 0 0 0 -25px;
	padding-left: 25px;
	background: url('/www_images/navigation/list-left-col-top-right.gif') top right no-repeat;
	font-size: 100%;
	font-weight: normal;
}

.leftNav li li {
	border-top: 1px solid #A2AEBA;
	border-bottom: 0;
}

.leftNav li li a {
	display: block;
	margin: 0;
	background-color: #BCC5CE;
	font-weight: normal;
}

.leftNav li li a:hover {
	background-color: #BCC5CE;
}

#about #aboutLeftNav, #news #newsLeftNav, #resources #resourcesLeftNav, #support #supportLeftNav {
	background: url('/www_images/navigation/red-dot.gif') no-repeat 10px 7px;
}

/*****************************
* Section Header Styles
*****************************/

#sectionHead {
	clear: both;
	background: #738495 url('/www_images/navigation/section-header-back.gif') repeat-x bottom right;
	border-top: 1px solid #fff;
}

#sectionHead h2 {
	margin: 0;
	padding: 8px 1em;
	font-size: 130%;
	color: #fff;
	text-transform: uppercase;
}

/*****************************
* Breadcrumb Link Styles
*****************************/

#breadCrumbs {
	margin: 0 0 1em 0 !important;
	padding: 0;
}

#breadCrumbs li:before { content: "> "; }
#breadCrumbs li:first-child:before { content: ""; }

#breadCrumbs li {
	display: inline;
	font-size: 85%;
}

/*IE workaround*/
* html #breadCrumbs li {
	background: url('/www_images/navigation/bread-crumb-icon.gif') no-repeat 100% 50%;
	padding: 0 .75em 0 0;
}

#breadCrumbs li a {
	text-decoration: none;
}

#breadCrumbs li a:visited {
	color: #35699a;
}

#breadCrumbs li a:hover {
	color: #000;
	text-decoration: underline;
}

.currentPage, .noBorder {
	background: none!important;
	border: none !important;
}

/*****************************
* Page Anchors Styles
*****************************/

.pageAnchors li {
	color: #ccc;
}

.pageAnchors strong {
	color: #000;
}

.pageAnchors {
	clear: both;
	margin: 0 0 1em 0 !important;
	list-style: none;
}

.pageAnchors li {
	display: inline;
}

.pageAnchors li:before { content: "| "; }
.pageAnchors li:first-child:before { content: ""; }

/*IE workaround*/
* html .pageAnchors li {
	background: url('/www_images/navigation/vertical-bar.gif') no-repeat 100% 50%;
	padding: 0 .75em 0 0;
}


/******************************
* Heading Styles
******************************/

#contentColumn h1 {
	margin-bottom: 0;
	font-size: 150%;
	color: #c30000;
	text-transform: uppercase;
	line-height: 1em;
}

.paddedBox h2 {
	padding: 5px 5px 8px 10px;	padding: 5px 5px 8px 10px;
	background: #ADC5DC url('/www_images/assets/th-background.png') repeat-x bottom left;
	font-size: 115%;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

.paddedBox h3 {
	font-size: 125%;
	margin-top: 1.5em !important;
	margin-bottom: .25em !important;
	color: #c30000;
}

h3 + p {
	margin-top: 0 !important;
}

h3 + h4 {
	margin-top: .75em !important;
}

h4 {
	margin-bottom: .25em !important;
}

h4 + h1 {
	margin-top: 1.5em !important;
}

h4 + p {
	margin-top: 0 !important;
}

h4 + h1 {
	margin-top: 1.5em !important;
}

ul + h4 {
	margin-top: 1em !important;
}

p + ul {
	margin-top: -.5em !important;
	margin-bottom: 1em !important;
}

h4,h5,h6 {
	font-size: 100%;
}

/******************************
* Misc. Styles
******************************/

.pageHeader {
	display: block;
	margin-top: 5px;
}

.pageHeader img {
	float: left;
}

#pageIntro {
	margin-bottom: 1.5em !important;
}

#pageIntro h4 {
	margin-top: .25em !important;
	margin-bottom: 1em !important;
}

p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

q:before, q:after {
	content: '';
}

sup, sub {
	margin-left: -1px;
	line-height: 0;
	font-size: 80%;
	_vertical-align: text-top;
}

h1 sup {
	margin-left: 0;
	font-size: 60%;
}

form div {
	/* You must nest form inputs in a block level wrapper to validate, this negates default block formatting */
	display: inline;
}

.paddedBox {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.bold {
	font-weight: bold;
}

.leftAlign {
	text-align: left;
}

.rightAlign {
	text-align: right;
}

.centerAlign {
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

img.floatRight {
	display: block;
	float: right;
	margin: 0 0 .5em 2em;
}

.clearBoth {
	clear: both;
}

.odd {
	background: #fff;
}

.even {
	background: #e8edf1;
}

hr.clearBoth { /* used to clear floats */
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0 !important;
}

.hidden {
	visibility: hidden;
}

.none {
	display: none;
}

.finePrint {
	padding-bottom: 1em;
	font-size: 85%;
	line-height: 1.2em;
	color: #666;
}

.finePrint sup, .finePrint sub {
	font-size: 70%;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase !important;
}

/******************************
* Rounded Button Style
******************************/

.centerContent {
	margin: 1.5em 0;
	text-align: center;
}

.contentButton {
	display: inline-block;
	margin: 1em .5em 1em 0;
	padding: .4em .8em;
	background: #c30000 url('/www_images/assets/button-back-over.jpg') top left repeat-x;
	border-top: 1px solid #FAE8E8;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FAE8E8;
	font-size: 90%;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}

.contentButton:hover {
	background: #35699a url('/www_images/assets/button-back.jpg') top left repeat-x;
}

/*****************************
* Home - Main Content Styles 
*****************************/

#fpMain {
	clear: both;
	margin: 2px 0 0 0;
}

#fpImage {
	float: left;
	margin: 0 2px 0 0;
}

#fpContent {
	float: right;
	clear: right;
	width: 298px;
	height: 400px;
	background: #5b6c7d url('/www_images/home/mainContentBack.jpg');
}

#fpContent * {
	margin: 1em 20px;
}

#fpContent * * {
	margin: 0;
	/* Makes sure child selectors don't get extra margin applied */
}

#fpContent h1 {
	margin: 1.25em 25px .5em 25px;
	font-size: 150%;
	line-height: 1.1em;
	color: #fff;
}

#fpContent h1 span {
	display: block;
}

#fpContent h2 {
	margin: 1em 25px .75em 25px;
	font-size: 125%;
	line-height: 1.1em;
	color: #C9CED3;
}

#fpContent p {
	margin: 1em 25px .75em 25px;
	font-size: 105%;
	line-height: 1.2em;
	color: #D8DADC;
}

#secondCol li {
	font-weight: normal;
}

#fpContent ul {
	padding-left: 1em; 
	list-style: disc;
}

#fpContent a {
	color: #D8DADC;
}

#fpContent a:hover {
	color: #fff;
}

/*****************************
* Home - Btm Content Styles 
*****************************/

#btmContainer {
	float: left;
	clear: both;
	width: 895px;
	margin: .5em 0 1em 5px;
	_margin: -1em 0 1em 2px;
	background: url('/www_images/home/btmContent_top.gif') top left no-repeat;
}

.btmCol {
	float: left;
	width: 268px;
	_width: 270px;
	margin: 20px 15px 10px 15px;
	_margin: 20px 17px 10px 8px;
	font-size: 90%;
	_font-size: 85%;
}

.btmCol ul, .btmCol ol {
	list-style: none;
}

.btmCol h1 {
	margin-bottom: .5em;
	font-size: 110%;
	font-family: verdana;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #BBC4CD;
}

#firstCol p {
	font-weight: bold;
	text-align: center;
}

#thirdCol p {
	clear: both;
	font-weight: bold;
	text-align: center;
}

.btmLinks li {
	line-height: 1.3em;
	padding-bottom: 1em;
}

#btmLeftCallout {
	height: 80px;
	margin-top: -20px;
	_margin-top: -13px;
	background: url('/www_images/home/btmLeftCallout.jpg') top left no-repeat;
	padding: 30px 0 5px 0;
}

#btmLeftCallout a {
	display: block;
	width: 180px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 95%;
	_font-size: 100%;
	color: #fff;
	text-decoration: none;
	line-height: 1.2em;
}

#btmLeftCallout a:hover {
	text-decoration: underline;
}

#secondCol ul {
	margin-top: 1.5em;
}

#secondCol li {
	margin-left: 1.5em;
	padding-bottom: .75em;
	line-height: 1.1em;
	list-style: disc;
}

#appLogos {
	float: left;
	width: 100%;
	margin: 2em auto 2em auto;
	text-align: center;
}

#appLogos li {
	display: inline;
	margin: 0 5px;
	line-height: .8em;
	padding-bottom: 0;
}

#contactLinks {
	margin-left: 0;
}

#contactLinks li {
	_height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0 0 0 1.75em;
	list-style: none;
	background: url('/www_images/assets/arrow-link.png') no-repeat top left;
}

/*****************************
* Home - News Ticker Styles 
*****************************/

/* scroller "window" set width, height (and clip) to match values sent to constructor */
#news_container { 
	float: left;
	clear: both;
	position: relative;
	width: 890px; 
	height: 20px; 
	margin: 5px 5px 5px 10px;
	_margin: -20px 10px 20px 5px;
	padding: 3px 0 1px 0;
	overflow: hidden;
	background: #ECECEC;
	border-top: 1px solid #BBC4CD;
	border-bottom: 1px solid #BBC4CD;
}

#inner_div { 
	position: relative; 
	z-index:1;
} /* layer that scrolls */

/* scroller items set width and height to match scroller "window" Be sure to set height adequate for your content! */
#inner_div li { 
	height: 20px;
	margin: 0 10px;
	list-style: none;
}


/******************************
* Rounded Box Styles
******************************/

.roundedBox {
	/* clear: both; This was causing problems with N-P-E Overview boxes */
	padding-bottom: 2em;
	background: url('/www_images/assets/h2-spotlight-rt.png') no-repeat top right;
}

.leftSide {
	float: left;
	width: 49%;
}

.rightSide {
	float: right;
	width: 49%;
}

.twoColOverviewBox table, #eventsBox table {
	width: 100%;
	font-size: 95%;
}

.twoColOverviewBox td, #eventsBox th, #eventsBox td {
	padding: 10px 5px;
}

.twoColOverviewBox p {
	/* font-size: 90%; This isn't needed for overview text, but might be for text in tables */
	line-height: 1.3em;
}

.roundedBox h2 {
	height: 15px;
	margin: 0 !Important;
	padding: 2px 10px;
	font-size: 95% !important;
	color: #000;
	background: url('/www_images/assets/h2-spotlight-lft.png') no-repeat top left;
	border-bottom: 1px solid #658db2;
}

.roundedBox h2 a {
	display: block;
	width: 100%;
	height: 15px;
	background: url('/www_images/assets/arrow-link.png') no-repeat top right;
	text-decoration: none;
	color: #000;
}

.roundedBox h2 a:hover {
	background: url('/www_images/assets/arrow-link-hover.png') no-repeat top right;
	color: #35699a;
}

.roundedBox table {
	border-collapse: collapse;
	border: 1px solid #E8EDF1;
}

.roundedBox td {
	font-size: 100% !important;
}

.roundedBoxInside {
	margin-top: 0;
	min-height: 150px;
	_height: 150px;
	padding: 10px;
	background: url('/www_images/assets/blue-fade-back.jpg') repeat-x top left;
	/* Fixes IE disappearing text bug */
	_position: relative;
	_height: 0.01%;
}

.twoColOverviewBox .roundedBoxInside {
	padding: 0;
}

.roundedBoxInside * {
	/* Targets all elements of roundedBoxInside */
	margin: 0 !important;
	padding: 10px;
}

.roundedBoxInside * * {
	/* Overrides the previous style for 2nd level children of roundedBoxInside */
	padding: 0; 
}

.roundedBoxInside ul, .roundedBoxInside ol {
	margin-left: 2em !important;
}

/******************************
* Striped Table Style
******************************/

.roundedBox td {
	border-right: 1px solid #e8edf1;
	vertical-align: top;
}

.valignTop td {
	vertical-align: top;
}

.leftColGroup {
	width: 12%;
}

.rightColGroup {
	width: 88%;
}

/*****************************
* File Type Icons
*****************************/

/* General Icon Styles */

li.icon {
	margin-left: -20px !important;
	padding-left: 20px !important;
	list-style: none;
}

a.icon {
	margin-left: -20px !important;
	padding-left: 20px;
	padding-right: 17px;
	list-style: none;
	background-position: right;
}

li.pdf {
	background: url('/www_images/navigation/icon-pdf.gif') no-repeat top left;
}

a.pdf {
	margin-left: 0;
	background: url('/www_images/navigation/icon-pdf.gif') no-repeat center right;
}

td a.pdf {
	margin-left: 0 !important;
	padding-right: 0;
	background-position: left;
}


li.podcast {
	background: url('/www_images/navigation/icon-podcast.gif') no-repeat top left;
}

a.podcast {
	margin-left: 0;
	background: url('/www_images/navigation/icon-podcast.gif') no-repeat center right;
}

td a.podcast {
	margin-left: 0 !important;
	padding-right: 0;
	background-position: left;
}

.overviewLink a {
	text-decoration: underline;
	cursor: pointer;
	color: #000;
}

/******************************
* 2 Column Styles Styles
******************************/

#contentWrapper {
	min-height: 30em !important;
	_height: 30em !important;
	background: url("/www_images/assets/2columnBackground.gif") 0 15px repeat-y !important;
}



/******************************
* News Articles/PR Styles
******************************/

.pressRelease #contentColumn h1, .newsArticle #contentColumn h1 {
	max-width: 565px;
	_width: 565px;
	font-size: 180%;
	text-transform: none;
	line-height: 1.1em;
}

.pressRelease #contentColumn h2, .newsArticle #contentColumn h2 {
	max-width: 565px;
	margin-top: .5em;
	padding: 0;
	background: none;
	font-size: 130%;
	color: #5E6C7A;
	text-transform: none !important;
}

.pressRelease #contentColumn h3, .newsArticle #contentColumn h3 {
	font-size: 115%;
	color: #c30000;
}

.pressRelease #contentColumn h1, .pressRelease #contentColumn h2, .pressRelease #contentColumn p, .newsArticle #contentColumn h1, .newsArticle #contentColumn h2, .newsArticle #contentColumn p {
	width: 600px;
}

.pressRelease #contentColumn li, .newsArticle #contentColumn li {
	width: 565px;
	_width: auto;
	padding-bottom: .5em;
}

h4 + h1 {
	margin-top: 1em !important;
}

p + h3 {
	margin-top: 2em;
	margin-bottom: -.5em !important;
}

h2 + p {
	margin-top: 1em;
}

.pressRelease blockquote, .newsArticle blockquote {
	float: right;
	display: block;
	width: 200px;
	margin: 1em 1em 2em 2em !important;
	padding: 5px 15px;
	background: url('/www_images/assets/blue-fade-back.jpg') repeat-x top left;
	border: 1px solid #658db2;
	clear: right;
}

.pressRelease blockquote p, .newsArticle blockquote p {
	width: auto !important;
}

/******************************
* News Articles Overview Styles
******************************/

#sortArticles {
	float: right;
	margin-top: 1em;
}

#newsTable {
	clear: both;
	margin-top: 0;
}

#newsTable h3 {
	background: none;
	font-size: 115%;
	color: #000;
	line-height: 1.3em;
}

.articleDate {
	padding-top: .5em;
	font-style: italic;
}

#newsTable th.articleCol {
	width: 80%;
	vertical-align: top;
}

#newsTable th.logoCol {
	width: 20%;
	text-align: center;
	vertical-align: top;
}

/******************************
* News Article Styles
******************************/

#author {
	font-style: italic;
}

#publisherLogo {
	float: right;
	clear: right;
	width: 250px;
	margin: 1em 0 1em 3em;
}

#newsIntro {
	margin-top: 1em !important;
}

/******************************
* Press Release Styles
******************************/

#pressTable {
	clear: both;
	margin-top: 0;
	border: 1px solid #E8EDF1;
}

#pressTable td {
	padding: .5em;
}

#pressTable td a {
	display: block;
}

#pressTable #leftColGroup {
	width: 12%;
}

#pressTable #rightColGroup {
	width: 88%;
}

.subhead {
	font-style: italic;
}

#releaseDate {
	font-weight: bold;
}

#pressContacts td {
	padding: 0 3em 0 0;
	font-size: 100%;
	vertical-align: top;
}

#pressContacts .even td {
	background: #fff !important;
}

#pressContacts caption {
	padding: 1em 0 .5em 0;
	font-size: 125%;
	font-weight: bold;
	color: #c30000;
}

#pressContacts h5 {
	font-size: 110%;
	color: #c30000;
}

.pressRelease hr {
	_margin: .5em 0;
	background: #ccc;
	color: #ccc;
	border: 0;
}


/*****************************
* Awards Styles
*****************************/

#awardsTable p {
	padding-bottom: 0;
}

#awardsTable td {
	padding-top: 5px;
	vertical-align: middle;
}


/*****************************
* Footer Styles
*****************************/

#footer {
	float: left;
	width: 900px;
	margin-bottom: 2em;
	margin-right: -3px; /* Fix IE dup. char bug */
	clear: both;
	font-size: 90%;
}

#footer ul {
	margin: .5em auto;
	font-size: 90%;
	text-align: center;
}

#footer li {
	display: inline;
	color: #999;
}

#footer a {
	padding: 0 .5em;
	text-decoration: none;
}

#footer a:visited {
	color: #35699a;
}

#footer a:hover {
	text-decoration: underline;
	color: #000;
}

#footer .hr {
	height: 15px;
	margin: 0;
	background: #3C4E5C url('/www_images/navigation/btm-hr.jpg') top left repeat-x;
	color: #6B8196;
	border: 0;
}