/*
 * use ie6.css to get the footer right in ie6
 * 
 * green 1: #79be27
 */


* {
  font: 11pt arial,helvetica,sans-serif;
}

html, body {
  height: 100%;
  color: #111;
}

  
body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  background: #87be46 url(images/bg-green-dots.png) repeat-x 0 -20px;

  background: #fff url(images/bg-green-gradient.jpg) repeat-x 0 -20px;
  background: #ccc;
  background: #fff url(images/bg-edge.jpg) repeat-x 0 -20px;
  color: #444;
}


div#outerContainer {
  width: 800px;
  margin-left: auto;
  margin-right: auto;

  position: relative;
  min-height: 100%; /* needed for footer */
  margin-bottom: -21px;  /* needed for footer */

  /* shadow */
  border-width: 0 1px 0 1px;
  border-color: #aaa;
  border-style: solid;
  border: 0px solid red;

  /* background: white; */
  background: white url(images/shade.png) repeat-x 0 -20px;
  background: white;
  background: #fff url(images/edge.jpg) repeat-x 0 -20px;
}

div#top {
  position: relative;
  top: 20px;
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px; 
  height: 128px;
  text-align: left; 
  width: 100%;
}

img#logo { top: 0; float: left; margin: 20px 0 0 60px;}
div#menuContainer {position: absolute; text-align: right; right: 40px; top: 35px;}
div#sitename {
  font-weight:normal;
  font-size:18pt;
  letter-spacing:1pt;text-align: right; 
  float: left;
  margin-left: 20px; 
  margin-top: 30px;
}

div#content {text-align: left; 
  padding: 130px 210px 40px 150px;

}

/*
 * footer (see http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/)
 * This needs to go into the html doc for ie6 compatibility:
 * 
 *   <!--[if lt IE 7]>
 *     <link rel="stylesheet" type="text/css" href="ie6.css" />
 *   <![endif]-->
 */

div#footer {
  height: 21px;             /* also occurs in clearfooter height and outerContainer margin-bottom */
  position: relative;
  text-align: center; 
  width: 100%; 
  margin-bottom: 0;
}

#footer a, div#footer {color: #999;   font-size: 8pt;}


#clearfooter {
   height: 21px; /* same as footer height */
   clear: both;
}



td {vertical-align: top;}
h1,h2,h3 {color:black;font-weight:bold;margin-bottom:6px;}
h4{font-weight:bold; color: gray; margin-bottom:5pt;}



ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 2px;margin-left: 0;list-style: none;}



form{margin:0;}

img{border:0;}
#content li {list-style: square inside; margin-left: 0;}
#content ul {margin-left: 0; padding-left: 1em;}

#content img {border: 1px solid #DDDDDD;}


a{color: #69f; text-decoration:none;font-weight:normal;}
a:link,a:visited,a:active{color:#69f;text-decoration:none;}
a:hover{color:#69f;text-decoration:underline;}

.menulevel1 li, .menulevel1 li a {font-size: 11pt; }

.menulevel1 ul {padding-left: 0; margin-left: 0; display: inline;}
.menulevel1 li {padding: 0 0 0 0; margin: 0 30px 0 0; color: gray}

.menulevel1 li a, .menulevel1 a:visited, menulevel1 a:link {
  color: gray; text-decoration: none;
}
.menulevel1 li {
  list-style: none; 
  display: inline; 
  padding: 0.5em 0 0.5em 0; 
  color: gray; text-decoration: none;  
  border-width: 0 0 0px 0; border-style: dashed; border-color: #aaa;

}
.menulevel1 li.sdoc, .menulevel1 li.sdocs {
  color: #69f; 
  list-style: square inside;
}


.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:9pt;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;color:black;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}
.submenu{font-size:9pt;}
.submenu a{font-weight:normal;color:#69f;}
.submenu a:link,.submenu a:visited{color:#69f;}
.submenu a:active,.submenu a:hover{color:#69f;}
.search a{font-weight:normal;color:black;}
.search a:link,.search a:visited{color:black;}
.search a:active,.search a:hover{color:black;}
.locator{font-size:8pt;color:white;}
.locator a{font-weight:normal;text-decoration:underline}
.locator a:link,.locator a:visited,.locator a:active,.locator a:hover{color:white;}
.menu{font-weight:normal;font-size:8pt;color:white;}
.menu a{text-decoration:underline;color:white;}
.menu a:link,.menu a:visited,.menu a:active,.menu a:hover{color:white;}
.login{font-weight:normal;font-size:9pt;color:white; background-color:white;text-decoration:none;}
.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{color:gray;font-weight:normal;text-decoration:none;}
.navigator{font-weight:normal;font-size:8pt;color:white;}
.navigator a:link,.navigator a:visited{color:gray;text-decoration:none;}
.navigator a:active,.navigator a:hover{color:white;text-decoration:none;}
.edit{font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}
input,select{font-size:8pt;}
textarea{font-family:arial,helvetica,sans-serif;font-size:8pt;background-color:white;width:98%;}
.searchbox .text,.searchbox .submit{border:2px solid #c0c0c0;background-color:white;}



#contactform  {text-align:left; float:left;border: 0px dashed #69f;}