body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover {text-decoration: underline; }

#header { height: 176px; background-color: #86BBDB; }
#logo { margin: 33px 0 0 17px; }
#topLeft { background-color:white; height:176px; width: 547px; }
#banner { position: absolute; top: 0px; left: 547px; height: 126px; width: 408px; padding: 50px 0 0 5px; background: url(../images/banner-blue.jpg) no-repeat; font-style:italic; white-space: nowrap;  }
#line1 { font-size: 75%; line-height: 1.3em; color: #97B8C8; } 
#line2 { font-size: 90%; line-height: 1.3em; text-indent: 30px; color: #7FA9BE; }
#line3 { font-size: 100%; text-indent: 60px; color: #6698B1; }
#line4 { font-size: 120%; line-height: 1.2em; color: #5188A3; text-indent: 90px; }
#line4 a { font-size: 100%; color: #5188A3; }
#tagline { width: 537px; text-align:right; padding-top: 25px; font-size: 120%; color: #4C4B4B; }
.subhead { font-size: 70%; padding-top: 0.5em; }

#topNav { height: 32px; border-top: solid 4px white; background: #4C4B4B url(../images/vert-white-4px.gif) repeat-x bottom; }
#topNav ul { margin: 0; padding: 0; list-style: none; }
#topNav li { margin: 0; padding: 0; float: left; list-style: none; border-right: solid 1px white; }
#topNav li li { float: none; }
#topNav li a { display: block; width: 135px; height: 20px; padding-top: 8px; text-align: center; color: white;  font-size: 90%;  }
#topNav li li a { text-align: left; width: auto; height: auto; font-size: 70%; font-weight: bold; padding: .3em 0 .4em 0; margin: 0; }
#topNav li.lastTab { border-right: solid 4px white; }
#topNav li .arrow { display: none; }

#services a { background-color: #FFA619; border-bottom: solid 4px #FFD28C; }
#services ul { background-color: #FFB847; }
#services li { border-bottom: solid 1px white; padding: 0 2em 0 2.6em; }
#services li a { background: none; border: none; width: 20em; }
#services a.disabled { color: #FFD086 !important; }

#software a { background-color: #EC6205; border-bottom: solid 4px #F5A580; }
#software ul { background-color: #F28E4A; }
#software li { background: none; border-bottom: solid 1px white; padding: 0 2em 0 2.6em; }
#software li a { background: none; border: none; width: 8em; }
#software a.disabled { color: #F0B289 !important; }

#about a { background-color: #5188A3; border-bottom: solid 4px #A8C3D1; }
#about ul { background-color: #7FA9BE; }
#about li { background: none; border-bottom: solid 1px white; padding: 0 2em 0 2.3em; }
#about li a { background: none; border: none; width: 10em; }

#clients a { background-color: #42AB9F; border-bottom: solid 4px #9FD4CE; }
#secLinks { position:absolute; left: 547px; padding: 6px 0 0 168px; color: white; font-size: 75%; white-space: nowrap; }
#secLinks a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: white;  margin: 0 10px 0 10px; }

#contentRow { background-color: #5188A3; color: white; font-size: 80%; }
#contentPanel { width: 497px; padding: 23px 0 37px 50px; background-color: #fff; color: #232323; }
h1 { font-weight: normal; font-size: 140%; padding: 0; margin: 0; }
h1 sup { font-size: 50%; position: relative; top: -3px; }
#content {  border-top: solid 1px #666; margin-top: -3px; padding: 23px 50px 0 0; }
h2 { font-weight: bold; font-size: 100%; padding: 0; margin: 0 0 .8em 0; }
#content p { margin: 0 0 25px 0; line-height: 2em; font-size: 90%; }
#content a { color: #5188A3; font-weight: bold; }
#content ul { list-style: none; margin-left: 20px; padding-left: 0; margin-bottom: 2.5em; }
#content li { background-image: url(../images/arrows-right.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 2em;  line-height: 1.8em; font-size: 90%; font-weight: bold; }
#content ul.longList li { margin-bottom: 1em; }
.pdf { background: url(../images/pdf-link.gif) no-repeat right; padding-right: 27px; }

#sideNav { position: absolute; left: 547px; width: 373px; padding: 23px 0 37px 0; }
#sideNav h2 { font-weight: normal; font-size: 140%; padding: 0; margin: 0 0 0 34px; }
#sideNavLinks { margin-top: -3px; padding: 20px 0 0 34px; border-top: solid 1px white; }
#sideNav ul, #sideNav li { margin: 0; padding: 0; list-style: none; }
#sideNav li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px white; }
#sideNav li.selected a { margin-left: -25px; background-image: url(../images/arrows-left.gif); background-repeat: no-repeat; background-position: .2em .4em; padding-left: 2em; color: #393939; }
#sideNav a { color: white; font-weight: bold; }
#sideNav a:hover {  color: #393939; text-decoration: none; }
#sideNav a sup { font-size: 75%; }
 
ul.downloads li { border-bottom: none !important; }
ul.downloads li a { line-height: 1.3em; text-decoration: underline; }

#footer { background-color: #ABAAAA; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 75%; color:#2D2D2D; padding: 7px 0 4px 109px; margin-top: 4px; white-space: nowrap; }
#footer .spacer { padding: 0 30px 0 30px; }
#footer a { color:#2D2D2D; }



/* extra menu stuff */
li ul { display: none; position: absolute; padding-right: 2em; top: 208px; z-index: 10; }
li>ul { top: auto; left: auto; }
li:hover ul, li.over ul { display: block; }