/* CSS Document */
body {
margin-top: 0;
background-image: url(../images/bkgPattern.gif);
background-repeat: repeat;
background-color: #CCC;
}

#container {
/*-----width + 14 to compensate for shadow on both sides-----*/
width: 1036px;
height: 100%;
margin: 0 auto;
background-color: #FFF;
background-image: url(../images/containerBKG.gif);
background-repeat: repeat-y;
}

#navArea {
width: 1015px;
height: 90px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background-image: url(../images/navBKG.jpg);
background-repeat: repeat-x;
}
html>body #navArea {
	width: 1022px;
	}

#navAreaUserlinks {
float: right;
width: 989px;
height: 33px;
margin-right: 13px;
margin: 5px 13px 0px 0px;
padding-right: 12px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: right;
text-transform: uppercase;
font-size: 9px;
letter-spacing: .5px;
}
html>body #navAreaUserlinks {
	margin-right: 43px;
	}
	
#navAreaUserlinks a, #navAreaUserlinks a:link, #navAreaUserlinks a:visited, #navAreaUserlinks a:hover, #navAreaUserlinks a:active {
text-decoration:none;
color: #fff;
}

#homeSubContent a, #homeSubContent a:link, #homeSubContent a:visited, #homeSubContent a:hover, #homeSubContent a:active {
text-decoration:underline;
color: #fff;
}


#navAreaSpacer {
float: left;
width: 800px;
height: 25px;
}

#headernav {  
float: left;
width: 800px;
height: 22px;
margin-left: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
font-weight: normal;
}
html>body #headernav {
	margin-left: 33px;
	}

#navAreaLogo {
float: right;
margin-right: 0px;
height: 47px;
}
html>body #navAreaUserlinks {
	margin-right: 10px;
	}

#lgimage {
height: 260px;
width: 1022px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background-color:#000000;
}

#subNav {
width: 1022px;
height: 55px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
}

#subNavLeft {
height: 55px;
width: 55px;
float: left;
background-color:#000;
}

#subNavMiddle {
height: 55px;
width: 912px;
float:left;
display:inline; /*-----for ie-----*/
}

#subNavBtnOne, #subNavBtnTwo, #subNavBtnThree, #subNavBtnFour {
height: 55px;
width: 228px;
float: left;
background-color:#999;
display: inline;/*-----for ie-----*/
}

#subNavRight {
height: 55px;
width: 283px;
float: left;
background-color:#000;
}

#subNavRight4 {
height: 55px;
width: 55px;
float: left;
background-color:#000;
}

#contentBreadCrumbs {
top: 0px;
height: 14px;
width: 912px;
color: #999;
/*-----margin-left +7 to compensate for shadow-----*/
margin: 0px 55px 0px 62px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 9px;
text-transform: uppercase;
border-bottom: 1px;
border-bottom-color:#CCC;
border-bottom-style: solid;
}

#footer {
clear: both;
/*-----width + 14 to compensate for shadow on both sides-----*/
width: 1036px;
/*-----height + 7 to compensate for shadow on bottom-----*/
height: 21px;
background-image: url(../images/footerBKG.gif);
background-repeat: no-repeat;
color: #FFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 9px;
letter-spacing: .5px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
text-decoration:none;
color: #fff;
}

/*-----start styles for home page templates-----*/
#homeFlash {
height: 323px;
width: 1022px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background-color:#000000;
}

#mainImage {
height: 293px;
width: 1022px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background-color:#000000;
}


#mainImage3 {
height: 103px;
width: 1022px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background-color:#ffffff;
}


#homeSubhead {
clear: both;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
width: 1022px;
height: 36px;
background-color: #383838;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}

#homeSubOne, #homeSubTwo, #homeSubThree, #homeSubFour {
float: left;
display: inline;/*-----for ie-----*/
padding: 8px 0 8px 0;
}

#homeSubOne {
margin-left: 33px;
width: 265px;
}

#homeSubTwo, #homeSubThree {
width: 244px;
}

