/* global styles */
html, body
{ 
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;

  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

a
{
  text-decoration: none;
  color: #000;
}

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

h1
{ 
  margin: 0;
  padding: 26px 0 13px 0;

  font-size: 22px;
  font-weight: normal;

  color: #628e99;
}

h1 a, h1 a:hover { color: #628e99; }

h2
{ 
  margin: 0;
  padding: 1em 0 0 0;

  font-size: 11px;
  font-weight: bold;
  line-height: 13px;

  color: #628e99;
}

h3
{ 
  margin: 0;
  padding: 6px 0 0 0;

  font-size: 11px;
  font-weight: normal;

  color: #628e99;
}

p
{ 
  margin: 1em 0 0 0;
  padding: 0;
}

ul {
     margin-top: 0;
     padding-top: 0;
}

div.hh
{
  font-size: 5px;
  line-height: 5px;
}

/* layout styles */
#layout
{ 
  margin: 0;
  padding: 0;

  width: 780px;
}

.homepage#layout
{ 
  background-color: #fff;
} 


/* header styles */
#header
{
  background-color: #86acb5;
  width: 780px;
  height: 78px;

  margin: 0;
  padding: 0;
}

#header #logo
{ 
  padding: 13px 0 0 26px;
  float: left;
}

/* language nav */
#langnav
{ 
  float: right;

  margin: 12px 17px 0px 0px;
}

#langnav ul
{
  margin: 0;
  padding: 0;
}

#langnav li
{
  float: left;

  /* width/height of each menu item */
  line-height: 21px;
  white-space: nowrap;

  /* no bullets, no wrapping, text alignment within menu item */
  list-style: none;
  text-align: center;

  margin: 5px;
}

#langnav li#current
{
  background-color: #5a8791;
}

#langnav a
{
  display: block;
  float: left;
  padding: 0.2em 2em;
  
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;

  color: #e6edbf;

  width: .1em; /* fix bug in IE/Win - MoreMeyer p164 */
}
html>body #langnav a { width: auto; } /* fixes IE6 hack, MoreMeyer p164 */
/* Commented backslash hack hides rule from IE5-Mac (MoreMeyer p164) \*/
#langnav a { float: none; } /* End IE5-Mac hack */

#langnav li#current a
{
  color: #fff;
}

#langnav li a:hover
{
  text-decoration: underline;
  background-color: #5a8791;
}

/* top nav styles */
#topnav
{
  /* margin: -11px 0 54px -11px; */
  margin: 0;
  padding: 0;

  border-top: 1px solid #d5dcaf;
  border-bottom: 1px solid #d5dcaf;

  height: 26px;
  background-color: #4f4f4f;
  width: 780px;

}

#topnav ul
{
  margin: 0;
  padding: 0;
}

#topnav li
{
  float: left;

  /* width/height of each menu item */
  line-height: 26px;
  white-space: nowrap;

  /* no bullets, no wrapping, text alignment within menu item */
  list-style: none;
  text-align: center;
}

#topnav a
{
  display: block;
  float: left;
  padding: 0 1.4em 0 1.4em;
  
  text-decoration: none;

  /* menu item border and colors */
  border-left: 1px solid #d5dcaf;

  background-color: #4f4f4f;
  color: #fff;

  width: .1em; /* fix bug in IE/Win - MoreMeyer p164 */
}
html>body #topnav a { width: auto; } /* fixes IE6 hack, MoreMeyer p164 */
/* Commented backslash hack hides rule from IE5-Mac (MoreMeyer p164) \*/
#topnav a { float: none; } /* End IE5-Mac hack */

#topnav li:first-child a
{
  border: 0;
}

#topnav #current a
{
  color: #ff8550;
}

#topnav a:hover
{
  text-decoration: underline;
  color: #ff8550;
}

/* tools nav */
#toolsnav
{
  display: none; /* don't show the tools nav on the homepage */
}

/* homepage feature */
.homepage#layout #feature
{
  margin: 0;
  padding: 0;

  width: 780px;
  height: 330px;

  background: #fff url(/images/homepage_feature.jpg) top left no-repeat;
}

.homepage#layout #feature a
{
  padding: 0;
  margin: 0;

  line-height: 0;
  height: 0;
}

.homepage#layout #feature h1 {
                               margin: 0;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 18px;
                               line-height: 24px;
                               letter-spacing: 1px;
                               font-weight: bold;
                               color: #fff;
}

.homepage#layout #feature h2 {
                               margin: 0;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 30px;
                               line-height: 36px;
                               letter-spacing: 1px;
                               font-weight: bold;
                               color: #fff;
}

.homepage#layout #feature h3 {
                               margin: 0 0 1em 4.5em;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 20px;
                               line-height: 24px;
                               letter-spacing: 1px;
                               font-weight: bold;
                               color: #d5dcaf;
}

.homepage#layout #feature h4 {
                               margin: 0 0 1em 0;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 16px;
                               line-height: 20px;
                               font-weight: bold;
                               color: #fff;
}

