body {
     text-align: center;
     margin: 0;
}
body, p, table, div, span, li {
     font-size: 12px;
     font-family: arial, verdana, sans-serif;
     color: #666;
}
h1, h2, h3, h4, h5 {
     font-family: arial, verdana, sans-serif;
     color: #444;
}
.grayText {
     color: #666;
}
.ojText {
     color: #ff7300;
}
.smallText {
     font-size: 8pt;
}
.smallBlueText {
     color: #287CBB;
     font-size: 8pt;
}
.small {
     font-size: 9px;
}
.blueText {
	color: #287CBB;
	font-weight: bold;

}
.padGraphic {
     border: solid 1px #ccc;
     margin: 0 15px 10px 0;     
}
.padGraphic2 {
     margin: 0 0 10px 15px;     
}
.fclear {
     clear: both;
     height: 0;
     line-height: 0;
     font-size: 0;
}
.fleft {
     float: left;
}
.fright {
     float: right;
}
a {
     text-decoration: none;
     color: #287CBB;
}
a:hover {
     color: #ff7300;
     text-decoration: underline;
}
a.linkoj {
     color: #ff7300;
}
a.arrow {
     padding-right: 8px;
     background: url(/images/arrow-gray.gif) no-repeat right 4px;
}
a.arrow:hover {
     background: url(/images/arrow-oj.gif) no-repeat right 4px;
}
a.arrowLeft {
     padding-left: 12px;
     background: url(/images/arrow-gray.gif) no-repeat left 3px;
}
a.arrowLeft:hover {
     background: url(/images/arrow-oj.gif) no-repeat left 3px;
}
a.chat {
     padding-left: 20px;
     background: url(/images/ico-chat.gif) no-repeat left 1px;
}
a.email {
     padding-left: 20px;
     background: url(/images/ico-email.gif) no-repeat left 2px;
}
a.pdf {
     padding-left: 20px;
     background: url(/images/ico-pdf.gif) no-repeat left 1px;
}
a.calendar {
     padding-left: 20px;
     background: url(/images/ico-calendar.gif) no-repeat left 1px;
}
a.earth {
     padding-left: 20px;
     background: url(/images/ico-earth.gif) no-repeat left 1px;
}
a.people {
     padding-left: 20px;
     background: url(/images/ico-people.gif) no-repeat left 1px;
}
a.newWindow {
     padding-left: 20px;
     background: url(/images/ico-new-window.gif) no-repeat left 1px;
}
a.newWindowBold {
     font-weight: bold;
     padding-left: 20px;
     background: url(/images/ico-new-window.gif) no-repeat left 1px;
}
a.white {
     text-decoration: none;
     color: #fff;
}
a.white:hover {
     color: #eee;
     text-decoration: underline;
}
h2 a {
     text-decoration: none;
     padding-right: 8px;
     color: #287CBB;
}
h2 a:hover {
     text-decoration: underline;
     color: #ff7300;
}
h2 a.current {
     background: url(/images/arrow_gray.gif) no-repeat right;
     text-decoration: none;
}
h2 a.current:hover {
     background: url(/images/arrow_gray.gif) no-repeat right;
     text-decoration: underline;
     color: #ff7300;
}
.picInContent {
     margin-right: 18px;
}
.picInContentBdr {
     margin-right: 18px;
     border: double 3px #aaa;
}
/* Padding ======================================================= */
.pad15 {
     padding: 15px;
}
.pad015 {
     padding: 0 15px 15px 15px;
}
/* Container ===================================================== */

#container {
     margin: 0 auto;
     padding: 0 10px 10px 10px;
     background: #fff;
     width:861px;
}


/* Drop-down Menu ================================================ */

#menucontainer {
     margin: 0;
     margin-bottom: 13px;
     padding: 0;
     width: 861px;
     height: 73px;
