body {
  font-family:verdana;
  font-size:12px;
  text-align:center;
  height:100%;
  padding:0px;
  margin:0px;
  background: #0671E3 url(/img/back2.jpg) repeat-y;
  background-position: center top;
  scrollbar-face-color: white;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-3dlight-color: white;
  scrollbar-darkshadow-color: white;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-arrow-color: #C0C0C0;
  scrollbar-track-color: white;
}

html {
  font-family:verdana;
  font-size:12px;
  text-align:center;
  height:100%;
  padding:0px;
  margin:0px;
}

h1 {
  font-family: "Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size:26px;
  color:#0371E2;
  margin-bottom:-12px;
}

h2 {
  font-size:14px;
  color:#777788;
  text-align:left;
}

h3 {
  font-size:13px;
  color:#777788;
  font-weight:bold;
}

big {
  font-size:14px;
  color:#777788;
  font-weight:bold;
}

span.small {
  font-size:10px;
  text-align:left;
}

a:link {
  text-decoration:none;
  color:#0000aa;
}
  
a:visited {
  text-decoration:none;
  color:#0000aa;
}
  
a:hover {
  text-decoration:none;
  color:black;
}

a.top:link {
  text-decoration:none;
  color:#0000aa;
}
  
a.top:visited {
  text-decoration:none;
  color:#0000aa;
}
  
a.top:hover {
  text-decoration:none;
  color:white;
}



a.green:link {
  text-decoration:none;
  color:#709655;
}
  
a.green:visited {
  text-decoration:none;
  color:#709655;
}
  
a.green:hover {
  text-decoration:none;
  color:black;
}

table {
  text-align:left;
}

div.frame {
  border:#cccccc solid 1px;
  text-align:left;
  padding:5px;
  background:#fafafa;
}

div.main {
  text-align:left;
  height:auto;
  width:954px;
  background:white url(/img/mainback.jpg) repeat-y;
  background-position: right top;
  margin:0px auto;
  padding:0px;
}

div.top {
  background: url(/img/backtop.jpg);
  text-align:left;
  font-size:10px;
  height:136px;
  width:960px;
}

div.navi {
  text-align:left;
  height:15px;
  width:396px;
  margin-top:106px;
  padding-left:10px;
  float:left;

}

div.login {
  height:50px;
  width:190px;
  border:none;
  margin-top:20px;
  float:right;

}

div.content {
  height:auto;
  width:716px;
  height:100%;
  background:white;
  float:left;
  }

div.sidebar {
  width:238px;
  height:100%;
  background:#BAFA8C;
  float:right;
  top:135px;
}

div.signin {
  height:20px;
  background:url(/img/greenarrow.gif) no-repeat;
  background-position:center right;
  width:140px;
  margin-top:3px;
  padding:0px;
}

div.header {
  background:#EEEEFE;
  height:171px;
}

div.footer {
  padding:10px;
  line-height: 14pt;
  color:888899;
  font-size:8pt;
  background:#EEEEFE;
  height:80px;

}

div.text {
  padding:10px;
  line-height: 14pt;
  color:777788;
  font-size:8pt;
  background:white;
  height:auto;
  text-align:justify;

}

div.topic {
  margin-top:25px;
  padding-left:16px;
  padding-top:2px;
  background: url(/img/greenback.jpg);
  height:21px;
  color: white;
  font-size:13px;
  font-weight:bold;
}

div.ongreen {
  padding-left:70px;
  padding-top:12px;
  padding-right:5px;
  font-size:10px;
  color:#709655;
}

div.step {
  display:inline;
  }

div.steptext {
  background-color:#eeeeee;
  border:gray solid 1px;
  padding:5px;
  display:none;
  margin-top:-1px;
}  

div.step a:link{
background-color:#eeeeee;
  border:gray solid 1px;
  border-bottom: none;

  margin-bottom:-5px;
  margin-right:-1px;
  text-align:center;

  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  padding-bottom:2px;
  width:50px;
  background-color:#eeeeee;
}

div.step a:visited{
background-color:#eeeeee;
  border:gray solid 1px;
  border-bottom: none;

  margin-bottom:-5px;
  margin-right:-1px;
  text-align:center;

  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  padding-bottom:2px;
  width:50px;
  background-color:#eeeeee;
}

div.step a:active{
background-color:#eeeeee;
  border:gray solid 1px;
  border-bottom: none;

  margin-bottom:-5px;
  margin-right:-1px;
  text-align:center;

  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  padding-bottom:2px;
  width:50px;
  background-color:#eeeeee;
}


div.step a:hover{
  padding-left:8px;
  padding-right:8px;
  padding-top:2px;
  padding-bottom:2px;
  width:50px;

   background-color:white;
}




iframe {
  width:372px;
  height:480px;
  border:#88ABDB solid 1px;
  padding:0px;
  text-align:center;
}


#topic1 {
  background: url(/img/bfly.jpg) no-repeat;
  background-position: 10px 20px;
}

#topic2 {
  background: url(/img/brain.jpg) no-repeat;
  background-position: 10px 20px;
}

#topic3 {
  background: url(/img/custom.jpg) no-repeat;
  background-position: 10px 5px;
}

form.styler {
  margin-top:0px;
}


img {
  margin:0px;
}

img.inline {
  margin-right:8px;
}

img.gallery {
  border:#dddddd solid 1px;
  margin:5px;
}

input.form {
  border:#7F9DB9 solid 1px;
  width:300px;
  color:black;
}

textarea {
  border:#7F9DB9 solid 1px;
  width:300px;
  color:black;
}


input.slim {
  border:#00bb00 solid 1px;
  width:110px;
  height:17px;
  font-size:14px;
  color:#aaaaaa;
  margin:0px;
}

ul.nav {
  margin:0px;
  padding:0px;

}

li.nav {
  float:left;
  list-style-type:none;
  margin:0px;
  padding:0px;
  margin-right:15px;
  text-indent:0px;
 
}

#navlist ul {
  text-align:left;
  font-size:8pt;
  width:238px;
  margin: 0px;
  padding:0px;
  padding-top:14px;
  list-style-type: none;
}

#navlist li {
  font-size:8pt;
  margin-top: -1px;
  margin-left:0px;

}
#navlist a {
  display: block;
  padding: none;
  border: 1px solid;
  border-color: #AFEB84 #BAFA8C #AFEB84 #BAFA8C;
  border-right:none;
  border-left:none;
  background-color: #BAFA8C;
  font-size:8pt;
}

#navlist a:link, #navlist a:visited {
  color: #709655;
  text-decoration: none;
  height:12px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:16px;
  font-size:8pt;
}

#navlist a:hover, #navlist a:active {
  background-color: #AFEB84;
  color: #709655;
  border-color: #AFEB84 #BAFA8C #AFEB84 #BAFA8C;
  font-size:8pt;
}