/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #006699;
}
span.right {font-family: Verdana; font-size: 7pt; color: red; text-align: right;}
span.right a {font-family: Verdana; font-size: 7pt; color: red; text-align: right;}
label
{
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
long_label
{
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
fieldset {
	padding : .5em .5em;
	margin : .5em .5em;
	border: 1px solid #6AA2FD;
	font-size: 14px;
	
}
legend {
	font-weight: bold;
	color: #006699;
	text-align: right;
	font-size: 16px;
	
	padding: 0.2em 0.5em;

	

}


a {

	font: 85%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
	color: #006699; 
	text-decoration:none;
	
}
a:hover {

	font: 85%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
	color: #FF9834; 
	text-decoration:none;
}
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	text-transform: uppercase;
	color: #006699;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; text-transform: none;}

li {
      display:inline;
      margin:0;
      padding:0;
      }

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
img.float-right {
	float: right;
  margin: 5px 0px 5px 15px;  
}
img.float-left {
	float: left;
  margin: 5px 15px 5px 0px;
}


#header {
 color: #006699;
 width: 902px;
 padding: 10px;
 height: 50px;
 margin: 10px 0px 5px 0px;
 background: #ffffff;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.7em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #006699;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 5px; left: 50px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1.5em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #006699;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 55px; left:60px;		
}
#header .searchform {
	position: absolute;
	top: 30px; right: 10px;	
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Arial', 'courier new', monospace;
  /* white-space: pre; */
  background: #ffffff;
  border: 1px solid #f2f2f2;  
  border-left: 5px solid #BBD9EE;
}

    #tabs {
      float:left;
      width:100%;
      background:#FFFFCC;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
#navigation {
 color: #006699;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #ABBEBE;
}
#leftcolumn { 
 display: inline;
 color: #006699;
 margin: 10px;
 padding: 5px;
 width: 160px;
 float: left;
 background: #BBD9EE;
}
#leftgoogle { 

 width: 160px;
 float: left;
 
}
#content { 
 float: left;
 color: #006699;
 margin: 0px 0px;
 padding: 0px;
 width: 730px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #006699;
 margin: 5px 0px 0px 0px;
 padding: 0px;
 width: 160px;
 float: right;
 
}
#right_text { 
 display: inline;
 float: right;
 font-size:83%;
 
}
#footer { 
 width: 922px;
 clear: both;
 color: #006699;
 background: #FFFFCC;
 margin: 5px 0px 10px 0px;
 padding: 10px;
}
#navigazione { 

 
 color: #006699;
 background: #ffffff;
 
}
.clear { clear: both; background: none; }
/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.orange { color: #FFA600; }

code h1 {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #CCC;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}