body {
  background: #FFFFFF url(graphics/background.gif) repeat-x top;
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  line-height: 1.1em;
  text-align: center;
  color:#333;
  }

a {
  color: #808080;
  font-weight: bold;
  text-decoration: none;
}  

a:hover {
  text-decoration: underline;
  color: #95ACC5;
}

#container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 660px;
  border: none;
  }
  
#header {
  background-color:#95ACC5;
  text-align: left;
  width:660px;
  height:60px;
  margin: 0;
  position: relative;
  }
  
#print_header {
    display: none;
}

#logo
{
  position: absolute;
  top: 5px;
  left: 0px;
}

#tag_line
{
  position: absolute;
  top: 40px;
  right: 0px;
}
  
#content {
  border: none;
  font-size: 11px;
  background: #fff;
  width: 660px
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  }
  
#bottom
{
  border: none;
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
}

  
#nav_links
{
  padding-left: 0px;
}

#mainnav {
    width: 660px;
	height: 23px;
	margin: 0;
	margin-right: 0px;
	padding-left: 0px;
	background: #003876;
	position: relative;
	text-align: left;
}

#nav a
{
	color: #FFFFFF;
	background: #003876;
	line-height: 14px;
	font-weight: bold;
	padding: 5px 15px 4px;
    font-size: 9px;
}

#nav a#first
{
  padding: 5px 10px 4px 10px;
}

/* remove style from lists */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#content_list
{
  margin-left: 20px;
  margin-top: 10px;
  list-style-type: square;
}

#rightcontent a
{
  text-decoration: underline;
}

#partner_details a, #company_list a
{
  text-decoration: none;
}

#rightcontent a:hover
{
  color: #95ACC5;
}

/* top navigation */
#nav li
{
  /* adding this adds an extra red border to items in IE and seems to screw up the wrap in Safari et al. */
  /* position: relative; */ 
  /* margin: 0px; */ /* does nothing visible */
  background: #003876;
  float: left; /* makes the top navigation side by side */
}

#nav li a
{
  background: #003876;
  display: block; /* with this, LI is as big as the A */
  border-right: 1px dotted #808080; /* adds a dotted gray border to the right */
  float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav li a
{
float: none
}
/* End IE5-Mac hack */

/* IE renders dotted as slashed, so this is a workaround */
* html #nav li a {
    border-right: none;
    background: #003876 url(graphics/dots.gif) repeat-y right;      
}

#nav li a:hover {
    background-color: #95ACC5;
    text-decoration: none;
}

#nav li li a
{
    display: block; /* block: the link extends up to li but, IE shows the second navigation with extra space on bottom - seems to have no effect at the moment */
                    /* none: everything disappears */
                    /* inline: screws it up */
    border-right: none;
    background-image: none;
    background: #95ACC5;
    /* border-right: 1px solid #333;
    border-left: 1px solid #333; 
    border-bottom: 1px solid #333; */
    /* these seem out of whack with Firefox and NS */
}

#nav li li a:hover {
    background-color: #808080;
}

/* secondary navigation */
#nav li li
{
  background-color: #95ACC5;
  background-image: none;
  float: none; /* needed to keep them vertical */
}


/* takes care of the extra spacing on top of secondary navigation */
/* using this on li li a instead of li li seems to also make sure the rollover works on more than just the text */
* html #nav li li a { height: 1%; }

/* the one above, for some reason extends links all the way */
* html #team      { width: 7em; }
* html #about_us  { width: 7em; }
* html #portfolio { width: 190px; }


/* remove the right border from the last nav link */
#nav a#last {
	border-right: none;
	background-image: none;
}

/* location of sub navigation menus */
li ul {
	display: none;
	position: absolute;
	top: auto;
	left: auto;
    background-color: #95ACC5; /* need this for IE6 */
}

li:hover ul, li.over ul {
	display: block;
}

#bottom_links, #bottom_links a:link, #bottom_links a:visited, #bottom_link a:active {
  font-size: 9px;
  color: #333;
}

#bottom_links
{
  float: right;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}

#leftcontent {
    float: left;  /* let it float to the left */
	margin: 0px;
	margin-top: 15px;
	left: 0px;
	padding-left: 0px;
	padding-right: 5px;
	line-height: 1.1em;
}

/* Hides from IE5-mac \*/
* html #rightcontent {
height: 1%;
}

/* End hide from IE5-mac */

#leftcontent #title
{
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 5px;
}

#leftcontent li
{
  padding-bottom: 1em;
}
	
#rightcontent {
    margin-top: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-left: 120px;
	padding-top: 0px;
	top: 0px;
}

h2 {
  color: #FF8000;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h3 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#partner_details
{
  position: relative;
  width: 180px;
  float: right;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 10px;
}

#board_seats { font-size: 10px; line-height: 1.3em; }

#company_list { padding-top: 20px; }

#company_list img {
	margin: .5em 0 .5em 0;
	padding: 5px;
	border: 1px solid #ddd;
	margin-right: 25px;
	vertical-align: middle;
	}
	
#company_list li {
  width: 400px;
  border-bottom: 1px dotted #808080;
  padding: 5px;
}

/* IE renders dotted as slashed, so this is a workaround */
* html #company_list li {
    border-bottom: none;
    background: transparent url(graphics/dots_h.gif) repeat-x bottom;      
}

#news_list { float: left; padding-top: 0px; }

#news_list li { clear: left; }

#news_date
{
  float: left;
  width: 75px;
  font-weight: bold;
  line-height: 2.5em;
}

#news_item
{
  float: left;
  width: 400px;
  margin-left: 10px;
  line-height: 2.5em;
}

#partner_logo
{
  float: left;
  border: 1px solid #808080;
  padding: 5px;
  margin-top: 5px;
  margin-right: 10px;
}