h1 { color : #CD0B0B; }

.bodyStyle
{
	/*background-color : #3168b4;*/
	background-image : url(images/sfondo_body.gif);
	background-repeat : repeat;
	background-attachment : fixed;
	font : 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.containerStyle
{
    /*
        La classe è applicata al contenitore principale,
        quindi all'elemento immediatamente successivo al
        tag "body".
        Si può pensare, ad esempio, di applicarvi un'imma-
        gine di sfondo, o un colore di background.
    */
	background : url(images/containerStyleBg.jpg) repeat-x center top;
}

.headerStyle
{
    /*
        La classe è applicata all'elemento che racchiude
        tutta l'intestazione della pagina.
    */
	width : 837px;
	height : 207px;
	background-image : url(images/headerBg.jpg);
	background-repeat : no-repeat;
	background-position : center top;
}

.headerContentStyle
{
    /*
        La classe è applicata all'elemento che racchiude,
        la parte principale dellintestazione della pagina
        (eventuale orologio, titolo e sottotitolo).
    */
}

div#headerContent .clockStyle
{
    color : #cee6ff;
    text-align : center;
    padding : 5px;
    width : 250px;
    float : right;
    font-weight : bold;
}

div#headerContent .siteTitleStyle
{
    color : #FFFFFF;
    font-size : 12px;
    padding : 112px 10px 0 0;
    text-align : right;
}

div#headerContent .siteSubTitleStyle
{
    font-size : 12px;
    color : #FFFFFF;
    padding : 0 10px 0 0;
    text-align : right;
}

.mainContentStyle
{
	margin : 0 auto;
	width : 837px;
    background-image : url(images/contentBg.jpg);
    background-repeat : repeat-y;
    background-position : center top;
}

.subMainContent
{
	position : relative;
	padding: 0;
}

.navigationStyle
{
	float : left;
    margin-left : 3px !important;
	margin-left : 3px;
	font-family : Trebuchet MS;
	font-size: 14px;
}

div#navigation ul,
#guestBook ul,
#photoGallery ul
{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

.navigationUlStyle { width : 175px; }

div#navigation li
{
	position : relative;
	height : 24px;
	padding-left : 10px;
	background-image : url(images/navigationMenuItemBg.gif);
	background-repeat : no-repeat;
}

div#navigation ul li div
{
	display : none;
	position : absolute;
	top : 0;
	left : 157px;
 	width : 175px;
	border : 1px solid #d2d2d2;
	background-color : #ededed;
	opacity : 0.9;
	z-index : 5;
}

div#navigation li:hover
{
    /*background-image : url(images/navigationMenuItemBgHover.png);
	border-left : 5px solid trasparent;
	font-weight : bold;*/
}

div#navigation li.menuWithChildren 
{
    background : url(images/navigationMenuItemChildBg.gif) no-repeat left center;
    cursor : pointer;
}

div#navigation li.menuWithChildren:hover
{
	/*background : url(images/navigationMenuItemChildBgHover.png) no-repeat left center;*/
}

div#navigation ul li a.menuAnchor,
div#navigation ul li span
{
	display : block;
	padding-top : 3px;
	text-decoration : none;
	color : #5B5B5B;
}

div#navigation ul li a.menuAnchor:hover,
div#navigation ul li span:hover { color : #cc0000; }

#divSiteBottomText { text-align : center; }

.loginStatus { float : right; }

#guestBook {}

#guestBook li
{
    padding : 12px 12px 4px 12px;
    border-bottom : dotted 1px silver;
}

#guestBook div.avatarContainer
{
    float : left;
    margin-right : 14px;
    padding : 10px;
    border-bottom : 2px solid silver;
    border-right : 2px solid silver;
    -webkit-border-radius : 0.8em;
    -moz-border-radius : 0.8em;
}

#guestBook p
{
    clear : both;
    padding : 12px;
    border-top : solid 1px #e5e5e5;
    line-height : 24px;
    color : #666;
}

#guestBook .commentText
{
    float : left;
    width : 480px;
}

#guestBook .userInfo
{
    padding : 12px;
    float : left;
}

#guestBook .dateInfo
{
    float : right;
    padding : 12px;
    font-size : 11px;
    color : Silver;
}

.note
{
    font-size : 11px;
    color : #999;
}

#photoGallery {}

#photoGallery li.picturesContainer
{
    float : left;
    padding : 6px;
    position : relative;
}

.textFields
{
	padding : 8px;
	border : solid 1px #999;
	background : #FFF;
	font-size : 14px;
	color : #000;
}

.pulsante
{
	display : block;
	height : 28px;
	border : 1px solid #002b7a;
	background-image : url(images/buttonBg.gif);
	background-repeat : repeat-x;
	font-weight : bold;
	color : #FFF;
	cursor : pointer;
}

.statusLogin
{
    float : right;
    margin-right : 25px;
    margin-top : -15px;
}

div#footer
{
	height : 90px;
	background-image : url(images/footerBg.jpg);
	background-repeat : no-repeat;
	background-position : center;
	font-size : 8pt;
	color : #8B8B8B;
}

#visitCounterContainer
{
}

.sitoMastroNotice {  }

#footerContainer
{
	width : 837px;
	margin : 0 auto;
	padding-top : 50px;
}

#footTable { margin : 0 auto; }

div#content
{
	float : right;
	/*max-width : 70%;*/
	width : 659px;
	min-width : 70%;
	padding : 0;
}

div#content h1
{
    color : #335D92;
    text-indent : 16px;
    margin-left : 25px;
	font-size : 1.62em;
	font-weight : normal;
	line-height : normal;
	height : 30px;
	width : 600px;
	background-image : url(images/sottotitolo.gif);
	background-repeat : no-repeat;
}

.pageTextContent
{
	position : relative;
	font-size : 10pt;
	font-weight : normal;
	line-height : normal;
	text-decoration : none;
	color : #2b142b;
	padding : 20px;
}