BODY 	
	{
	
	SCROLLBAR-FACE-color: #FFFFFF;	
	SCROLLBAR-HIGHLIGHT-color: #FFFFFF; 
	SCROLLBAR-SHADOW-color: #008000;	
	SCROLLBAR-3DLIGHT-color: #008000; 
	SCROLLBAR-ARROW-color: #008000; 
	SCROLLBAR-TRACK-color: #FFFFFF;
	SCROLLBAR-DARKSHADOW-color: #FFFFFF; 
	color: #000000;	
	BACKGROUND-IMAGE: url(bg2.gif);
	
	font-family: arial, sans-serif;
	font-size:13px;
	}

h1
	{
	font-family: arial, sans-serif;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	}
	
#leftcolumn ul
{
margin:5px 0px 5px 0px;
padding-left:0px;
list-style:none;
}

#leftcolumn ul li
{
background:url("../images/pallo.gif") no-repeat;
padding-left:13px;
line-height:16px;
}

#leftcolumn ul ul li
{
background:url("../images/p_pallo.gif") no-repeat;
padding-left:10px;
line-height:14px;
}
	

a:link	
	{
	font-family: arial, sans-serif;
	color: #008000; 
	text-decoration: none;
	}


a:visited 
	{
	font-family: arial, sans-serif;
	color: #008000;
	text-decoration: none; 
	}


a:active 
	{
	font-family: arial, sans-serif;
	color: #008000;
	text-decoration: none; 
	}


a:hover 
	{
	color: #008000; 
	text-decoration: none;
	font-family: arial, sans-serif;
	text-decoration: underline;
	}
	
.JAVA
	{
	font-family: arial, sans-serif;
	FONT-SIZE:11px;
	color: gray;
	text-decoration: none;
	width:370px;
	float:right;
	text-align:right;
	padding-top:10px;
	}


.JAVA:link
	{
	font-family: arial, sans-serif;
	FONT-SIZE:11px;
	color: gray;
	text-decoration: none; 
	}


.JAVA:active
	{
	font-family: arial, sans-serif;
	FONT-SIZE:11px;
	color: gray;
	text-decoration: none; 
	}


.JAVA:hover
	{
	font-family: arial, sans-serif;
	FONT-SIZE:11px;
	color: gray;
	text-decoration: underline; 
	}

.JAVA:visited
	{
	font-family: arial, sans-serif;
	FONT-SIZE:11px;
	color: gray;	
	}
	
.POLKU
{
font-family: arial, sans-serif;
FONT-SIZE:11px;
color: #008000;
text-decoration: none;
}

#container
{
width:800px;
margin:0 auto;
}

#header1
{
float:left;
width:800px;
}

.isotitle
{
width:416px;
float:left;
}

#header_picture_index
{
width:796px;
height:104px;
float:left;
border:2px #008000 solid;
background-image:url("../images/kukat.jpg")
}

#navigation
{
width:798px;
height:20px;
float:left;
margin:4px 0px 4px 0px;
background:url("../images/liuku.gif") #008000 repeat-x;
border:#666666 1px solid;
}

#contents
{
width:796px;
float:left;
border:2px #008000 solid;
background: url("../images/cbg.gif") #FFFFFF repeat-y;
}

#google_contents
{
width:796px;
float:left;
border:2px #008000 solid;
background: url("../images/google_cbg.gif") #FFFFFF repeat-y;
}

#leftcolumn
{
width:150px;
float:left;
margin:5px;
/*background-color:#336633;*/
}

#midcolumn
{
width:400px;
float:left;
margin:10px 20px;
/*background-color:#336633;*/
}

#rightcolumn
{
width:170px;
float:left;
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
/*background-color:#336633;*/

}

#google_column
{
width:606px !important;
float:left;
margin:10px 10px;
}


/* NAVI */



#nav-menu ul
{
list-style: none;
padding: 0;
margin:0;
}

#nav-menu li
{
float: left;
margin: 0;
background: url("../images/liuku.gif") #fff bottom left repeat-x;
height: 20px;
line-height: 20px;
float: left;
padding: 0px 23px 0px 23px;
display: block;
border-right: 0.1em solid #dcdce9;
}

#nav-menu li a
{
color: #fff;
font-size:13px;
font-weight:bold;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
color:#ffcf30;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:798px;
height:20px;
float:left;
margin:4px 0px 4px 0px;
background:url("../images/liuku.gif") #008000 repeat-x;
border:#666666 1px solid;
}

#res
{background-color:#00CC33;}
#webdeveloper-element-information
{background-color:#00CC33;}


#q
{background-color:#00CC33;}

.google_frame
{
width:600px;
}

#google_frame
{
width:600px;
}

.ingressi
	{
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;	
	}
.leipa
	{
	FONT-FAMILY: arial, sans-serif;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 17px;
	}



/* GOOOGLET */
/** Copyright 2007 Google Inc. All rights reserved. */

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #ddd;
  border: 1px solid #000; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  padding: 10px;
  margin-left:-3px;
  margin-top:-2px;
  width: 758px;
  height:auto;
  background-color: #FFF;
  border: 1px solid #333;
  font-size: 12px;
}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 300px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}