/* 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;
}

#contentColumn h1, #contentColumn h2, #contentColumn h3, #contentColumn h4, #contentColumn h5, #contentColumn h6, #contentColumn p, #contentColumn blockquote, #contentColumn ul, #contentColumn ol, #contentColumn fieldset, #contentColumn dl, #contentColumn dt, #contentColumn dd, #contentColumn hr {
	margin: 1em 0 .5em 0;
}

img, iframe {
	border: 0;
}

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

blockquote {
	font-style: italic;
}


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


/*****************************
* 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: 2px;
	_margin-bottom: 0;
	width: 100%;	
}

#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('../images/navigation/globalHead_leftCor.gif') left no-repeat;
}

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

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

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

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

#searchNav form {
	display: inline;
}

#searchNav #submit {
	margin-bottom: 2px;
	padding: 2px 4px;
	background: #c30000 url('../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;
}

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

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


#primaryNav ul {
	list-style: none;
}

#primaryNav li {
	float: left;
	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 19px 0 19px;
	_border: none;
}

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

#primaryNav #devCentralNav {
	background: #000 url('../images/navigation/primaryNav_devCentral.jpg') repeat-x;
	text-transform: none;
}

#primaryNav #devCentralNav a:hover {
	background: #35699a url('../images/navigation/primaryNav_devCentral_over.jpg') repeat-x;
}

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

.home #homeNav, .about #aboutNav, .solutions #solutionsNav, .products #productsNav, .training-support #trainingNav, .partners #partnersNav, .news-press-events #newsNav {
	background: #8B1D1E url('../images/navigation/primaryNav_back_over.jpg') repeat-x;
}

#homeNav { 
	width: 80px;
}

#aboutNav { 
	width: 95px;
}

#solutionsNav { 
	width: 105px;
}

#productsNav { 
	width: 100px;
}

#trainingNav { 
	width: 150px;
}

#partnersNav { 
	width: 95px;
}

#newsNav { 
	width: 75px;
}

#acopiaNav { 
	width: 85px;
}

#devCentralNav { 
	position: relative;
	width: 97px;
}

/* IE Hacks to make drop menus left align with their parent <li>  */

#homeNav, #aboutNav, #solutionsNav, #productsNav, #trainingNav, #partnersNav, #newsNav, #devCentralNav {
	_width: auto;
}

.navSpacer {
	padding: 0 1px;
}

/* Begin 2nd Level Nav */

#primaryNav li ul {
	position: absolute;
	left: -999em;
	width: 145px;
	background: #ececec;
}

#primaryNav li ul li {
	border: none;
	text-align: left;
}

#primaryNav li:hover ul a, #primaryNav li.sfhover ul a {
	width: 130px;
	_width: 140px;
	padding: 2px 5px 2px 10px;
	line-height: 1.2em;
	border-bottom: 1px solid #ddd;
	_font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #666 !important;
}

#devCentralNav ul li a:hover {
	background: #C9CED3 none !important;
}

#primaryNav li:hover ul a:hover, #primaryNav li.sfhover ul a:hover {
	background: #C9CED3;
	color: #000 !important;
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul {
	left: auto;
}

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

#sectionHead {
	clear: both;
	background: #738495 url('../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;
}


/*****************************
* 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('/images/navigation/btm-hr.jpg') top left repeat-x;
	color: #6B8196;
	border: 0;
}














/*****************************
* Main Content Styles 
*****************************/

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

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

#fpContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 298px;
	height: 400px;
	background: #5b6c7d url('../images/home/mainContentBack.jpg');
	overflow: auto;
}

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

#fpContent * * {
	margin: 0;
}

#fpContent h1 {
	margin-top: 1.5em;
	font-size: 160%;
	line-height: 1.1em;
	color: #fff;
}

#fpContent h1 span {
	display: block;
}

#fpContent h2 {
	margin-right: 1.75em;
	font-size: 125%;
	line-height: 1.1em;
	color: #C9CED3;
}

#fpContent p {
	font-size: 100%;
	line-height: 1.2em;
	color: #D8DADC;
}

#fpContent a {
	color: #D8DADC;
}

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

/*****************************
* Btm Content Styles 
*****************************/

#btmContainer {
	float: left;
	clear: both;
	width: 895px;
	margin: .5em 0 1em 5px;
	_margin: 0 0 1em 2px;
	background: url('../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;
}

#secondCol p {
	margin-top: .25em;
}

#secondCol li {
	font-weight: bold;
}

#solutionLinks li {
	margin-left: 1.35em;
	padding-bottom: 0;
	line-height: 1em;
	list-style: disc;
}

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

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

#calloutGraphic {
	display: block;
	position: relative;
	top: -110px;
	left: 185px;
	width: 85px;
	height: 100px;
	margin-bottom: -100px;
	text-decoration: none;
	/* IE won't position the anchor without this */
	_background: #CEDEEC;
	_filter: alpha(opacity = 1);
	_zoom: 1;
}

#btmLeftCallout {
	height: 80px;
	margin-top: -10px;
	background: url('../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 {
	padding-bottom: 1.2em;
}

#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;
}


/*****************************
* Red Cross Disaster Link 
*****************************/

#redCross {
	padding-left: 20px;
	background: url('/images/home/red-cross.gif') 0px 5px no-repeat;
	_background: url('/images/home/red-cross.gif') 0px 3px no-repeat;
}