body 
{
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 color: black;
 background-color: #278DC0;
}

a:link 
{
 color: #0000FF;
 text-decoration: none;
}

a:visited 
{
 color: #0000FF;
 text-decoration: none;
}

a:active 
{
 color: #0000FF;
 text-decoration: none;
}

a:hover 
{
 color: #FF0000;
 text-decoration: underline;
}

#page_wrapper 
{
 margin-left: auto;
 margin-right: auto;
 width: 98%;
 text-align: left;
 border-color: #39C;
 border-width: 8px;
 border-style: solid;
}

#header_wrapper 
{
 background-color: #4E7DD1;
 background-position: right bottom;
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px;
}

#header 
{
 height: 120px;
 padding: -2px;
 background-image: url('../img/logo.png');
 background-position: top left;
 background-repeat: no-repeat;
 margin: 0px;
}

#header h1 
{
 margin: 0px;
 font-family: verdana, arial, sans-serif;
 font-size: 28px;
 color: #ffffff;
 letter-spacing: -1px;
 margin-left: 130px;
}

#header h2 
{
 margin: 0px;
 font-family: verdana, arial, sans-serif;
 font-size: 14px;
 color: #B1C6EB;
 letter-spacing: 1px;
 margin-left: 130px;
}

#left_side 
{
 margin-top: 10px;
 float: left;
 width: 157px;
 background-position: bottom left;
 background-repeat: repeat-x;
 min-height: 600;
}

#right_side 
{
 margin-top: 10px;
 float: right;
 width: 160px;
 background-image: url('../img/side_bg.gif');
 background-color: #278DC0;
 background-position: bottom left;
 background-repeat: repeat-x;
 min-height: 600;
}

#content 
{
 margin-top: 20px;
 margin-bottom: 0px;
 margin-left: 180px;
 margin-right: 180px;
}

#footer 
{
 height: 29px;
 background-color: #4E7DD1;
 clear: both;
 text-align: center;
 padding-top: 12px;
 color: #B6CEF9;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 18px;
 position: relative;
}

#footer a:link 
{
 color: #FFFFFF;
 text-decoration: none;
}

#footer a:visited 
{
 color: #FFFFFF;
 text-decoration: none;
}

#footer a:active 
{
 color: #FFFFFF;
 text-decoration: none;
}

#footer a:hover 
{
 color: #FFFFFF;
 text-decoration: underline;
}

#left_side p, #right_side p 
{
 margin: 10px;
 margin-top: 15px;
 margin-bottom: 15px;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 16px;
 color: #333333;
}

#left_side h3, #right_side h3 
{
 margin-top: 5px;
 margin-bottom: 10px;
 margin-left: 5px;
 margin-right: 5px;
 padding: 4px;
 font-family: verdana, arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
 color: #FFFFFF;
 border-color: #0F3974;
 border-width: 1px;
 border-style: solid;
 background-color: #2153AA;
}

#left_side h4, #right_side h4 
{
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 10px;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 line-height: 12px;
 color: #2153AA;
}

#content p 
{
 margin-top: 15px;
 margin-bottom: 15px;
 font-family: verdana, arial, sans-serif;
 line-height: 18px;
 color: #333333;
 text-align: justify;
}

#content h3 
{
 margin-top: 5px;
 margin-bottom: 10px;
 font-family: verdana, arial, sans-serif;
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 color: #FC0;
}

#content h4 
{
 margin-top: 0px;
 margin-bottom: 0px;
 font-family: verdana, arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 12px;
 color: #F9C600;
}

#navlist 
{
 margin-top: 45px;
 margin-bottom: 0px;
 text-align: center;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 margin-left: 120;
 border-bottom-color: #0F3974;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 font-size: 10px;
 font-weight: bold;
 font-family: Verdana, sans-serif;
}

#navlist li 
{
 list-style: none;
 margin: 0;
 display: inline;
}

#navlist li a 
{
 color: #F1F6FE;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 margin-left: 3px;
 border-color: #0F3974;
 border-width: 1px;
 border-style: solid;
 border-bottom-style: none;
 background-image: url('../img/tab_bg.gif');
 background-color: #2153AA;
 background-position: bottom left;
 background-repeat: repeat-x;
 text-decoration: none;
}

