body {
  background-color: #003366;
  margin: 0;
  padding: 0;
}

#header {
  width:  730px;
  margin: 0 auto 0 auto;
  color:  white;
  border-bottom: 15px solid white;
}

#header p {
  margin: 10px 0 0 0;
  font:  normal 18pt arial;
  color: white;
  letter-spacing: 6px;
}

#header h1 {
  margin: 2px 0 12px 0;
  font:  normal 11pt arial;
  color: white;
}

#main {
  width:100%;
  background-color: #ffff99;
}

#fixed {
  width:730px;
  margin: 0 auto 0 auto;
  background-color: white;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  min-height: 350px;
  height: auto !important;
  height: 350px;
}

#content {
  margin: 0 15px 0 15px;
  background-color: white;

}

#leftnav {
  float: left;
  width: 160px;
  margin: 20px 0 0 0;
  padding: 10px;
  background-color: #ffff99;
  border: 1px solid #cccccc;
}

#text {
  padding: 20px 0 20px 0;
  background-color: white;
  margin: 20px 0 0 200px;
  
}


#footer {
  width:      730px;
  margin:     0 auto 0 auto;
  color: white;
  border-top: 15px solid white;
  text-align: center;
}

#footer a, #footer a:active, #footer a:visited, #footer a:hover, #footer a:link {
  color: white;
  text-decoration: none;
}

#clear {
  clear: both;
}

img.header {
  border: 1px solid #cccccc;

}

p.center {
  text-align: center;
}
h2 {
  font:  bold 13pt arial;
  margin: 0px 0 10px 0;
  color: #003366;
} 
h3 {
  font:  bold 12pt arial;
  margin: 0px 0 10px 0;
  color: #003366;
} 
h4  {
  font:  bold 11pt arial;
  margin: 0px 0 10px 0;
  color: #003366;
} 


p, li, td, th {
  font:  normal 10pt arial;
}

p {
  text-align: left;
}

a, a:link, a:visited, a:active, a:hover {
  font:  normal 10pt arial;
  text-decoration: underline;
  color: #003366;
}
a.bold, a.bold:link, a.bold:visited, a.bold:active, a.bold:hover {
  font:  bold 10pt arial;
 }

ul {
  list-style: square;
  margin: 0;
  padding: 0 0 0 25px;
}

table {
  border: 0;
}

table tr:hover {
  background-color: #dddddd;
}

table th  {
  border: 1px solid #999999;
  font-weight: bold;
  margin: 0;
  padding: 1x;
}


table td {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 0;
}

/* Menu */



#navcontainer ul
{
padding-left: 0;
margin: 0;
background-color: #003366;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
text-align: right;
border-right: 1px solid #003366;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #003366;;
color: White;
text-decoration: none;
float: right;
border-left: 1px solid #fff;
}

#navcontainer li.slogan
{
padding: 0.2em 1em;
font-weight: bold;
float: left;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}


#leftnav h2 {
  margin: 0;
  padding: 0;
  font:  small-caps bold 10pt arial;
  color: #369;
}

#leftnav h2 a, #leftnav h2 a:active, #leftnav h2 a:visited, #leftnav h2 a:hover, #leftnav h2 a:link {
  font:  small-caps bold 10pt arial;
  color: #003366;
  text-decoration: none;
}

#leftnav h2 a:after  { content: " »"; } 


#leftnav ul {
  margin: 0 0 10px 15px;
  padding: 0;
  font:  normal 9pt arial;
  color: #003366;
}

#leftnav li {
  padding: 0;
  list-style-image: url('../images/right_arrow.gif');
}
#leftnav li.current {
  list-style-image: url('../images/arrow.gif');
  font: bold  9pt arial;
}

#leftnav li.current1 {
  color: #369;
  font: bold  9pt arial;
}


#leftnav ul a, #leftnav ul a:active, #leftnav ul a:visited, #leftnav ul a:hover, #leftnav ul a:link {
  font:  normal 9pt arial;
  color: #003366;
  text-decoration: none;
}

/* #leftnav ul a:before  { content: " »"; }  */


/* HP */

.hpleft {
  width: 48%;
  float: left;
}

.hpright {
  width: 48%;
  float: right;
}

.hpleft p, .hpright p {
  font:  normal 13px arial;
  min-height: 113px;
  height: auto !important;
  height: 113px;
}

.hpleft p.intro {
  color: #003366;
}

.hpleft div, .hpright div {
  height: 83px;
  background-repeat: no-repeat;
  background-position: top right;
}

.hpleft h2, .hpright h2 {
  font:  normal 15px arial;
  line-height: 18px;
  margin:  43px 0 0 3px;
  float: left;
}

.hpleft a, .hpleft a:active, .hpleft a:visited, .hpleft a:hover, .hpleft a:link,
.hpright a, .hpright a:active, .hpright a:visited, .hpright a:hover, .hpright a:link 
{
  color: #000000;
}

.box01 { background-image: url('../images/box01.jpg');  }  
.box02 { background-image: url('../images/box02.jpg');  }  
.box03 { background-image: url('../images/box03.jpg');  }  
.box04 { background-image: url('../images/box04.jpg');  }  
.box05 { background-image: url('../images/box05.jpg');  }  
.box06 { background-image: url('../images/box06.jpg');  }  

pre.code {
  font-size:      8pt;
  border: 1px dotted #aaaaaa;
  padding: 10px 2px 10px 2px;
  overflow: auto;
}