/* shared styles */
body {
	color: black;
	text-align: center;
	background: white url('../imgs/shared/grad_bg.gif') center repeat-y;
	font-size: 16px;
}

.navbar {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-family: "Book Antiqua", Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333399;	
}

a.navbar_lnk {
	color: #333399;
	text-decoration: none;	
}

a.navbar_lnk:hover {
	color: #8D82E0;
}

.langbar {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: "Book Antiqua", Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #333399;
	text-align: right;
}

.lang_text {
	padding-right: 5px;
}


.bottom_bar_cont {
	width: 770px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: left;
}
	
.bottom_bar {
	font-family: "Book Antiqua", Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333399;
	padding-left: 12px;
	clear: right;
}

a.langbar_lnk {
	color: #333399;
	text-decoration: none;
	font-size: 11px;
	padding-left: 18px;
}

a.langbar_lnk:hover {
	color: #8D82E0;
}

a#lang_it {
	background: url('../imgs/shared/it.gif') no-repeat left center;
}

a#lang_en {
	background: url('../imgs/shared/gb.gif') no-repeat left center;
}

.footer_lnk {
	color: #333399;
	text-decoration: none;
	font-size: 11px;
}

.footer_lnk:hover {
	color: #8D82E0;
}

/* ------------- main container ----------- */
.main_cont {	
	position: relative; /* fix the reference for thumbs and for making rounded border w shadow */
	top: 0px;
	left: 0px;
	width: 770px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	color: #333399;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: white;
	font-family: "Book Antiqua", Verdana, Georgia, "Times New Roman", Times, serif;
	text-align: center;	
	padding-bottom: 25px;
}

/* ------------- page headers ------------- */
h1 {
	display: block;
	width: 770px;
	height: 84px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: center 20px;
}

h1 span {
	display: none;
}

/* ------------- move-up link ------------- */
.up_lnk {
	text-align: right;
	padding-right: 50px;
}

/* ---------- style classes for rounded boxes with shadow ----------- */
.shadow_box_middle_right {
	position: absolute; /* so it's taken out of the flux and doesn't interfer with the other elements */
	top: 0px;
	right: 0px;			
	width: 12px;
	height: 100%;		
	background: url('../imgs/shared/middle_right.gif') right repeat-y;
	z-index: 10;
}

.shadow_box_middle_left {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 12px;
	height: 100%;		
	background: url('../imgs/shared/middle_left.gif') left repeat-y;
	z-index: 11;
}

.shadow_box_top_right {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 100%;
	height: 40px;
	background: url('../imgs/shared/top_right.gif') top right no-repeat;
	z-index: 12;
}

.shadow_box_top_left {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 100%;
	height: 40px;
	background: url('../imgs/shared/top_left.gif') top left no-repeat;
	z-index: 13;
}

.shadow_box_bottom_right {
	position: absolute;
	bottom: -1px; /* so we fix IE ver < 7 */
	left: 0px;			
	width: 100%;
	height: 33px;
	background: url('../imgs/shared/bottom_right.gif') bottom right no-repeat;
	z-index: 14;
}

.shadow_box_bottom_left {
	position: absolute;
	bottom: -1px; /* so we fix IE ver < 7 */
	left: 0px;			
	width: 100%;
	height: 33px;
	background: url('../imgs/shared/bottom_left.gif') bottom left no-repeat;
	z-index: 15;
}

/* ---------- style classes for rounded boxes with shadow (white bg)----------- */
.shadow_box_middle_right_white {
	position: absolute;
	top: 0px;
	right: 0px;		
	width: 15px;
	height: 600px;
	background: url('../imgs/shared/middle_right_w.gif') right repeat-y;
	z-index: 10;
}

.shadow_box_middle_left_white {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 11px;
	height: 600px;		
	background: url('../imgs/shared/middle_left_w.gif') left repeat-y;
	z-index: 11;
}

.shadow_box_top_right_white {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 100%;
	height: 32px;
	background: url('../imgs/shared/top_right_w.gif') top right no-repeat;
	z-index: 12;
}

.shadow_box_top_left_white {
	position: absolute;
	top: 0px;
	left: 0px;			
	width: 100%;
	height: 35px;
	background: url('../imgs/shared/top_left_w.gif') top left no-repeat;
	z-index: 13;
}

.shadow_box_bottom_right_white {
	position: absolute;
	bottom: -1px; /* so we fix IE ver < 7 */
	left: 0px;			
	width: 100%;
	height: 37px;
	background: url('../imgs/shared/bottom_right_w.gif') bottom right no-repeat;
	z-index: 14;
}

.shadow_box_bottom_left_white {
	position: absolute;
	bottom: -1px; /* so we fix IE ver < 7 */
	left: 0px;			
	width: 100%;
	height: 43px;
	background: url('../imgs/shared/bottom_left_w.gif') bottom left no-repeat;
	z-index: 15;
}

/* ------------------- LOGO -------------------- */

#logo_lddl {
	position: absolute;
	top: 10px;
	left: 20px;
	border: 0px;
}