/*          background: url(/images/bg-header.gif) no-repeat bottom #fff; */
}
#menu {
     margin: 0;
     margin-left: 35px;
     padding: 0;
     width: 861px;
}
#menu, #menu ul {
     list-style: none;
     text-align: left;
     padding-top: 11px;
}
#menu li {
     float: left;
     padding: 0 8px 0 0;
}
#menu li:hover a.main{
     color: #287CBB;
     background: url(/images/menu-link-hover.gif) repeat-x #eee;
}
#menu a {
     font-size: 10pt;
     font-family: arial, verdana, sans-serif;
     padding: 15px;
     display: block;
     color: #333;
     text-decoration: none;
}
#menu a.home {
     font-size: 10pt;
     font-family: arial, verdana, sans-serif;
     padding: 0 20px 0 5px;
     margin: 0;
     display: block;
     color: #666;
     text-decoration: none;
}
#menu a.main {
     font-size: 10pt;
     font-family: arial, verdana, sans-serif;
     padding: 0 5px 0 5px;
     margin: 5px 0 0 0;
     display: block;
     color: #666;
     text-decoration: none;
     line-height: 41px;
     max-height: 41px;
}
#menu a.main:hover {
     color: #287CBB;
     background: url(/images/menu-link-hover.gif) repeat-x #eee;
}
#menu a.current {
     font-size: 10pt;
     font-family: arial, verdana, sans-serif;
     padding: 0 5px 0 5px;
     margin: 5px 0 0 0;
     display: block;
     text-decoration: none;
     line-height: 41px;
     max-height: 41px;
     color: #287CBB;
     background: none;
}
#menu a.current:hover {
     color: #287CBB;
     background: url(/images/menu-link-hover.gif) repeat-x #eee;
}
#menu li:hover a.current{
     color: #287CBB;
     background: url(/images/menu-link-hover.gif) repeat-x #eee;
}
body#solutions a#navsolutions,
body#whowehelp a#navwhowehelp,
body#partnerships a#navpartnerships,
body#news a#navnews,
body#resources a#navresources,
body#about a#navabout {
     color: #287CBB;
     font-weight: bold;
}
#menu li ul {
     position: absolute;
     margin: 0;
     left: -999em;
     background: url(/images/drop-down-menu.gif) no-repeat bottom;
     width: 230px;
     padding: 5px 0 5px 0;
}
#menu li:hover ul, #menu li.sfhover ul {
     left: auto;
}
#menu li ul li {
     padding: 3px 0 3px 0;
     width: 230px;
}
#menu li ul li a {
     color: #444;
     padding: 7px 15px 7px 15px;
     font-weight: normal;
}
#menu li ul li a:hover {
     background: url(/images/arrow-oj.gif) no-repeat left;
     color: #287CBB;
     font-weight: normal
}



/* Home Scrolling Banner Section ===================================== */

