@charset "UTF-8";
/* CSS Document */


/* 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: #666666;
	font-family: arial,helvetica,FreeSans,sans-serif;
	font-size: 80%;
}




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

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


#primaryNav ul {
	list-style: none;
}

#primaryNav li {
	float: left;
	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #0033FF;
}

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

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

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

#primaryNav #devCentralNav a:hover {
	background: #35699a url('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, .solutions #solutionsNav, .servDeivery #servDeiveryNav, .newsEvents #newsEventsNav, .partners #partnersNav, .news-press-events #newsNav, .resources #resourcesNav {
	background: #8B1D1E url('primaryNav_back_over.jpg') repeat-x;
}

.resources #solutionsNav {
	background: #c30000 url('primaryNav_back.jpg') repeat-x;
}

#homeNav { 
	width: 75px;
}

#solutionsNav { 
	width: 105px;
}

#servDeliveryNav { 
	width: 145px;
}

#newsEventsNav { 
	width: 130px;
}

#partnersNav { 
	width: 100px;
}

#newsNav { 
	width: 70px;
}

#resourcesNav{ 
	width: 100px;
}

#acopiaNav{ 
	width: 100px;
}

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

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

#homeNav, #solutionsNav, #servDeiveryNav, #newsEventsNav, #partnersNav, #newsNav, #resourcesNav, #devCentralNav {
	_width: auto;
}

.navSpacer {
	padding: 0 1px;
}

/* Begin 2nd Level Nav */

#primaryNav li ul {
	position: absolute;
	left: -999em;
	width: 145px;
	background: #d17c2c;
	z-index: 99;
}

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

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

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

#primaryNav li:hover ul a:hover, #primaryNav li.sfhover ul a:hover {
	background: #FFCC00;
	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 1em auto;
	_margin: 2em auto 0 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;
}