
body {


background:#fff;
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
margin:0 auto;
padding:0;
}

h1 {
color:#99CC99;
font-size:4.2em;
letter-spacing:-5px;
margin:0 0 30px 5px;
}


h1 a {
color:#99CC99;
text-transform:none;
}


h2 {
border-bottom:2px solid #dadada;
color:#99CC99;
font-size:1.4em;
letter-spacing:-1px;
margin:0 0 10px;
padding:0 2px 2px 5px;
}


h3 {
border-bottom:2px solid #dadada;
color:#99CC99;
font-size:1em;
font-weight:700;
margin:0 0 10px;
padding:0 2px 2px 5px;
}


a {
color:#21AF21;
font-weight:700;
text-decoration:none;
}


a:hover {
text-decoration:underline;
}


a img {
border:0;
}


a.selected {color:#000000;}


p {
margin:0 0 18px 10px;
}


ul,ol,dl {
font-size:0.96em;
margin:2px 0 16px 35px;
}


ul ul,ol ol {
margin:4px 0 4px 35px;
}


#container {
color:#404040;
background:#fff;
margin:32px;
padding:0;
/*width:970px; */
}


#header {
margin:0;
}


#topline {
font-size:0.8em;
padding:5px 2px 2px 3px;
text-align:right;
}


#subtitle {
color:#99E699;
font-size:1.5em;
font-weight:700;
letter-spacing:-1px;
line-height:1.2em;
margin:15px 0 20px 5px;
}


#navibar {
float:left;
line-height:1.4em;
margin:0 0 1px;
padding:1px 0 0;
width:195px;
height:650px;
background:#EBFAEB;
border:1px solid #dadada;
}


#navibar p {
font-size:0.85em;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}


#navibar ul {
font-size:0.9em;
list-style:none;
margin:0;
padding:10px 10px 15px 10px;
}


#navibar li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#navibar li a {
font-size:1.2em;
font-weight:700;
padding:2px;
}


#navibar ul ul {
line-height:1.5em;
margin:4px 0 3px 15px;
padding:4px 0 2px 0;
}


#navibar h2 {
margin:3px 0 8px;
}


#content {
float:right;
line-height:1.5em;
margin:0;
padding:0;
text-align:justify;
width:750px;
background:#fff;
}



#content h3 {
margin:10px 0 8px;
}


#footer {
/*border-top:1px dashed #dadada; */
clear:both;
color:gray;
font-size:0.8em;
line-height:1.2em;
margin:0 auto;
/* padding:8px 0; */
text-align:left;
}


#footer p {
margin:0;
padding:0;
}


#footer a {
color:#808080;
}


#agb{
font-size:0.76em;
line-height:1.3em;}


#agb h1{font-weight:300;}


.box a {
color:gray;
}


.left {
float:left;
margin:0 15px 4px 0;
}


.right {
float:right;
margin:0 0 4px 15px;
}


.clear {
clear:both;
}


.pic {
background:#fff;
border:0px ;
margin:6px;
padding:2px;
}