.scrollerNav {
     margin: 0;
     padding: 0;
     margin-bottom: 15px;
     width: 861px;
     height: 41px;
     background: url(/images/bg-scroller-nav.gif) no-repeat #999999;
}
.controls {
     text-align: right;
     padding: 10px 20px 0 20px;
     margin: 0;
}
.controls ul {
     margin: 0;
     padding: 0;
     list-style: none
}
.controls li {
     padding: 0 0 0 25px;
     margin: 0;
     color: #666;
     float: right;
}
.controls a {
     color: #333;
     font-weight: bold;
     cursor: default;
}
.controls a:hover {
     color: #fff;
     font-weight: bold;
}
.controls a.white {
     color: #fff;
     font-weight: bold;
}
.controls a.white:hover {
     color: #fff;
     font-weight: bold;
     text-decoration: none;
}
div.scroller {
     width: 861px;
     height: 245px;
     overflow: hidden;
     margin: 0;
     clear: both;
}
div.scroller div.section {
     overflow:hidden;
     float:left;
     width: 861px;
     height: 245px;
     background: #444;
}
div.scroller div.content {
     width: 10000px;
}
div#section2 {
     background:#666666;
     color:#ffffff;
}
#moveroForYou {
     background: url(/images/home-banner-motion.jpg) no-repeat; 
     width: 861px; 
     height: 245px;
     overflow: hidden;
}
#moveroForYou h1 {
     font-size: 0;
     color: #fff;
     line-height: 0;
     padding: 0;
     margin: 0;
     height: 90px;
}
#moveroForYou p {
     text-align: left; 
     padding: 36px 450px 0 44px; 
     margin: 0; 
     color: #fff; 
     font-size: 10pt;
}
#itExecutive {
     background: url(/images/home-banner-visibility.jpg) no-repeat; 
     width: 861px; 
     height: 245px;
     overflow: hidden;
}
#itExecutive h1 {
     color: #fff;
     font-size: 0;
     padding: 0;
     margin: 0;
     height: 90px;
}
#itExecutive p {
     text-align: left; 
     padding: 20px 500px 0 40px; 
     margin: 0; 
     color: #fff; 
     font-size: 10pt;
}
#itDirector {
     background: url(/images/home-banner-control.jpg) no-repeat; 
     width: 861px; 
     height: 245px;
     overflow: hidden;
}
#itDirector h1 {
     color: #fff;
     font-size: 0;
     padding: 0;
     margin: 0;
     height: 90px;
}
#itDirector p {
     text-align: left; 
     padding: 20px 500px 0 40px; 
     margin: 0; 
     color: #fff; 
     font-size: 10pt;
}
#lobManager {
     background: url(/images/home-banner-flexibility.jpg) no-repeat; 
     width: 861px; 
     height: 245px;
     overflow: hidden;
}
#lobManager h1 {
     color: #fff;
     font-size: 0;
     padding: 0;
     margin: 0;
     height: 90px;
}
#lobManager p {
     text-align: left; 
     padding: 20px 500px 0 40px; 
     margin: 0; 
     color: #fff; 
     font-size: 10pt;
}
#bUnitExecutive {
     background: url(/images/home-banner-reliability.jpg) no-repeat; 
     width: 861px; 
     height: 245px;
     overflow: hidden;
}
#bUnitExecutive h1 {
     color: #fff;
     font-size: 0;
     padding: 0;
     margin: 0;
     height: 90px;
}
#bUnitExecutive p {
     text-align: left; 
     padding: 20px 500px 0 40px; 
     margin: 0; 
     color: #fff; 
     font-size: 10pt;
}
/* Homepage 3 column wrapper==================================== */

.home3Columns {
     text-align: left;
     margin: 0;
     margin-bottom: 15px;
     padding: 0;
     width: 861px;
     background: url(/images/bg-home-columns.gif) no-repeat bottom;
}


/* 3 column blocks (See Homepage) ================================ */
.infoBlock3 {
     width:270px;
     padding: 0;
     margin: 5px 10px 20px 0;
     float: left;
     overflow: hidden;
}
.infoBlock3 h2 {
     font-family: arial, verdana, sans-serif;
     margin: 0;
     margin-left: 35px;
     padding: 0;
     font-size: 14pt;
     color: #287CBB;
}
.infoBlock3 h2 a {
     color: #287CBB;
     font-size: 14pt;
}
.infoBlock3 h2 a:hover {
     color: #ff7300;
     font-size: 14pt;
     text-decoration: none;
}
.infoBlock3 p {
     padding: 0;
     margin: 12px 0 0 35px;
     line-height: 17pt;
     font-size: 11px;
}
.divider {
     max-height: 1px;
     margin: 0 0 15px 20px;
     background: #e0e0e0;
     line-height: 1px;
     clear: both;
}



/* 861px wide 2 column content wrapper =========================== */

.mainContent2Col {
     text-align: left;
     margin: 20px 0 15px 0;
     margin-bottom: 15px;
     padding: 0;
     width: 861px;
/*      background: url(/images/bg-main-content.jpg) no-repeat bottom; */
}

/* Skinny Column ================================================= */

