body, html { 
padding : 0px; 
margin : 0; 
} 
body { 
background : #3CCD33 url('gb.png') repeat;
text-align: left;
font : 70%/155% "trebuchet ms", sans-serif;
color : #178112; 
} 

#header {
width: auto;
height:514px;
background: transparent url('bgg.png') repeat-x;
margin: 0;
}

#content {
width: 610px;
padding: 5px 12px 12px 12px;
background: #DAFB55;
filter:alpha(opacity=55); 
opacity:0.55;
}

#side {
position: absolute;
width: 200px;
height: auto;
left: 644px;
background: #F7F53A;
filter:alpha(opacity=66); 
opacity:0.66;
}

.box1{
background: #F7F53A;
filter:alpha(opacity=55); 
opacity:0.55;
padding: 3px;
color: #39c22d;
}

.box2{
background: #39C22D;
filter:alpha(opacity=55); 
opacity:0.55;
padding: 3px;
color: #f7f534;
}


#footer {
clear:both;
border-top: 1px dashed #fff;
text-align:right;
background : transparent;
color: #fff;
padding: 3px;
height:auto;
}

#navigation {
width : auto;
text-align : left;
margin : 0 2px 2px 2px;
margin-top: -41px;
padding : 5px 5px 5px 0;
background: transparent;
margin-bottom: 8px;
} 

#navigation ul, #navigation li{
list-style: none;
display : inline;
} 

#navigation a:link, #navigation a:visited {
float : inherit;
font : 400 18px "Trebuchet MS", sans-serif;
color : #B5DA0A;
padding : 5px 20px;
text-shadow: #178112 1px 1px;
} 

#navigation a:hover {
color : #3CCD33;
text-decoration: none;
background: transparent;
} 


h1 {
background: transparent;
color: #7DA9DC;
font:18pt "trebuchet ms", sans-serif;
font-weight: normal;
text-align: justify;
margin: 0;
margin-bottom: 3px;
border-bottom: 2px dotted  #178112;
}


h1: first-letter {
font-weight: bold;
}


h2 {
	background: transparent;
             	color: #39C22D;
	font:18pt "trebuchet ms", sans-serif;
	font-weight: normal;
	text-align: justify;
margin: 0;
text-shadow: #178112 1px 1px;
}

h3 {
	background: transparent;
             	color: #F7F53A;
	font:18pt "trebuchet ms", sans-serif;
	font-weight: normal;
	text-align: justify;
margin: 0;
text-shadow: #178112 1px 1px;
}




a:link, a:visited, a:active {
        text-decoration: none;
			color: #7DA9DC;
	cursor: crosshair;
             }
a:hover { 
	text-decoration: none;
	color: #A8D771;
	cursor: crosshair;
}


a.i:link, a.i:visited, a.i:active {
        text-decoration: none;
			color: #a8d771;
font-weight: bold;
	cursor: crosshair;
             }
a.i:hover { 
	text-decoration: none;
	color: #A8D771;
	cursor: crosshair;
font-weight: bold;
}


input, select {
	background: #DAFB55;
	font:8pt "trebuchet ms", sans-serif;
padding: 5px;
color: #178112;
	font-weight: normal;
	text-decoration: none;
		border-width: 1px;
	border-style: solid;
	border-color: #178112;
}

input:hover {
border-color: #212121;
}

select:hover {
border-color: #212121;
}

TEXTAREA {
	color: #178112;
	background: #DAFB55;
	font:8pt "trebuchet ms", sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #178112;
padding: 5px;
}

TEXTAREA:hover {
	border-color: #212121;
}




blockquote { 
background : #F5F42B;
text-align : justify; 
border-left : 2px solid #212121; 
border-right: 2px solid #212121;
padding :7px; 
margin: 0 auto;
width: 340px;
}  

img.icon {
filter:alpha(opacity=100); 
opacity:1.0;
border: 5px solid #35C430;
margin-top: 2px;
}