  html
  {
  height: 100%;
  background: #1b252d;
  margin: 0px;
  padding: 0px;
  }
  
  a
  {
  text-decoration: none;
  color: white;
  }
  
  a:hover
  {text-decoration: underline;}
  
  body
  {
  margin: 0px;
  padding: 0px;
  background: white url('textGradientBG.gif') left top repeat-x;
  }
  
  .container
  {
  width: 1024px;
  margin: 0 auto;
  }
  
  #topBanner
  {
  display: block;
  height: 200px;
  width: 1024px;
  margin: 0 auto;
  }
  
  #middleBanner
  {
  display: block;
  width: 1024px;
  margin: auto;
  background: #181818 url('linksGradient.gif') left top repeat-x;
  border: 1px solid #bbbbbb; /*#6e6e6e*/
  color: white;
  line-height: 150px;
  text-align: center;
  font-size: 20px;
  height: 50px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  }
  
  #mainContent
  {
  display: block;
  min-width: 1024px;
  min-height: 500px;
  padding-top: 20px;
  color: #2c2c2c;
  font-size: 13px;
  font-family: 'Arial', 'Helvetica', 'sans-serif';
  }

  #mainContent .contentBlock
  {
  display: block;
  float: right;
  width: 700px;
  text-align: left;
  padding: 10px;
  padding-top: 0px;
  position: relative;
  min-height: 550px;
  }
  
  #mainContent:after
  { 
  content: "";
  display: block;
  height: 0;
  clear: both;
  }
  
  #mainContent .contentBlock a
  {
  color: #526877;
  text-decoration: underline;
  }
  
  #mainContent .contentBlock a:hover
  {
  color: #526877;
  text-decoration: none;
  }
  
  #navigation
  {
  display: block;
  min-width: 1024px;
  padding: 0;
  margin: 0px;
  background: url('logo4_color7.jpg') center top no-repeat;
  position: relative;
  z-index: 2;
  }
  
  #navigation ul
  {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  margin-right: 10px;
  float: right;
  margin-bottom: -1px;
  width: 1024px;
  }
  
  #navigation ul li 
  {
  display: inline;
  padding: 0;
  margin: 0;
  color: white;
  font-weight: normal;
  font-size: 24px;
  float: right;
  }
  
  #navigation ul li a
  {
  margin: 0px;
  display: block;
  padding: 5px 30px;
  color: #324b5c;
  text-decoration: none;
  font-weight: normal;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 8px;
  font-family: 'times new roman';
  font-weight: normal;
  border-bottom: none;
  text-align: center;
  }
  
  #navigation ul li a span
  {
  display: block;
  color: #425969;
  font-size: 12px;
  background: url('tabsBG2.gif') center top no-repeat;
  margin-top: 3px;
  padding-top: 8px;
  }
  
  #navigation ul li a:hover, #navigation ul li a.selected
  {
  border-bottom: 1px solid white;
  background: url('tabPointer2.gif') center bottom no-repeat;
  color: white;
  }
  #navigation ul li a:hover span, #navigation ul li a.selected span
  {
  color: #aeaeae;
  background: url('tabsBG3.gif') center top no-repeat;
  }
  
  #navigation:after
  { 
  content: "";
  display: block;
  height: 0;
  clear: both;
  }
  
  #navPush
  {
  height: 90px;
  }
  
  h1
  {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 1px dotted #324b5c;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  }
  
  h2
  {
  display: block;
  font-size: 14px;
  font-weight: bold;
  }
  
  p
  {
  margin-bottom: 20px;
  text-align: justify;
  }
  
  b
  {font-weight: bold;}
  
  ul.services
  {
  list-style: none;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
  }
  
  .services li
  {
  color: #4d4d4d;
  padding-bottom: 10px;
  margin-bottom: 20px;
  }
  
  .services li b
  {
  color: #2c2c2c;
  font-size: 14px;
  }
  
  ul
  {
  list-style-image: url('bullet.gif');
  }
  
  li
  {margin-bottom: 10px;}

  ul.projectList{
  list-style: none;
  position:relative;
  left:-2px;
  top:-2px;
  width: 650px;
  margin: 0px;
  padding: 10px 20px 10px;
  color: white;
  }
  
  ul.projectList li{
  border-bottom: 1px dotted white;
  line-height:1.4;
  margin:0 0 .5em 0;
  position:relative;
  width:100%;
  float:left
  }
  
  ul.projectList li span{
  background: #446983;
  float:right;
  position:relative;
  top:.2em;
  }
  
  ul.projectList li em{
  float:left;
  margin:0;
  position:relative;
  top:.2em;
  background: #446983;
  font-style:normal;
  } 

  ul.projectList:after
  { 
  content: "";
  display: block;
  height: 0;
  clear: both;
  }
  
  #bottomLinks
  {
  display: block;
  min-width: 1024px;
  padding: 0px;
  color: white;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  font-family: arial;
  line-height: 100px;
  background: #181818 url('linksGradient.gif') left top repeat-x;
  border-top: 1px solid #bbbbbb;
  }
  
  .sidenav
  {
	float: left;
	width: 240px;
	padding: 0;
	margin: 0;
  }
  
  .sidenav img
  {
  padding: 19px;
  background: white url('imgPattern.gif') left top;
  border: 1px solid #3b6683;
  }
  
  .sidenav ul
  {
	float: left;
	width: 240px;
	list-style: none;
	margin: 0px 10px 20px;
	padding: 0;
	font-size: 13px;
  }
  
  .sidenav ul li
  {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 250px;
  }
  
  .sidenav ul li a
  {
  padding: 10px 10px 10px 0px;
  color: #2c2c2c;
  text-decoration: none;
  width: 220px;
  position: relative;
  display: block;
  }
  
  .sidenav ul li a span
  {
  display: block;
  background: none;
  width: 220px;
  position: relative;
  left: 18px;
  }
  
  .sidenav ul li a:hover, .sidenav ul li a.selected
  {
  color: white;
  background: #324b5c;
  text-decoration: none;
  }
  
  .sidenav ul li a:hover span, .sidenav ul li a.selected span
  {
  cursor: pointer;
  background: url('leftLink_hover.gif') right center no-repeat;
  }
  
  #mainContent .contentBlock div.selected
  {
  display: block;
  }
  
  .projects
  {
  font-size: 16px;
  }
  
  #accordion
  {
  background: #446983;
  width: 690px;
  overflow: hidden;
  position: relative;
  border: 1px solid #324b5c;
  }
  
  #accordion a, #accordion a:link, #accordion a:visited
  {
  display: block;
  background: #324b5c url('projectListHover.gif') 14px center no-repeat;
  color: white !important;
  text-decoration: none;
  padding: 15px 30px 15px;
  font-size: 14px;
  width: 650px;
  position: relative;
  z-index: 2;
  }
  
  #accordion a:link:hover, #accordion a:visited:hover, #accordion a:hover
  {
  background: #3f5d72 url('projectListHover.gif') 14px center no-repeat;
  color: white;
  }
  
  #accordion a.selected,  #accordion a.selected:link, #accordion a.selected:hover, #accordion a.selected:visited, #accordion a.selected:visited:hover
  {
  background: #446983 url('projectListSelected.gif') 10px center no-repeat;
  color: #f0ee49 !important;
  font-weight: bold;
  }
  
  #accordion div.selected
  {
  display: block;
  width: 690px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  }