/* 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 input.textBox {
    text-align: right;
    color: #777;
}

#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 {
	width: 900px;
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
	background: #c30000 url('/images/navigation/primaryNav_back.jpg') repeat-x;
	float: left;
	color: #fff;
}

#primaryNav li {
	float: left;
	padding: 0; /*it was 0 0 10px 0*/
	position: relative;
	margin: 0px;
	z-index: 999!important;
}

#primaryNav a {
	float: left;
	height: 20px;
	padding: 0 23px;
	color: #f2e9e9;
	text-transform: uppercase;
	font: bold 10px/18px Arial, Helvetica;
	text-decoration: none;
	
	/*text-shadow: 0 1px 0 #000;*/
	font-size:81%    
}


@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

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

#primaryNav li:hover > a {
	color: #fafafa;
}

*html #primaryNav li a:hover /* IE6 */ {
	color: #fafafa;
}


#primaryNav li:hover > ul {
	display: block;
	z-index: 999!important;
}

/* Sub-menu */

#primaryNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 999!important;
    background:#ececec;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#primaryNav ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
	z-index: 999!important;
}


#primaryNav ul a {
    padding: 4px 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    font-family: Arial;
    font-weight: normal;
}


*html #primaryNav ul a /* IE6 */ {
	height: 10px;
	width: 150px;
}

*:first-child+html #primaryNav ul a /* IE7 */ {
	height: 10px;
	width: 150px;
}

#primaryNav ul li a { 
	color: #666 !important;
	border-bottom: 1px solid #ddd;
	z-index: 999!important;
}

#primaryNav ul a:hover { 
	background: #c9ced3;
	color: #000 !important;
	z-index: 999!important;
}

#primaryNav ul li:first-child a {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	z-index: 999!important;
}

#primaryNav ul li:last-child a {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	z-index: 999;
}
/* Clear floated elements */

#primaryNav:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	z-index: 999!important;
}

* html #primaryNav             { zoom: 1; } /* IE6 */
*:first-child+html #primaryNav { zoom: 1; } /* IE7 */


/* from original css */

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



.web-media #newsNav,  .press #newsNav, .home #homeNav, .about #aboutNav, .solutions #solutionsNav, .products #productsNav, .services #servicesNav, .partners #partnersNav, .news-press-events #newsNav, .resources #resourcesNav, #community #communityNav  {
	background: #8B1D1E url('/images/navigation/primaryNav_back_over.jpg') repeat-x;
}


.resources #solutionsNav, #community #newsNav {
	background: #c30000 url('/images/navigation/primaryNav_back.jpg') repeat-x;
}

#homeNav {
	width: 86px;
	border-right: 1px solid #600;
	text-align: center;
}

#primaryNav #homeNav a {
	padding: 0 22px 0 28px;
}

#primaryNav #homeNav a:hover {
	padding: 0 22px 0 28px;
}

* html #homeNav { 
	width: 88px;
}

#aboutNav { 
	width: 98px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#solutionsNav {
	width: 104px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}


#productsNav {
	width: 100px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#servicesNav {
	width: 98px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#partnersNav {
	width: 100px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#newsNav {
	width: 76px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#resourcesNav{
	width: 108px;
	border-left: 1px solid #c66;
	border-right: 1px solid #600;
}

#communityNav {
	width: 102px;
	border-left: 1px solid #c66;
}

/*****************************
* 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: #d0d7dd url('/images/home/mainContentBack09.jpg');
    overflow: auto;
}

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

#fpContent * * {
    margin: 0;
}

#fpContent h1 {
    margin-top: 2.5em;
    margin-bottom: .75em;
    font-size: 160%;
    font-weight: normal;
    line-height: 1em;
    color: #000;
}

#fpContent p {
    margin-bottom: .75em;
    font-size: 105%;
    line-height: 1.2em;
    color: #484a4d;
}

#fpContent a {
}

#fpContent a:hover {
}


/*****************************
* Main Image Styles 
*****************************/

#simplegallery1{ //CSS for sample Gallery
    position: relative; /*keep this intact*/
    /* visibility: hidden; /*keep this intact*/
    z-index: 0;
}

.navpanellayerfg {
    top: -25px !important;
}

#leftArrow {
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

#rightArrow {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

#primaryNav li ul {
    /* add this rule to home.css before launch */
    z-index: 99 !important;
}

/*****************************
* 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_top2.gif') top left repeat-y;
}

.btmCol {
    float: left;
    width: 268px;
    _width: 270px;
    margin: 10px 15px 10px 15px;
    _margin: 10px 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;
}

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

#btmLeftButtons img {
    margin-left: 12px;
    margin-top: 7px;
}

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