/* @override http://hci/css/base.css */

/* Globals
--------------------------------------------------*/
body {
font: 62.5%/180% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;	
color: #666666;
text-align: center;
background: #F3F3F3}

#container {
margin: 0 auto;
width: 975px;
text-align: left;
background: url(../images/container-bg.jpg) top center repeat-y;}

#container-inner {
margin: 0 40px; 
padding: 10px 0;
padding-bottom: 20px;}

#top-area {position: relative;}

#content {clear: both; margin-top: 20px;}

#nav-main {background: url(../images/nav-bg.jpg) center no-repeat;}

#content-main {
width: 650px;
float: left;}

#banner {margin: 3px 0 30px 0;}
   
#side-bar {
padding-right: 10px;
width: 230px;
float: left;}

.left-col {
margin-top: 10px;
width: 275px;
float: left;}

.right-col {
margin-top: 10px;
width: 275px;
float: right;}

#footer {
margin-top: 200px;
border-top: 1px solid #CDCDCD;
background: url(../images/footer.jpg) top center repeat-y;}

#footer-info {padding-top: 5px;}

.float-left {float: left;}
.float-left2 {float: left; margin-right: 15px;}
.float-right {float: right;}
.clear {clear: both;}
.pre {white-space: pre;}

/* Globals Ends
--------------------------------------------------
--------------------------------------------------*/



/* Search, Employee and Contact Us Widgets
--------------------------------------------------*/
#search input {
margin-top: 0px;
margin-bottom: -10px;
margin-left: 11px;}

#search {
position: absolute;
top: 0px;
right: 0px;
width: 220px;
height: 60px;
background: url(../images/search-bg2.jpg) top left no-repeat;}

#contact-login {
margin-right: 220px;
width: 220px;
height: 60px;
background: url(../images/login.jpg) top left no-repeat;}

#search-results {border-bottom: 1px solid #EEE;}
#search-results h2 {margin-top: 3px;}
#search-results .highlight {color: #7C95B6;}
fieldset {border: 1px solid #CCC; padding: 10px;}
legend {padding: 0 5px;}

#adv-search #search-results {
background-color: #EEEEEE; 
padding: 20px;
border: 1px solid #CCC;}

#search-results td, tr {padding: 0 10px;}
#search-submit {margin-top: 0; padding: 10px 5px 0 0;}

/*  Ends
--------------------------------------------------
--------------------------------------------------*/



/* List 
--------------------------------------------------*/
.list {
list-style: disc; 
margin: 20px 0 20px 25px;}

#contact-login {margin-top: 2px;}
#contact-login ul {padding-top: 20px;}
#contact-login li {display: inline;}

#nav-main ul {padding: 20px 20px 20px 25px; text-align: center;}

#nav-main li {
padding-left: 5px;
padding-right: 15px;
display: inline;}

#nav-home a,
#nav-customers a,
#nav-capabilities a,
#nav-contract a,
#nav-company a,
#nav-careers a {
padding: 20px 25px 20px 0px;
background: url(../images/nav-deviders.gif) center right no-repeat;}


.side-links {
margin-top: 15px;
margin-bottom: 30px;
width: 214px;}