.homepage#layout #feature h5 {
                               margin: 0 0 1em 0;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 16px;
                               line-height: 18px;
                               font-weight: bold;
                               color: #d5dcaf;
}

.homepage#layout #feature h6 {
                               margin: 0 0 1em 0;
                               padding: 0;

                               font-family: Arial,Helvetica,sans-serif;
                               font-size: 18px;
                               line-height: 22px;
                               font-weight: bold;
                               color: #fff;
}

.homepage#layout #feature h6 a {
                                 color: #fff;                                 
}

.homepage#layout #feature-inner {
                                  margin: 0;
                                  padding: 40px 0 0 105px;

                                  width: 400px;
}

/* sidebar */
.homepage#layout #contact
{
  margin: 0;
  padding: 10px 20px 10px 106px;

  line-height: 16px;
  width: 654px;
  background-color: #d5dcaf;
}

#layout #sidebar
{
  float: left;

  margin: 0;
  padding: 0 0 0 25px; /* 25px instead of 26px for MSIE/Mac */
  
  width: 204px;
}

#layout #sidebar img
{
  margin: 26px 0 0 0;
  padding: 0;
}

#layout #sidebar #contact
{ 
  line-height: 16px;
}

#layout.default #sidebar #contact
{ 
  margin: 26px 0 0 0;
}

/* sidenav */
.homepage#layout #sidenav
{
  display: none; /* don't show the sidebar on the homepage */
}

#sidenav
{ 
  margin: 65px 0 0 0;

  width: 208px;
}

#sidenav ul
{
  margin: 0;
  padding: 0;
}

#sidenav li
{
  float: left;

  line-height: 14px;

  /* no bullets, no wrapping, text alignment within menu item */
  list-style: none;
}

#sidenav a
{
  float: left;
  display: block;

  margin: 0;
  padding: 6px 19px 6px 19px;

  border-right: 1px solid #000;
  border-left: 1px solid #000;

  text-decoration: none;

  background-color: #edf0da;
  color: #4f4f4f;

  width: 168px;
}

/* #sidenav li:first-child a -- doesn't work on MSIE */
#sidenav li.first a
{
  background-color: #d5dcaf;
  font-weight: bold;

  border-bottom: 1px solid white;
  border-top: 1px solid #000;
  border-left: 1px solid #000;

  background: #d5dcaf url(/images/sidenav_header_bg.gif) top left no-repeat;
}

/* #sidenav li:last-child a -- doesn't work on MSIE */
#sidenav li.last a
{
  border-bottom: 1px solid #000;
  padding-bottom: 12px;
}

#sidenav li.current a
{
  color: #5a8791;
  font-weight: bold;
}

#sidenav a:hover
{
  text-decoration: underline;
}


/* content styles */
#layout #content
{
  float: right;

  margin: 0;
  padding: 0 26px 0 26px;

  width: 494px;
}

/* homepage-specific content styles */
.homepage#layout #content
{
  margin: 0;
  padding: 0;
  width: 780px;

  color: #414141;
}

.homepage#layout #content a
{
  color: #414141;
}

#content-video
{ 
  margin: 13px 0;
  padding: 0;

  width: 495px;
}

/* footer */
#footer
{
  clear: both;

  margin: 0;
  padding: 26px 0 0 26px;

  color: #ababab;
}

.homepage#layout #footer
{
  margin: 0;
  padding: 0;

  color: #ababab;
}

.homepage#layout #footer a
{
  color: #414141;
}

#footer a
{
  color: #000;
}

/* faq */
ol.faq li
{ 
  margin: 0 0 13px 0;
}

ol.faq div.q
{ 
  font-weight: bold;
}

div#bio h1
{ 
  padding: 26px 0 0 0;
}

div#bio h2
{ 
  padding: 0 0 1em 0;
}

/* BEGIN: form styles */
.frmButton { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; background-color: #86acb5; height: 25px; width: 200px; }
.frmField { position: relative; }
.frmLabel { font-size:10px; }
.frmLabelReqd { font-size:10px; font-weight: bold; }
.frmLabelError { font-size:10px; color: maroon; }
.frmLabelReqdError { font-size:10px; font-weight: bold; color: maroon; }
.frmError { font-size: 10px; color: maroon; font-weight: bold; }
.frmErrorTitle { margin-bottom: 1em; font-size: 12px; color: maroon; font-weight: bold; }
.mailingList { padding: 0px; spacing: 0px; border: 1px; }
.frmText { font-size:10px; }
.frmTextError { font-size:10px; background-color: #ffcccc; }

.frmSelect	{ font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.frmSelectError	{ font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffcccc; }

.frmCk		{ font-family: Verdana, Arial, sans-serif; font-size: 11px; }

.frmTextArea	{ font-family: Verdana, Arial, sans-serif; font-size: 11px; scrollbar-arrow-color: #061340; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #dddddd; }
.frmTextAreaError	{ font-family: Verdana, Arial, sans-serif; font-size: 11px; scrollbar-arrow-color: #061340; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #dddddd; background-color: #ffcccc; }

/* END: form styles */