﻿
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#CDE6F3;
	padding: 0px 0px 0px 0px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
}

p{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	padding:2px;
	margin:2px;
}

ol{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
}

ul{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
}


a {
	color: #0088CC;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
  /*color: #000000;*/
  color : #000000;
  text-decoration: underline;
  font-weight: bold;
}

.celltable {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	padding:2px;
	margin:2px;
}


div.special0{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	padding-bottom: 3px;
	padding-top:3px;
}

div.special{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	border: 1px orange solid;
	background-color: #FFF0D2;
	padding-bottom: 3px;
	padding-top:3px;
}

h2{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

h3{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #A59F9C;
	font-size: 19px;
	font-weight: normal;
	padding: 0px 5px 5px 0;
	border-bottom: 1px solid #A59F9C;
	margin: 0 4 15px 4;
}
h4{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0088CC;
}


p.CustomTitle1{
	color: #FF6600;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
}

p.sT{
font-size: 9px;
color: #6BA0D1;
}

form{
padding: 0 0 0 20;
margin:0;
}

input{
	border: 1px solid #7F9DB9;
	margin-right: 3px;
	background:#ffffff;
}
input.newsletter{
	border: 1px solid #7F9DB9;
	margin-right: 3px;
	background:#ffffff;
}


input.button1{
	border: 1px #51616F solid;
	margin-right: 3px;
	background: #6C8193;
	color: white;
	font-weight: bold;
}

textarea{
border:1px solid #7F9DB9;
margin-right:3px;
}

.hr1 {
	border: none;
	border-bottom: 1px #D3D3D3 solid;
	height: 0px;
}
.hr2 {
	border: none;
	border-top: 1px #EBEBEB dashed;
	height: 0px;
}

.hr3 {
	border: none;
	border-top: 3px #1B4576 solid;
	height: 3px;
}

.hiddenPic {display:none;}

.imagediv1 a
{
display: block;
background-image: url(img/img01_a.jpg);
width: 173px;
height: 243px;
text-indent: -999999px;
overflow: hidden;
}

.imagediv1 a:hover
{
background-image: url(img/img01_b.jpg)
}

.imagediv2 a
{
display: block;
background-image: url(img/img02_a.jpg);
width: 173px;
height: 243px;
text-indent: -999999px;
overflow: hidden;
}

.imagediv2 a:hover
{
background-image: url(img/img02_b.jpg)
}


#PageHeaderContainer {
	width: 100%;
	margin: 0;
	padding: 20px 2px 0px 2px;
	background-image: url('img/BG_top.png');
	background-repeat: repeat-x;
}
#PageBottomContainer {
	width: 100%;
	margin: 0;
	padding: 0px 2px 2px 2px;
	background-color:#003554;
	background-image: url('img/BG_bott01.png');
	background-repeat: repeat-x;
}

div.BottomContent{
	border: 0px solid #EBEBEB;
	background-image: url('img/gray-bg.gif');
	background-position: top;
	background-repeat: repeat-x;
	/*width: 500px;*/
	/*padding: 20px 20px 20px 24px;*/
	padding: 10px;
	margin: 0 2px 0 2px;
	font-size: 11px;

}

.more1 {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 18px 2px 21px;
		margin-top:4px;
		background:url("img/arrow.gif") 450px 50% no-repeat;
	}




#menu_PageFooter {
	/*sition:relative;*/
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #565454;
	text-decoration: none;
	left: 30px;
	/*top: 20px;*/
}

	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #565454;
	text-decoration: none;
	left: 30px;
	/*top: 20px;*/
}

#menu_PageFooter a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#AAA8A8;
text-decoration:none;
}

#menu_PageFooter a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#AAA8A8;
text-decoration:none;
}

#menu_PageFooter a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:underline;
}