#homeSubFour {
width: 236px;
}

#homeSubContent {
clear: both;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
width: 1022px;
height: inherit;
color: #fff;
background-color: #4c4c4c;
}

#contentSubOne, #contentSubTwo, #contentSubThree, #contentSubFour {
float: left;
display: inline;/*-----for ie-----*/
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
}

#contentSubOne {
margin-left: 55px;
width: 243px;
}

#contentSubTwo, #contentSubThree {
width: 244px;
}

#contentSubFour {
width: 236px;
background-color: #383838;
vertical-align: bottom;
}

#ticker {
clear: both;
width: 1022px;
background-color: #6699CC;
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-indent: 55px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .5px;
padding: 12px 0 12px 0;
}

#ticker2 {
clear: both;
width: 1022px;
background-color: #ffffff;
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-indent: 55px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .5px;
padding: 12px 0 12px 0;
}


/*-----end styles for home page template-----*/






/*-----start styles for templates Page 2-----*/
#contentTwoCol {
	width: 912px;
	/*-----margin-left +7 to compensate for shadow-----*/
margin: 0 55px 0 62px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#contentTwoColLeft {
float: left;
width: 450px;
}

#contentTwoColRight {
float: right;
width: 450px;
display:inline;/*-----for ie-----*/
}

#contentTwoCol h1{
color:#666;
font-size: 14px;
font-weight: bolder;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -12px 0;
}

#contentTwoCol h2{
color:#666;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -11px 0;
}

#contentTwoCol p{
}

#contentTwoCol a:link {
color:#333333;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
/*-----end styles for templates Page 2-----*/






/*-----start styles for templates Page 3-----*/
#popContainer {
width: 600px;
background-color: #FFF;
}

#popNavArea {
z-index: 5000;
width: 600px;
height: 90px;
margin: 0 auto;
background-image: url(../images/navBKG.jpg);
background-repeat: repeat-x;
}

#popupContent {
width: 600px;
background-color:#FFF;
margin: 0 auto;
}

#detailImage {
float: left;
width: 200px;
}

#detailContent {
float: right;
width: 380px;
display: inline;/*-----for ie-----*/
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666;
}

#popFooter {
clear: both;
width: 600px;
height: 14px;
background-color:#FFF;
}

#detailContent h1 {
color:#666;
font-size: 14px;
font-weight: bolder;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -12px 0;
}

#detailContent h2 {
color:#666;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -11px 0;
}

#detailContent p {
}

#detailContent a:link {
color:#333333;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
/*-----start styles for templates Page 3-----*/







/*-----start styles for templates Page 4-----*/
#contentOneCol {
color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
width: 967px;
}

#contentOneColMain {
float: left;
width: 645px;
/*-----margin-left +7 to compensate for shadow-----*/
margin: 0 0 0 32px;
}
html>body #contentOneColMain {
	margin: 0 0 0 62px;
	}

#contentOneColSidebar {
float: right;
width: 228px;
display: inline;/*-----for ie-----*/
}

	
#contentOneCol h1{
color: #666;
font-size: 14px;
font-weight: bolder;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -12px 0;
}

#contentOneCol h2{
color: #666;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 -11px 0;
}

#contentOneCol p{
}

#contentOneCol a:link {
color: #333333;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
/*-----end styles for templates Page 4-----*/




/*----- headernav div -----*/
#navigation {
float:left;
list-style: none;
padding: 0;
margin: 0;
display:inline; /*-----for ie-----*/
}

#navigation a:link { /* first-level nav */
text-decoration: none;
margin: 0px 10px 0px 10px;
color:#FFF;
display:block;
}

#navigation a:hover { /* first-level nav hover */
color:#6699CC;
text-decoration: none;
}

#navigation a:visited { /* first-level nav visited */
color: #999;
}

.first {
list-style:none;
position:relative;
float:left;
text-decoration: none;
z-index:9000; /* ensure header nav dropdowns are over other elements*/
}

.first:hover #submenu {
display: block; /* makes 2nd-level menu appear*/
}