.side-links li {
margin-top: 10px;
padding: 0 0 10px 20px;
border-bottom: 1px solid #DDD;}

.check-list {margin-bottom: 20px;}
.check-list li {
margin-left: 20px;
margin-bottom: 10px;
padding-left: 35px;
font-size: 1.1em; 
background: url(../images/accept.jpg) center left no-repeat;}

.arrow-list li {
margin-left: 20px;
margin-bottom: 10px;
padding-left: 20px;
font-size: 1.1em; 
background: url(../images/small-arrow.jpg) center left no-repeat;}

.box-list {
margin-bottom: 20px;
padding: 15px;
background-color: #F3F3F3;
border: 1px solid #DDD;}

.box-list li {
margin-left: 8px;
margin-bottom: 5px;
list-style: disc;}

.generic-list {margin-top: 20px;}

.generic-list2 li {
margin-bottom: 20px;
font-size: 1.1em;}

.nested-list {
font-size: 1em;
margin-left: 20px;
margin-top: 20px;}

#content-main ul {margin: 20px 0 20px 50px; font-size: 1.3;}
#content-main ul li ul {margin: 5px 0 0 30px; font-size: 1em; list-style: decimal;}

#content-main li {
list-style: disc; padding-bottom: 5px; }

.archive-links {width: 214px;}

.archive-links li {
padding: 10px 15px;
border-bottom: 1px solid #DDD;
margin-left: 10px;
font-size: 12px;}
/*  List Elements Ends
--------------------------------------------------
--------------------------------------------------*/



/* Links
--------------------------------------------------*/
a {
color: #003366; 
font-weight: bold;
text-decoration: none;}

.title-bar a {color: #7C95B6;}

#footer-info a {color: #666;}
#footer-info a:hover {color: #7C95B6;}

a:hover {color: #7C95B6; text-decoration: underline;}
#nav-main a {font-size: 12px;}
.side-links {font-size: 1.2em;}
#contact-top {padding-left: 13px; font-size: 11px;}
#employee-top {padding-left: 25px; font-size: 11px;}
#content-main li a {color: #7C95B6;}
#content-main li a:hover {color: #003366;}
/*  Ends
--------------------------------------------------
--------------------------------------------------*/



/* Typography
--------------------------------------------------*/
p, ul{font-size: 1.3em;}
p {margin-bottom: 15px; line-height: 160%;}
strong {font-style: italic; color: #7C95B6;}
.highlight {color: #003366; font-weight: bold;}
em {font-style: italic;}
/* Typography Ends
--------------------------------------------------
--------------------------------------------------*/



/* Headings
--------------------------------------------------*/

h1 {
font-size: 2.4em; 
margin-top: 5px;
margin-bottom: 20px; 
color: #003366;}

h1, h2, h3, h4 {line-height: 120%;}
h2, h4 {color: #003366; margin-bottom: 10px;}
h2 {font-size: 2em;}
h3 {margin-bottom: 10px; font-size: 1.4em; color: #7C95B6;}
/* Headings Ends
--------------------------------------------------
--------------------------------------------------*/



/* Tables
--------------------------------------------------*/
.odd {background-color: #F3F3F3;}

table {margin-bottom: 30px;}

td {
font-size: 1.2em;
padding: 10px;
border: 1px solid #DDD;}
/*  Tables Ends
--------------------------------------------------
--------------------------------------------------*/




/* Design Elements
--------------------------------------------------*/
.hr {
border-bottom: 1px solid #DDD;
padding-top: 10px;
margin-bottom: 10px;}

.hr2 {
border-bottom: 1px solid #CDCDCD;
margin-top: 20px;
margin-bottom: 10px;}

.title-bar {
width: 215px;
color: #7C95B6;
margin-bottom: 20px;
padding: 10px 0 10px 20px;
font-size: 12px;
background: url(../images/title-bar.jpg) center left no-repeat;}

.title-bartxt {
width: 215px;
color: #7C95B6;
margin-bottom: 20px;
padding: 10px 0 10px 7px;
font-size: 10px;
background: url(../images/title-bar.jpg) center left no-repeat;}

.title-bar-heading {
margin-bottom: 20px;
padding: 10px 0 10px 10px;
font-size: 14px;
color: #7C95B6;
font-weight: bold;
background: url(../images/title-bar.jpg) center left no-repeat;}

em {color: #7C95B6;}

.box {
margin: 20px 0;
padding: 15px;
background-color:#FCFCFC;
border: 1px solid #DDD;}

.float-pic {
margin-right: 10px;
padding: 3px;
border: 1px solid #CDCDCD;
float: left;}

.float-pic2 {
margin-right: 10px;
padding: 3px;
float: left;}

#certifications .float-pic {border: none;}

.paddingTop {padding-top: 28px;}
/* Design Ends
--------------------------------------------------
--------------------------------------------------*/


/* Miscillanious
--------------------------------------------------*/
.space-left {margin-left: 35px;}
.spacer {padding: 15px 0;}
.temp-fix {margin-top: 450px;}
#quickfix {font-size: 20px;}

.indent-link {
padding-left: 15px;
font-style: italic;}

.indent-link a{color: #7C95B6;}
.indent-link a:hover {color: #003366;}

.date {
margin-top: 0;
padding-top: 0;
color: #7C95B6;
font-style: italic;
font-size: 11px;}

.releases p{
margin-bottom: 3px;}

.releases .hr {margin: 20px 0;}

/* Miscillanious Ends
--------------------------------------------------
--------------------------------------------------*/