/* ==================================================== */
/* --- box type 1 */
.b4bh{font-size:1px; overflow:hidden; display:block;}
.b3bh{font-size:1px; overflow:hidden; display:block;}
.b2bh{font-size:1px; overflow:hidden; display:block;}
.b4h{font-size:1px; overflow:hidden; display:block;}
.b3h{font-size:1px; overflow:hidden; display:block;}
.b2h{font-size:1px; overflow:hidden; display:block;}
.b1h{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b2h {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b3h {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b4h {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b4bh {background: #ddd;}
.b3bh {background: #ddd;}
.b2bh {background: #ddd;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; padding-top: 5px;}

/* ------ how to use the box */
/*
<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>
<div class="headh">
<h3>Here is your Header!</h3>
</div>
<div class="contenth">
    <div>Look ma, no images!</div>
</div>
<b class="b4bh"></b><b class="b3bh"></b><b class="b2bh"></b><b class="b1h"></b>	
*/

/* ====== general definition for next 4 boxes ========== */

/* surrounding margins (optional) */
.round{
margin-bottom:5px;
}
.round .c{
/* inner content padding */
padding:0 10px 0 10px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .b b{
display:block;
overflow:hidden;
}
.round .t b{
display:block;
overflow:hidden;
}
.round .b{
display:block;
overflow:hidden;
}
.round .t{
display:block;
overflow:hidden;
}
.round .b b{
float:right;
width:50%;
}
.round .t b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}


/* ==================================================== */
/* --- box type 1  - white box - gray border*/

/* curve height, background image */
.WhiteBox .t b{
height:10px;
background-image:url(img/ffffffFFFFFFD3D3D31101600.png);
}

.WhiteBox .b b{
height:10px;
background-image:url(img/ffffffFFFFFFD3D3D31101600.png);
}

.WhiteBox .b{
height:10px;
background-image:url(img/ffffffFFFFFFD3D3D31101600.png);
}

.WhiteBox .t{
height:10px;
background-image:url(img/ffffffFFFFFFD3D3D31101600.png);
}

/* inner color, border color, border width */
.WhiteBox .c{
background:#FFFFFF;
border-color:#D3D3D3;
border-left-width:1px;
border-right-width:1px;
}


/* ------ how to use the box ---------------------- */
/*
<div class="round WhiteBox">
...content...
</div>

<!-- works with both padding and margins -->
<div class="round WhiteBox" style="width:50%;">
<span style="margin:10px; padding:10px;">...content...</span>
</div>

*/
/* ==================================================== */
/* --- box type 2  - gray box - gray border*/

/* curve height, background image */
.GrayBox .t b{
height:10px;
background-image:url(img/ffffffF2F2F2D3D3D31101600.png);
}

.GrayBox .b b{
height:10px;
background-image:url(img/ffffffF2F2F2D3D3D31101600.png);
}

.GrayBox .b{
height:10px;
background-image:url(img/ffffffF2F2F2D3D3D31101600.png);
}

.GrayBox .t{
height:10px;
background-image:url(img/ffffffF2F2F2D3D3D31101600.png);
}

/* inner color, border color, border width */
.GrayBox .c{
background:#F2F2F2;
border-color:#D3D3D3;
border-left-width:1px;
border-right-width:1px;
}

/* ------ how to use the box ----------------------- */
/*
<div class="round GrayBox">
...content...
</div>

<!-- works with both padding and margins -->
<div class="round GrayBox" style="width:50%;">
<span style="margin:10px; padding:10px;">...content...</span>
</div>

*/

/* ==================================================== */
/* --- box type 3  - yellow box - gray border*/

/* curve height, background image */
/* curve height, background image */
/* curve height, background image */
.YellowBox .t b{
height:10px;
background-image:url(img/ffffffFFEDB3D3D3D31101600.png);
}

.YellowBox .b b{
height:10px;
background-image:url(img/ffffffFFEDB3D3D3D31101600.png);
}

.YellowBox .b{
height:10px;
background-image:url(img/ffffffFFEDB3D3D3D31101600.png);
}

.YellowBox .t{
height:10px;
background-image:url(img/ffffffFFEDB3D3D3D31101600.png);
}

/* inner color, border color, border width */
.YellowBox .c{
background:#FFEDB3;
border-color:#D3D3D3;
border-left-width:1px;
border-right-width:1px;
}

/* ------ how to use the box */
/*

*/
/* ==================================================== */
/* --- box type 4  - blue box - gray border*/
/* curve height, background image */
.BlueBox .t b{
height:10px;
background-image:url(img/ffffffDCE6F2D3D3D31101600.png);
}

.BlueBox .b b{
height:10px;
background-image:url(img/ffffffDCE6F2D3D3D31101600.png);
}

.BlueBox .b{
height:10px;
background-image:url(img/ffffffDCE6F2D3D3D31101600.png);
}

.BlueBox .t{
height:10px;
background-image:url(img/ffffffDCE6F2D3D3D31101600.png);
}

/* inner color, border color, border width */
.BlueBox .c{
background:#DCE6F2;
border-color:#D3D3D3;
border-left-width:1px;
border-right-width:1px;
}

/* ------ how to use the box */
/*
<div class="round BlueBox">
...content...
</div>

<!-- works with both padding and margins -->
<div class="round BlueBox" style="width:50%;">
<span style="margin:10px; padding:10px;">...content...</span>
</div>

*/
/* ==================================================== */

/* --- box type5  - without images*/

#xsnazzy p {margin:0 10px; letter-spacing:1px;}

#xsnazzy h2 {margin:0 10px; letter-spacing:1px;}

#xsnazzy h1 {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
/* #xsnazzy h2 {font-size:2em;color:#06a; border:0;} */
#xsnazzy h2 {font-size: 13px; color: #000000; border: 0; }
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xbottom {display:block; background:transparent; font-size:1px;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb4 {display:block; overflow:hidden;}
.xb3 {display:block; overflow:hidden;}
.xb2 {display:block; overflow:hidden;}
.xb1 {display:block; overflow:hidden;}
.xb3 {height:1px;}
.xb2 {height:1px;}
.xb1 {height:1px;}
.xb4 {background:#ffffff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb3 {background:#ffffff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb2 {background:#ffffff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #08c; border-width:0 1px;}

/* ------ how to use the box */
/*
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">

<h1>Snazzy Borders</h1>
<p>Based on Nifty Corners By Alessandro Fulciniti<br />http://pro.html.it/esempio/nifty/</p>

<h2>Rounded borders without images</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
  euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
  ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
  ut aliquip ex ea commodo consequat.</p>
<p>Duis autem vel eum iriure dolor in hendrerit
  in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla
  facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
  luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
*/
/* ==================================================== */
/* ---------------- */
#single-rightcol {
	font-size: 12px;
	float:left;
	width: 170px;
	margin-left: 18px;
}
.submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
	width: 170px;
}
.submenu li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 100%;
	list-style:none;
}
.submenu li a{
	color: #6A7A8E;
	/* color: #790000; */
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display: block;
	list-style: none;
}
.submenu li a:visited{
	color: #6A7A8E;
	/* color: #790000; */
	text-decoration: none;
}
.submenu li a:hover{
	text-decoration: none;
	background-color: #FF9900;
	color: #000000;
	/* background-color: #dae2cc; */
}
.submenu .page_item {
	display:block;
	/* font-weight: bold; */
	font-weight:normal;
}
.submenu .current-cat {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
.submenu .current_page_item {
	background: url(images/currentpg-arrow.gif) no-repeat right center;
}
/* ---------------- */






/* content_list */
div.content_extra
{
}

div.content_extra div.content_list
{
    background-color: #F9F9F9;
    padding: 5px 0px;
}

div.content_extra div.content_list .navigation
{
    float: right;
}

div.content_extra div.content_list .list
{
    margin-top: 10px;
}

div.content_list .navigation
{
    text-align: right;
    padding: 0px 2px 2px 2px;
}

div.content_list .main_navigation
{
    margin: 0px 0px 10px 0px;

    border-bottom: 1px solid #EBEFF3;
    border-top: 1px solid #EBEFF3;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Tahoma, Arial, Sans-serif;
    font-size: 11px;
}

div.content_list .main_navigation h3
{
    float: left;
    font-size: 15px;
    color: #016DAB;
    font-weight: 800;
    padding-left: 20px;
    line-height: 20px;
}

div.content_list .main_navigation h3 img
{
    vertical-align: top;
}

div.content_list .main_navigation div.links
{
    text-align: right;
    line-height: 20px;

    color: #666666;
    font-family: Tahoma, Arial, Sans-serif;
    font-size: 100%;
    font-weight: normal;

    padding-right: 20px;
}

div.content_list .main_navigation div.links a
{
    padding: 3px 6px 3px 6px;
    border: 1px solid #9AAFE5;
    margin-right: 2px;
    margin-left: 0px;
    text-decoration: none;
}

div.content_list .main_navigation div.links a:hover
{
    border: 1px solid #2E6AB1;
}

div.content_list .main_navigation div.links a.selected
{
    font-weight: 800;
    color: #FFFFFF;
    background-color: #3366CC;
    border: 1px solid #3366CC;
}

div.content_list .main_navigation div.links a.next {
    font-weight: 800;
}

div.content_list .main_navigation div.links a.previous {
    font-weight: 800;
}

div.content_list .main_navigation div.links span.previousNextDisabled {
    font-size: 100%;
    font-weight: 800;
    padding: 3px 6px 3px 6px;
    margin-right: 2px;
    color: #b0b0b0;
    border: 1px solid #b0b0b0;
}

div.content_list .list div.box
{
    display: block;
    float: left;
    width: 114px;
    height: 190px;
    margin: 0px 5px 15px 5px;
    padding: 0px 0px 10px 0px;
}

div.content_extra div.content_list .list div.box
{
    height: auto;
    margin: 0px 5px 15px 5px;
    padding: 0px 0px 10px 0px;
}


/* -------------------------------------------   */

