body {
  background: #3399cc;
  color: #000;
  margin: 0;
  padding: 0;
}
p {
	color: #333333;
	letter-spacing: 0.09em;
	margin: 14px;
	text-align: left;
	font: 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
p.nomarg {
	color: #333333;
	letter-spacing: 0.09em;
	margin: 14px 14px 14px 4px;
	text-align: left;
	font: 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
}

a {
  color: #a89189;
  text-decoration: none;
  text-transform: uppercase;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a.altlink {
  color: #060;
  line-height: 22px;
  vertical-align: middle;
  text-decoration: underline;
}
a.altlink:hover {
  color: #000;
  line-height: 22px;
  vertical-align: middle;

  text-decoration: underline;
}
.clear {
  clear: both;
  width: 1px;
  height: 1px;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
div#top-black {
   background: #bbdaf3;
   height: 15px;
   width: 100%;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #ffffff;
}
div#top-black-2 {
   background: #bbdaf3;
   height: 15px;
   width: 100%;
   margin: 0;
   padding: 0;
   border-top: 1px solid #ffffff;
}
div#wrapper {
  width: 768px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
div#wrapper #header {
   background: #fff url(/images/header-bg.jpg) no-repeat right;
  height: 200px;
  width: 768px;
  margin: 0;
  padding: 0;
}
div#wrapper #header #header-text {
  height: 128px;
  width: 700px;
  float: left;
  font: 0.8em/1.6em Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  letter-spacing: 0.09em;
}
div#wrapper #header h1 {
    margin:0; 
	padding:14px 0 0 10px; 
    font-size: 2.4em;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;             
    text-align:left;
	color: #ffffff;
	letter-spacing: 0.09em;

}
div#wrapper #header h1 span {color: #FFFA82; }

div#wrapper #header .description {
   font-family: arial, helvetica;
   color: #FFF;
   font-size: 1.0em;
   padding: 6px 0 0 16px;
   letter-spacing: 2px;
}
div#wrapper #navbar {
  background: #abcbe7;
  width: inherit;
  height: 26px;
  display: block;
}
#navcontainer
{
width: 100%;
height: 26px;
float: left;
background-color: #abcbe7;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li {
display: inline;
}

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
height: 21px;
}

#navcontainer ul li a
{
font: bold 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
background-color: #abcbe7;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #3399cc;
height: 21px;
padding: 10px 10px 6px 10px;
}

#navcontainer ul li a:hover
{
font: bold  0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
background-color: #abcbe7;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #3399cc;
height: 21px;
padding: 10px 10px 6px 10px;
}

#navcontainer a:active
{
background: #abcbe7;
color: #000;
padding: 6px 10px 6px 10px;
}

#navcontainer li#active a
{
background: #abcbe7;
color: #000;
padding: 10px 10px 6px 10px;
}


div#wrapper #col-1 {
  width: 240px;
  float: left;
  margin: 0;
  border-right: 0px dashed #000;
}
div#wrapper #col-1 #col-1-content {
  margin: 10px 5px;
}
div#wrapper #col-1 .centerimg {
  text-align: center;
  padding: 2px;
  border: 1px solid #060;
}
div#wrapper #col-1 .caption {
  text-align: center;
  color: #003366;
  font-size: 0.9em;
  font: 0.6em/1.6em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.09em;
}
div#wrapper #col-2 {
  width: 527px;
  float: left;
  margin: 0;
}
div#wrapper #col-2 #col-2-content {
  margin: 10px 5px 15px 5px;
}
div#wrapper #col-2 #col-2-content p {
	color: #333333;
	letter-spacing: 0.09em;
	margin: 0 0 10px 0;
	text-align: left;
	font: 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
	text-align: justify;
}
div#wrapper #col-2 #col-2-content h1 {
   padding: 0 0 4px 0;
   border-bottom: 1px solid #060;
   font: 1.6em verdana, sans-serif;
   margin: 2px 0 0 2px;
   line-height: 16px;
   color: #4a5e43;
}
div#wrapper #col-2 #col-2-content h2 {
   height: 15px;
   margin: 0 5px 5px 5px;
   padding: 0;
   font: 0.9em verdana, sans-serif;
   color: #060;
}
div#wrapper #col-2 #col-2-content h3 {
   height: 20px;
   margin: 0 5px 0 0;
   padding: 0;
   font: 1.3em verdana, sans-serif;
   color: #060;
}
div#wrapper #col-2 #col-2-content h4 {
   height: 15px;
   margin: 0 5px 2px 0;
   padding: 0;
   font: 0.9em verdana, sans-serif;
   color: #060;
}
div#wrapper #col-2 #col-2-content .floatright {
   float: right;
   padding: 2px;
   border: 1px solid #060;
   margin: 0 0 0 10px;
}
.critic {
   color; #a89189;
}
div#wrapper #col-2 #col-2-content em {margin:0; padding: 0;}

div#footer {
  width: 768px;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.09em;
  font: 0.6em Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  clear: all;
  line-height: 1.5em;
  margin-top: 10px;
  margin-bottom: 10px;
}
div#footer a {
  color: #000000;
}
div#footer a:hover {
  color: #666666;
}