/*
-----------------------------------------------
-
- NAME
-      $RCSfile: general.css,v $
- DELTA
-      $Revision: 1.5 $
-      $Author: uid1003 $
- CREATED
-      $Date: 2007/12/17 17:14:33 $
- COPYRIGHT
-      Westhawk Ltd
-
----------------------------------------------- */
/* Page Structure and paragraphs
----------------------------------------------- */

p, h1, h2, h3, h4, h5, h6, img, form {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  margin-bottom: 2px;
}

p {
  line-height: 1.8em;
  margin-bottom: 10px;
}

hr {
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

#brand {
  float: left;
}

html body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
}

.hide {
  display: none; /*won't display in some screen readers - below has same effect but will display - doesn't work in firefox though*/
  /*width: 0;
  height: 0;
  overflow: hidden;*/
}

a.target {
  display: none;
}

* html p {
  height: 1%;
 }
/* End hide from IE5/mac */

table td {
    vertical-align: top;
    padding: 0;
}






/* ----------------------- Wrapper ------------------------ */

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
  float: left;
  height: 100%;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
  float/**/: none;
}

/* easy clearing */
#wrapper:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#wrapper {
  display: inline-block;
  border-collapse: collapse;
}

/*\*/
#wrapper {
  display: block;
}
/* end easy clearing */

#wrapper {
  border-top: 0px solid white; /* was applied as border-bottom to #header but moved here due to firefox spacing anomaly */
  margin: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 0;
}


/* ----------------------- Header ------------------------ */
#headerNav
{
    margin-top: 18px;
    width: 100%;
    margin-bottom: 10px;
}

#headerNav .headerText
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;

    width: 100%;
    text-align: left;
    padding-top: 1.2em;
    padding-bottom: 1.7em;
}
#headerNav .lowerheader
{
    /* westhawk green */
    background-color: #484d16;
    height: 34px;
    max-height: 34px;
    min-height: 34px;
}

#headerNav td
{
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

#headerNav img
{
    vertical-align: bottom;
    border: none;
    text-decoration: none;
}

#headerNav ul
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#headerNav ul li
{
    float: left;
    width: 85px;
    margin-right: 1px;
    border-bottom: 1px solid white;
    padding-top: 5px;
    padding-bottom: 5px;

    list-style: none;
    display: inline;
    background-image: url(../images/yellow-tab.gif);
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    color: white;
}

#headerNav ul li.selected
{
    background-image: url(../images/green-tab.gif);
    border-bottom: 1px solid #484d16;
}

#headerNav ul li a
{
    text-decoration: none;
    color: white;
}

#headerNav ul li a:link
{
}

#headerNav ul li a:visited
{
}

#headerNav ul li.selected a:link:hover,
#headerNav ul li.selected a:visited:hover
{
    color: #ff9900;
}


#headerNav ul li a:link:hover,
#headerNav ul li a:visited:hover
{
    color: #484d16;
}



/* ------------------- Left col  ------------------------ */
div#leftcol {
    width: 190px;
    max-width: 190px;
    height: 100%;
    margin: 0;
    padding: 0;
}


/* ----------------------- Content ------------------------ */
#content
{
    width: 635px;
    max-width: 635px;
    height: 100%;
    margin: 0;
    padding: 0;

    color: black;
    line-height: 150%;
    font-size: 13px;
}

#content .header
{
    font-size: 20px;
}

#content .portfolio
{
    background-color: #929574;
    color: black;
}

#content .technology
{
    background-color: #ffc267;
    color: black;
}

#content a:link
{
    text-decoration: underline;
}

#content a:link,
#content a:visited,
#content a:link:active,
#content a:visited:active
{
    color: black;
}

#content a:link:hover,
#content a:visited:hover
{
    color: #ff6600;
}

#content img
{
    border: none;
}

#content table tr td
{
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

#content .small_print
{
    font-size: 11px;
    line-height: 120%;
}

/* ----------------------- Right col ------------------------ */

td#rightcoltd
{
    padding: 0;
}

#rightcol {
  width: 180px;
  max-width: 180px;
  height: 100%;
  margin: 0;
  margin-left: 5px;
  /* margin-top: 36px; */
  margin-top: 0;
  padding: 0;

  text-align: left;
}

/* ----------------------- Level 2 ------------------------ */
#level2
{
    width: 100%;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    text-align: right;

    font-size: 12px;
    border-collapse: collapse;
}

#level2 #level2_title
{
    padding-top: 1.2em;
    background-color: #ddd;
    border-right: 1px solid #ddd;
    font-weight: bold;
}

#level2 tr td
{
    border-bottom: 1px dotted #ccc;
    padding-right: 0.8em;
}

#level2 tr td a
{
    text-decoration: none;
    display: block;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    color: black;
}

#level2 tr td a:hover
{
    background: url(../images/arrow-yellow.gif) no-repeat;
    color: #666;
}


/* ----------------------- Title  ------------------------ */
#title
{
    padding: 0;
    padding-left: 8px;
    margin: 0;
    height: 35px;
    max-height: 35px;
}

#title img
{
    display: block;
}

/* ----------------------- Banners  ------------------------ */
.banner_yellow
{
    background-color: #ffd79a;
}
.banner_yellow .title
{
    background-color: #ffae34;
}

.banner_grey, .lbanner_grey
{
    background-color: #ccc;
}
.banner_grey .title
{
    background-color: #666;
}

.banner_green
{
    background-color: #c8caba;
}

.banner_green .title
{
    background-color: #6d7146;
}


.banner
{
    border: none;
    border-spacing: 0;
    width: 100%;
    padding: 0;
    text-align: left;
    border-collapse: collapse;

    font-size: 12px;

    /* margin-top: 0.3em; */
    margin-bottom: 0.3em;
}

.banner a
{
    text-decoration: none;
}

.banner a img
{
    border: none;
    padding-right: 3px;
    padding-bottom: 5px;
}

.banner tr.go td input
{
    padding-right: 3px;
    padding-bottom: 5px;
}

.banner tr td
{
    padding-left: 6px;
    padding-right: 8px;
    margin: 0;
    display: block;
}

.banner .title td
{
    padding: 0;
}

.banner .text td
{
    padding-top: 5px;
}

.lbanner .text td
{
    padding-bottom: 5px;
}

.banner .input input
{
    width: 170px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
}

.banner .go
{
    text-align: right;
}



/* ----------------------- Footer  ------------------------ */
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px;

  border: none;
  border-top: 2px solid #484d16;

  color: #484d16;
  background: white;
  font-size: 11px;
}

a.footer:link,
a.footer:visited,
a.footer:active
{
  color: #484d16;
}

a.footer:hover {
  color: #ff6600;
}