.skinnyColumn {
     width: 215px;
     margin:0;
     padding: 0;
     float: left;
}
.skinnySection {
     margin: 0 15px 15px 35px;
     padding: 0;
}
.skinnySection h2 {
     margin: 0;
     padding: 0;
     font-size: 10pt;
     color: #444;
}
.skinnySection p {
     margin: 0;
     padding: 8px 0 0 0;
     line-height: 15pt;
     color: #666;
}
.skinnySectionDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: #e3e3e3;
     line-height: 1px;
}
.vertnav {
     padding:5px 0 0 0;
     margin: 0;
}
.vertnav, .vertnav ul {
     list-style: none
}
.vertnav li {
     font-size: 10pt;
     padding: 10px 0 0 0;
     margin: 0;
     color: #666;
}
.vertnav a {
     padding-right: 10px;
     text-decoration: none;
     color: #287CBB;
}
.vertnav a:hover {
     padding-right: 10px;
     text-decoration: underline;
     color: #ff7300;
}
.vertnav a.current {
     background: url(/images/arrow-oj.gif) no-repeat right;
     text-decoration: none;
     color: #444;
}
.vertnav a.current:hover {
     text-decoration: underline;
     color: #ff7300;
}

/* Content Column ================================================= */

.contentColumn {
     width: 646px;
     text-align: left;
     padding: 0;
     margin: 0;
     float: left;
}
.contentSection {
     padding: 10px 20px 20px 30px;
}
.contentSection h1 {
     margin: 0;
     padding: 0;
     font-size: 14pt;
     color: #666;
}
.contentSection h2 {
     margin: 0;
     padding: 0;
     font-size: 20pt;
     letter-spacing: -1px;
     color: #287CBB;
}
.contentSection h3 {
     margin: 0;
     padding: 15px 0 0 0;
     font-size: 10pt;
     color: #666;
}
.contentSection h3.oj {
     color: #ff7300;
}
.contentSection p {
     margin: 0;
     padding: 15px 0 0 0;
     line-height: 18pt;
}
.contentSection p.compressed {
     margin: 0;
     padding: 15px 0 0 0;
     line-height: 14pt;
}
.contentSectionDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: url(/images/gray-dot-divider.gif) repeat-x #e3e3e3;
     line-height: 1px;
}
.contentSectionOjDivider {
     max-height: 1px;
     margin: 15px 0 15px 0;
     background: url(/images/oj-dot-divider.gif) repeat-x #ff7300;
     line-height: 1px;
}
.contentSection ul {
     list-style: none;
     margin: 7px 0 4px 10px;
     padding: 0;
}
.contentSection ul li {
     padding: 4px 0 2px 8px;
     line-height: 15pt;
     margin: 0;
     background: url(/images/bullet-gray.gif) no-repeat left 12px;
}
/* gray chunk section =================================================== */

.grayChunk {
     margin:20px 0 20px 0;
     padding: 0;
     background: url(/images/gray-chunk-bg.gif) no-repeat bottom;
}
.grayChunk div.grayChunkTop {
     margin:0;
     padding: 0;
     height: 6px;
     background: url(/images/gray-chunk-top.gif) no-repeat top;
}
.grayChunk p {
     margin: 10px 0 0 0;
     padding: 0;
     font-size: 9pt;
     color: #666;
     line-height: 15pt;
}
.grayChunk ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.grayChunk li {
	padding: 14px 0 0 10px;
	margin: 0;
	color: #666;
	background: url(/images/bullet-oj.gif) no-repeat left 19px;
}

/* Side Banner =================================================== */

.sideBanner {
     float: right;
     margin:20px 10px 20px 20px;
     padding: 0;
     width: 250px;
     background: url(/images/side-banner-bg.gif) no-repeat bottom;
}
.sideBanner div.sideBannerTop {
     margin:0;
     padding: 0;
     width: 250px;
     height: 6px;
     background: url(/images/side-banner-top.gif) no-repeat top;
}
.sideBanner h2 {
     margin: 0;
     padding: 0;
     font-size: 10pt;
     color: #ff7300;
}
.sideBanner p {
     margin: 10px 0 0 0;
     padding: 0;
     color: #287CBB;;
     line-height: 15pt;
     font-size: 8pt;
}
.sideBanner ul {
     list-style: none;
     margin: 5px 0 0 0;
     padding: 0;
}
.sideBanner li {
     padding: 14px 0 0 10px;
     margin: 0;
     font-size: 8pt;
     color: #287CBB;;
     background: url(/images/bullet-oj.gif) no-repeat left 19px;
}