#submenu #firstSub { /* firstSub makes the 2nd-level menu drop down a certain number of pixels depending on the height of the div */
background:none;
border-bottom:none;
height:10px; /* firstSub drops 2nd-level menu down 10 pixels */
}

#firstSub a:link{
background-color:none;
display:block;
float:left;
}

#firstSub a:hover{
background-color:none;
}

#submenu {
position: absolute;
padding: 0;
margin: 0;
left: 10px;
z-index: 9000; /* ensure header nav dropdowns are over other elements*/
display: none; /* hides 2nd-level menu */
width: 125px;
list-style: none;
color: #FFF;
}

#submenu a:link {
color: #000; /*changes 2nd-level menu TEXT color*/
padding:7px 0 7px 0;
}

#submenu a:hover {
color: #fff; /*changes 2nd-level menu roll-over TEXT color*/
}

#submenu a:visited { /* first-level nav visited */
color: #999;
}

#submenu li {
border-bottom:1px #fff solid;
/* for IE 4-6 and older browsers */
background: url(../images/menuBKG.gif);
background-repeat: no-repeat;
background-position: left; 
height:25px;
}
html>body #submenu li {
	/* for modern browsers that support png transparency */
	background: url(../images/menuBKG.png);
	background-repeat: no-repeat;
	background-position: left; 
	}

#submenu li:hover {
/*background-color:#6699CC;  changes 2nd-level menu roll-over BKGD color - note: hidden by menuBKG image */
background-position: right;
}

/* end headernav */




/* -----begin contact, customer, corporate and recommended sys templates ----- */

#blackBKG {
width:1022px;
height:128px;
/*-----margin-left +7 to compensate for shadow-----*/
margin-left: 7px;
background: url(../images/contactLargeBOXXlogo.gif);
background-repeat: no-repeat;
background-position: right;
background-color: #000;
}

#contentOneColWide {
color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
width: 912px;
}

#contentOneColWideMain {
float: left;
width: 750px;
/*-----margin-left +7 to compensate for shadow-----*/
margin: 0 0 0 62px;
}

#contactLeftCol {
float: left;
width: 325px;
margin-left:7px;
display:inline;
}

#contactRightCol {
float:left;
width:325px;
margin-left:14px;
display:inline;
}

#contentOneColWide h1{
color: #000;
font-size: 13px;
font-weight: bolder;
letter-spacing: 1px;
margin: 0 0 -12px 0;
}

#contentOneColWide h2{
color: #666;
font-size: 12px;
letter-spacing: 1px;
margin: 0 0 -11px 0;
}

#contentOneColWide p.grayBar {
clear:both;
background-color:#CCCCCC;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
text-transform: uppercase;
letter-spacing: .75px;
padding-left:7px;
}

#contentOneColWide a:link {
color:#6699CC;
font-size: 12px;
}

#recommColWide {
color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
width: 912px;
/*-----margin-left +7 to compensate for shadow-----*/
margin: 0 0 0 62px;
border-top: #ccc thin solid;
clear:both;
}

#recommContentCol {
width:565px;
float:left;
display:inline;
}

#recommImageCol {
float: left;
width: 175px;
margin-left:7px;
display:inline;
}

#recommLeftCol {
float:left;
width:278px;
display:inline;
margin-left: 7px;
}

#recommRightCol {
float:left;
width:278px;
display:inline;
}

#recommColWide h1{
color: #000;
font-size: 14px;
font-weight: bolder;
letter-spacing: 1px;
text-transform:uppercase;
margin: 0 0 -12px 0;
}

#recommColWide h2{
color: #666;
font-size: 12px;
letter-spacing: 1px;
margin: 0 0 -11px 0;
}

#recommColWide p.grayBar {
clear:both;
background-color:#CCCCCC;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
text-transform: uppercase;
letter-spacing: .75px;
padding-left:7px;
}

#recommColWide a:link {
color:#6699CC;
font-size: 12px;
}
/* -----end contact, customer, corporate and recommended sys templates ----- */