body{
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unticode", "Lucida Sans",Verdana, Arial;
	color: #003366; 
	font-size:12px;
}
h1,h3,h4{
	margin: 0px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

h1{font-size: 16px;}
h2{font-size: 16pt;color: orange;font-weight: bold;}
h3{font-size: 14pt;}
h4{font-size: 12pt;}


a{font-size:14px; text-decoration: none;}
a:link  {color: white;} 
a:visited {color: white;}
a:active {color: white;}
a:hover {text-decoration: underline;color: white;}

a:menu-text{text-decoration: none; color: #003366;}
a:link.menu-text  {color: #003366;}
a:visited.menu-text {color: #003366;}
a:active.menu-text {color: #003366;}
a:hover.menu-text {
	text-decoration: none;
	color: white;
	background-color: #003366;
}

a:menu-top{font-size:20px; text-decoration: none; color: #003366;}
a:link.menu-top  {font-size:20px;color: #003366;}
a:visited.menu-top {font-size:20px;color: #003366;}
a:active.menu-top {font-size:20px;color: #003366;}
a:hover.menu-top {font-size:20px;text-decoration: none;color: white;background-color: #003366;}

.topimg{background: transparent url(img/top.jpg) no-repeat;}
.topmenu{padding-left:160px; padding-top:6px; }

.contacts{padding-right:760px;padding-top:55px;
	font-size: 12px;
	color: white;
	text-align: right;
}

.sottomenu{padding-left:20px;
	font-size: 12px;
	color: #b6b6b8;
	text-align: right;
	padding-right: 13px;
}




.citta {font-family: "Trebuchet MS";font-size: 20px;font-style: normal;color:  #00cc33;}
A.citta:link {FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #000000; TEXT-DECORATION: none;}
A.citta:visited {FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 20px; TEXT-DECORATION: none;}
A.citta:hover {TEXT-DECORATION: underline;}







.cssform p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color: #2a5290;
}

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 145px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 200px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(img/formbg.gif) repeat-x left top;
}


