/* Fabio Scotti 2003  CSS  */
body {
    background: white;
    color: #FFFFFF;
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
}

/* Stile della sezione "sezprinc" */

#sezprinc {
    background: #FFFFFF;
    border-bottom: 1px solid black;
    border-left: 0px solid black;
    border-right: 0px solid black;
    border-top: 0px solid black;
    color: #000000;
    margin: 30px auto;
    text-align: left;
    width: 850px;
}

/* Stile della sezione "testata" */

#header {
    background: white;
    border-bottom: 1px solid black;
    margin: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 26px;
    padding-top: 2px;
    text-align: left;
   height:     76px; /* 2+2 + 20+20 + 12 + 8 + 10+2= 76px */

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    height:     98px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {width:auto;}  


#header h1 {
    text-align: left;
    margin: 0;
    color: #990000;
    font-size: 20px;
    vertical-align: bottom;
}

#header h2 {
    padding: 0px 0px 0px 0px;
    font-size: 10px;
}

#header p {
    padding: 12px 0px 8px 2px;
    font-size: 10px;
}


/* Stile della sezione "contenuto" */

#content {
    border-bottom: #CCCCCC 0px dotted;
    border-left: #CCCCCC 0px dotted;
    border-right: #CCCCCC 0px dotted;
    border-top: #CCCCCC 0px dotted;
    margin: 0px 50px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    voice-family: inherit;
    width: 800px;
}

/* Stile della sezione "MENU" */


/* Stile della sezione "navigation" */
#navigation {
/*  border-bottom: black 1px solid;
    border-left: black 1px solid;
    border-right: black 1px solid;
    border-top: black 0px solid;  */  
    background : #FFEE44;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    margin: 0px;
   height: 22px; 

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
   height:     30px; /* the correct height */  
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
 body>#navigation {width:auto;}  


/* Stli dei link della sezione "navigation" */
#navigation a {
    color : #CC0000;
}

#navigation a:visited {
    color : #AA0000;
}

#navigation p {

    color: Green;
    font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
}

/* Stile della sezione "lesson" */
#lesson {
    background-color: #FFFFFF;
    border-bottom: #CCCCCC 0px;
    border-left: #CCCCCC 0px dotted;
    border-right: #CCCCCC 0px;
    border-top: #CCCCCC 0px;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    voice-family: inherit;
    width: 850px; /* Rem: 780  content - 180 menu = 600 Yess BUT ie5.... (-paddings) */

}

#lesson h1 {
    background: white;
    color: #999999;
    font: bold 32px Tahoma, Verdana, Helvetica, sans-serif;
    padding: 25px 0px; 
    margin: 0px;
}

#lesson h1.labbanner {
    background: white;
    color: Red;
    font: bolder 128px 
    padding:;
    margin: 0px;
}


#lesson img {
    border: none;
}

#lesson h2 {
    background-color: #FFFFFF;
    color: #770000;
    font: bold 20px Tahoma, Verdana, Helvetica, sans-serif;
    margin: 15px 0px;
}

#lesson h3 {
    background-color: #FFFFFF;
    font: bold 18px Tahoma, Verdana, Helvetica, sans-serif;
    margin: 5px 0px;
    color: Red;   
}

#lesson h4 {
    background-color: #FFFFFF;
    color: #000000;
    font: bold 14px Tahoma, Verdana, Helvetica, sans-serif;
    margin: 5px;
}

#lesson p {
    background-color: #FFFFFF;
    color: #000000;
    line-height: 1.5em;
    margin: 5px;
    padding-bottom: 4px;
	 font: small Verdana Geneva Arial Helvetica sans-serif;
    }

tt{
    font: 700 small;
    color: #00015B;
}

em{
    color: Red;
    font: bold small Verdana Geneva Arial Helvetica sans-serif;
}

td{
    color: #000000;
}

#esercizio {
background : #EEEEEE;
padding: 5px 5px 5px 5px;
margin-top: 30px;
margin-bottom: 30px;
}

blockquote {
font: x-small Verdana Geneva Arial Helvetica sans-serif;    
}



blockquote.extitolo
{
    margin: 1em 0em 1em 0em;
    font-style: italic;
    background : #ff2222;
    padding: 0.5em;
    font: bold;
    color: 000000;
}

blockquote.relaxtitolo
{
    margin: 1em 0em 1em 0em;
    font-style: italic;
    background: Lime;
    padding: 0.5em;
    font: bold;
    color: FFFFFF;
}

blockquote.extesto
{
    margin: 1em 0em 1em 0em;
    font-style: italic;
    background: Silver;
    padding: 0.5em;
    font: bold;
}


ul {
	list-style-image: url("img/aquadot.gif");
	padding-top: 5px;
	font: small Verdana Geneva Arial Helvetica sans-serif;
}

ol {
    list-style-image: none;
    padding-top: 5px;
    font: small Verdana Geneva Arial Helvetica sans-serif;
}

pre{
    font: x-small
}

pre.consolle{
    background: Black;
    color: White;
}

PRE.codeinput {
    MARGIN-LEFT: 30px; keyword: blue
}
.Comment
{
    color:green;
}
.Keyword
{
    color:blue;
}
.Number
{
    color: purple;
}
.String
{
    color: navy;
}
.untermstring {
    COLOR: purple
}
.syscmd {
    COLOR: orange
}
PRE.showbuttons {
    BACKGROUND: #ebeff3; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; MARGIN-LEFT: 30px; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px
}
PRE.codeoutput {
    COLOR: gray; FONT-STYLE: italic
}


#copyright {
    font-size: 10px;
    text-align: center;
}

#copyright img {
    border: none;
    text-align: right;
}

#copyright p {
    COLOR: gray;
    FONT-SIZE: xx-small;
    FONT-STYLE: italic;
    FONT-WEIGHT: lighter;
    text-align: center;
    padding: 0;
    margin: 0;
}

.Code
{
	font-family: courier new, courier;
	text-align: left;
	color: black;
	background-color: #E6E6E6;
	padding: 0pt;
	font-family: courier new, courier;
	color: black;
}
.Comment
{
    color:green;
}
.Keyword
{
    color:blue;
}
.Number
{
    color: purple;
}
.String
{
    color: navy;
}

PRE.phpcode
{
	font-family: courier new, courier;
	text-align: left;
	color: black;
	background-color: #E6E6E6;
	padding: 0pt;
	font-family: courier new, courier;
	color: black;
}
.phpstring
{
    color:#DD0000;
}
.phpcomment
{
/*    color:#FF9900; */
    color:#FF8000;
}
.phpkeyword
{
    color:#007700;
}
.phpbg
{
    color: #FFFFFF;
}
.phpdefault
{
    color: #0000BB;
}
.phphtml
{
    color: #000000;
}