/* CSS Document */

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

body{
background-color:#fff;
text-align:center;
font-size:80%;
background-image:url(images/body2.png);
background-repeat:repeat-y;
background-position:center;}

#page {
  position: relative;

  padding:0 0 30px 0;
  margin:0;
}
* html #page {

}
#footer {
padding:10px 10px 10px 30px;
border-top:1px solid black;
text-align:left;
margin:0;
  }

#wrapper{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:26px;
}
/*------------top ------------*/
#top
{

height:89px;
background-color:#00CC00;
position:relative;
padding: 10px 10px 10px 10px;
border-bottom:1px solid black;
}
#topimg{
display:none;
}
#toptext{
position:absolute;
width:700px;
height:88px;
display:block;
left:0px;
top: 0px;
z-index:5;
overflow:hidden;
padding:0 30px;

}
#toptext h1{
font-size:24px;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#Fff;
margin:0;
padding:20px 10px 0 0px;
}
#toptext em
{font-size:12px;
margin:0;
padding:0;
font-variant:small-caps;
font-style:normal;
color:#fff;
padding:0px 10px 0 0px;}




/* ----------------------menu----------*/
#menu{
display:none;

}

/*------------------ CONTENT ---------------------*/
#content{
margin:20px 100px 20px 30px; }
#content h1{
font-size: 1.3em;
color:#395616;}
#content h2{
font-size: 1.1em;
color:#395616;}
#content h3{
font-size: 1.0em;
color:#395616;}
#content p{
text-align:justify;
color:#888;
margin:0 20px 1em 0;
padding:0;
line-height:1.2em;}
#content ul,ol {
list-style:none;
color:#888;}

a:link{
text-decoration:underline;
color:#0066FF;
}
a:visited{
text-decoration:underline;
color:#0066FF;
}
a:hover{
text-decoration:none;
color:#0066FF;
}
a:active{
text-decoration:none;
color:#0066FF;
}

div.clexample {
background-color:#E9FDDB;
padding: 4px 0 4px 20px;
margin: 0 20px 1em 40px;
border-left:2px solid #16C91F;
}
/*-------------- table -------------*/
#content .cltable{
color:#666;
width:100%;
margin-top:5px;
margin-bottom:2em;
margin-right:20px;
}
#content div.cltable table{
width:100%;
color:#666;
font-size:100%;
line-height      : 1.2em;
margin           : 0px;
padding          : 0px;
border-top       : 1px solid #16C91F;
border-bottom    : 1px solid #16C91F;
}
#content div.cltable caption{
color:#666;
padding:2px 2px 4px 2px;
font-weight:bold;
text-align:left;}

#content div.cltable th{
color:#666;
font-weight:bold;

background-color:#E9FDDB;
padding:2px 2px 2px 10px;
margin:2px;
font-weight:bold;}

#content div.cltable td{
color:#666;
background-color:#E9FDDB;
padding:5px 5px 5px 10px;
margin:2px;}


/*----------forms ------- */
label{
display:block;
color:#888;

}
input{
display:block;
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#E9FDDB;}
select{
display:block;
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#E9FDDB;}
textarea{
margin:2px 0 10px 0;
border: 1px solid #888;
background-color:#E9FDDB;}
.redLabel{
font-weight:bold;
color:#F45011;}

/* ------------------- Hide items --------------*/
#hideblock{
display:none;
border:1px solid #888;
background-color:#eee;
color:#F9481C;
padding:10px;
}
/*------------------ simple ----------*/
.bold{
font-weight:bold;}
.small{
width:100px;}
.topalign{
vertical-align:top;}