#navlist li a:link 
{
 color: #F1F6FE;
}

#navlist li a:visited 
{
 color: #F1F6FE;
}

#navlist li a:hover 
{
 color: #FFFFFF;
 background-color: #3364BB;
 border-color: #0F3974;
}

#navlist li a#current 
{
 color: #FC0;
 background-color: #FFFFFF;
 border-bottom-color: #FFFFFF;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

.float_left 
{
 float: left;
 margin-right: 10px;
}

.float_right 
{
 float: right;
 margin-left: 10px;
}

.featurebox_center 
{
 background-color: #fffff6;
 margin: 0px;
 padding: 10px;
 border-color: #DFE8F7;
 border-width: 1px;
 border-style: solid;
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 line-height: 18px;
 color: #333333;
 text-align: justify;
 float: left;
 margin: 3px;
}

.featurebox_side 
{
 background-color: #fffff6;
 margin: -1px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 15px;
 padding: 10px;
 border-color: #DFE8F7;
 border-width: 4px;
 border-style: solid;
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 18px;
 color: #333333;
}

html 
{
 overflow: scroll;
}

#scroll 
{
 border-color: #ccc;
 border-width: 1px;
 border-style: solid;
}

#child-scroll 
{
 
}

table 
{
 font-size: medium;
 font-variant: Small-caps;
 margin-right: auto;
 margin-left: auto;
 text-transform: capitalize;
}

caption 
{
 font-size: large;
 font-weight: bold;
 background-color: #829B1C;
}

th 
{
 background-color: #F1F6FE;
}

tr.off 
{
 background-color: #FFDF8C;
}

tr.on 
{
 background-color: #39C;
}

div.pagination 
{
 padding: 3px;
 margin: 3px;
 font-family: Verdana;
 font-size: 8pt;
 text-decoration: none;
}

div.pagination a 
{
 margin: 2px;
 border-color: #000000;
 border-width: 1px;
 border-style: solid;
 text-decoration: none;/* no underline */

 color: #000000;
 font-family: Verdana;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

div.pagination a:hover, div.pagination a:active 
{
 margin: 2px;
 border-color: #800000;
 border-width: 1px;
 border-style: solid;
 background-color: #800000;
 color: #FFFFFF;
 font-family: Verdana;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 text-decoration: none;
}

div.pagination span.current 
{
 margin: 2px;
 border-color: #000000;
 border-width: 1px;
 border-style: solid;
 font-weight: bold;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Verdana;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

div.pagination span.disabled 
{
 margin: 2px;
 border-color: #999999;
 border-width: 1px;
 border-style: solid;
 color: #999999;
 font-family: Verdana;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

a:hover.list 
{
 font-family: Verdana;
 font-size: 8pt;
 font-variant: small-caps;
 text-decoration: underline;
 text-transform: capitalize;
 color: #006699;
 line-height: 200%;
 font-weight: bold;
}

a.list 
{
 text-transform: capitalize;
 font-variant: small-caps;
 font-family: Verdana;
 font-size: 8pt;
 color: #FF0000;
 text-decoration: underline;
 line-height: 200%;
 font-weight: bold;
}

.image_sx 
{
 float: left;
 margin: 3px;
}

.image_dx 
{
 float: right;
 margin: 3px;
}

a:hover 
{
 text-decoration: none;
}

a:visited 
{
 color: #111;
}

/* slides styling */
.photo 
{
 width: 720px;
 height: 600px;
 background-image: url(../lbox/back.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 text-align: left;
 position: relative;
}

.photo dl 
{
 font-size: 0.9em;
 position: absolute;
 width: 400px;
 top: 100px;
 left: 100px;
}

.photo dl dt 
{
 font-family: "times new roman", serif;
 font-size: 1.8em;
 margin-bottom: 2em;
}

.photo dl dd 
{
 font-family: verdana, arial, sans-serif;
 padding: 0;
 margin: 0;
 line-height: 1.7em;
 margin-bottom: 2em;
 font-size: 11px;
}

.photo dl dd:first-letter 
{
 font-weight: bold;
}

.photo ul.topic 
{
 padding: 0;
 margin: 0;
 list-style: none;
 width: 720px;
 height: auto;
 position: relative;
 z-index: 10;
}

.photo ul.topic li 
{
 display: block;
 width: 240px;
 height: 31px;
 float: left;
}

.photo ul.topic li a.set 
{
 display: block;
 font-size: 11px;
 width: 239px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 color: #000;
 text-decoration: none;
 border-color: #fff;
 border-width: 1px;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0;
 border-left-width: 0;
 background-color: #ccc;
 font-family: verdana, arial, sans-serif;
}

.photo ul.topic li a ul, .photo ul.topic li ul 
{
 display: none;
}

.photo ul.topic li a:hover, .photo ul.topic li:hover a 
{
 color: #fff;
 background-color: #aaa;
}

.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul 
{
 display: block;
 position: absolute;
 left: 0;
 top: 31px;
 list-style: none;
 padding: 0;
 margin: 0;
 height: 375px;
 background-image: url(../lbox/close.gif);
 background-color: #ddd;
 background-repeat: no-repeat;
 background-position: right top;
 width: 479px;
 padding-top: 70px;
 padding-right: 100px;
 padding-bottom: 70px;
 padding-left: 100px;
 border-color: #aaa;
 border-width: 20px;
 border-style: solid;
}

.photo ul.topic li a:hover ul li, .photo ul.topic li:hover ul li 
{
 display: inline;
 width: 112px;
 height: 87px;
 float: left;
 border-color: #fff;
 border-width: 1px;
 border-style: solid;
 margin: 1px;
}

.photo ul.topic li a:hover ul li a, .photo ul.topic li:hover ul li a 
{
 display: block;
 width: 110px;
 height: 85px;
 cursor: default;
 float: left;
 text-decoration: none;
 background-color: #444;
 border-color: #888;
 border-width: 1px;
 border-style: solid;
}

.photo ul.topic li a:hover ul li a img, .photo ul.topic li:hover ul li a img 
{
 display: block;
 width: 100px;
 height: 75px;
 border-color: #eee;
 border-width: 5px;
 border-style: solid;
}

.photo ul.topic li a:hover ul li a img.large, .photo ul.topic li:hover ul li a img.large 
{
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 overflow: hidden;
 border-width: 0;
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover 
{
 white-space: normal;
 position: relative;
}

.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img 
{
 position: absolute;
 left: -50px;
 top: -32px;
 width: 200px;
 height: 150px;
 border-color: #fff;
}

.photo ul.topic li a:hover ul li a:hover img.large, .photo ul.topic li:hover ul li a:hover img.large 
{
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 overflow: hidden;
 border-width: 0;
}

.photo ul.topic li:hover ul li a:focus, .photo ul.topic li:hover ul li a:active, .photo ul.topic li a:hover ul li a:active 
{
 position: static;
 outline-width: 0;
}

.photo ul.topic li:hover ul li a:focus img, .photo ul.topic li:hover ul li a:active img, .photo ul.topic li a:hover ul li a:active img 
{
 position: absolute;
 left: 200px;
 top: 170px;
 width: 200px;
 height: 150px;
 padding: 0;
 background-color: #000;
 border-width: 0;
 z-index: 5;
}

.photo ul.topic li:hover ul li a:focus img.large, .photo ul.topic li:hover ul li a:active img.large, .photo ul.topic li a:hover ul li a:active img.large 
{
 position: absolute;
 left: 15px;
 top: 24px;
 width: 640px;
 height: 480px;
 padding: 0;
 background-color: #000;
 border-color: #fff;
 border-width: 4px;
 border-style: solid;
 z-index: 10;
}

#content img 
{
 vertical-align: text-top;
}
.edite
{
 width: 22px;
 height: 22px;
 background-image: url('../img/edit.png');
 background-repeat: no-repeat;
 background-position: center;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
}

.cancella
{
 width: 22px;
 height: 22px;
 background-image: url('../img/cestino.jpg');
 background-repeat: no-repeat;
 background-position: center;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
}

.stampa
{
 width: 22px;
 height: 22px;
 background-image: url("../img/stampa.jpg");
 background-repeat: no-repeat;
 background-position: center;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
}