/* Side Banner2 =================================================== */
.sideBannerImage {
     margin:20px 10px 5px 10px;
     padding: 0;     
     width: 250px;
     float: right;
}
.sideBannerImage2 {
     margin:20px 10px 5px 10px;
     padding: 0;     
     float: right;
}
.sideBanner2 {
     margin:20px 0 10px 0;
     padding: 0;
     width: 250px;
     background: url(/images/side-banner-bg.gif) no-repeat bottom;
}
.sideBanner2 div.sideBannerTop {
     margin:0;
     padding: 0;
     width: 250px;
     height: 6px;
     background: url(/images/side-banner-top.gif) no-repeat top;
}
.sideBanner2 h2 {
     margin: 0;
     padding: 0;
     font-size: 10pt;
     color: #ff7300;
}
.sideBanner2 p {
     margin: 10px 0 0 0;
     padding: 0;
     color: #287CBB;;
     line-height: 15pt;
     font-size: 8pt;
}
.sideBanner2 ul {
     list-style: none;
     margin: 5px 0 0 0;
     padding: 0;
}
.sideBanner2 li {
     padding: 14px 0 0 10px;
     margin: 0;
     font-size: 8pt;
     color: #287CBB;;
     background: url(/images/bullet-oj.gif) no-repeat left 19px;
}

/* Form ========================================================== */

form {
     margin: 10px;
}

label
{
width: 11em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
input, select, textarea {
     border-top:1px solid #ddd;
     border-left:1px solid #c3c3c3;
     border-right:none;
     border-bottom:none;
     margin:0;
     padding: 3px 3px 0 3px;
     height: 20px;
     width: 180px;
     background: #EDF0F3;
     color: #287CBB;
     font-size: 12px;
     font-family: arial, verdana;
}
textarea {
     height: 100px;
     font-family: arial, verdana;
}
select {
     padding-left: 0;
     width: 185px;
}
/* BUTTON */

button{
    display:block;
    float:left;
    margin:0;
    background:#287CBB;
    border:1px solid #1464A0;
    border-top:1px solid #4698D5;
    border-left:1px solid #4698D5;
    text-decoration:none;
    font-weight:bold;
    font-size: 10pt;
    margin-right: 10px;
    font-family: arial, verdana, sans-serif;
    color:#fff;
    cursor:pointer;
}
button{
    width:auto;
    overflow:visible;
    padding:1px 7px 0 5px; /* IE6 */
}
button[type]{
    padding:2px 6px 2px 4px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:0 8px 0 5px; /* IE7 */
}
button img {
    margin:0 3px 0 0 !important;
    padding:0;
    border:none;
    width:9px;
    height:9px;
}
button:hover {
    background:#188AE0;
    border:1px solid #1464A0;
    border-top:1px solid #4698D5;
    border-left:1px solid #4698D5;
    color:#fff;
}
button.cancel {
    background:#CC0000;
    border:1px solid #AA0000;
    border-top:1px solid #F60101;
    border-left:1px solid #F60101;
}
button.cancel:hover {
    background:#E70000;
    border:1px solid #AA0000;
    border-top:1px solid #F60101;
    border-left:1px solid #F60101;
    color:#fff;
}

/* Footer ======================================================== */

#footer1 {
     margin: 0;
     padding:0;
     width: 861px;
     height: 82px;
     text-align: left;
     overflow: hidden;
/*     background: url(/images/bg-footer.gif) no-repeat bottom; */
}
#footer1 p {
     padding: 20px 35px 12px 35px;
     margin: 0;
     font-size: 11px;
}

/* -------- NewsTicker CSS -------- */

#fadeNewsTickerWrapper {
  color: black;
  height: 150px;
  width: 225px;	  
}

#mainPageNewsList {
}

.newsticker {
  list-style-type: none;  
  padding: 3px;
  margin: 0;
}

.newsItem {
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.newsItem img {
  padding-right: 5px;
}