/* Copyright © Arix 2006 */

body { 
	background: #54B2CD; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	font: 70%/1.2em Verdana, Arial, Helvetica, sans-serif;
	}

img {
	border: 0;
}

hr {
    border: 0;
    width: 100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px; 

} 

/* --------- structural elements --------- */

#content { 
	background: #fff; 
	text-align: left; 
	margin: 0 auto 16px; 
	padding: 0; 
	width: 760px; 
	border-style: none solid solid; 
	border-width: 0 2px 2px; 
	border-color: #79C7DE ;
	position:relative;
	}
	
#body { 
	width: 490px; 
	}
	
#body, #body td, #body th   { 
	margin: 0 0 24px 24px; 
	}
	
#body, #body td, #body th, #body p { 
	font-size: 10px; 
	line-height:160%
	}

/*Header*/
#header     { 
	display: block; 
	margin: 0 8px; 
	padding: 0;
	}

#header h1    { 
	background: #F8DF5B;
	text-align: right; 
	display: block; 
	margin: 0; 
	padding: 26px ; 
	height: 35px;
}

	#flash {
		position:absolute; 
		width:400px; 
		height:200px; 
		z-index:1; 
		right: 20px; 
		top: 180px;
		}

	#scrittaflash {
		position:absolute; 
		width:300px; 
		height:100px; 
		z-index:1; 
		right: 20px; 
		top: 0px;
		}


/*Navigation*/
div#navigation  { 
	color: #bbb; 
	text-align: right; 
	display: block; 
	margin: 0 0 0 10px; 
	padding: 6px 0 6px 8px; 
	width: 730px 
	}

/*Feature Image*/
#featureimage { 
	background: url(../img/img_top.gif) no-repeat center top; 
	display: block; 
	margin: 0 8px 8px; 
	padding: 0; 
	height: 234px; 
	float: none; 
	clear: both 
	}

/*Right Hand column*/
#columnright   { 
	display: block; 
	margin: 0; 
	padding: 0 0 16px 0; 
	position: relative; 
	right: 8px; 
	width: 173px; 
	float: right;
	color: #333;
	font: 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	
#columnleft { 
	display: block; 
	margin: 0 20px 0 0; 
	padding: 0 0 16px 0; 
	position: relative; 
	left: 8px; 
	width: 173px; 
	float: left;
	color: #333;
	font: 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
	}

.bluebox, .redbox { 
	margin: 0; 
	padding: 0; 
	float: none; 
	clear: both;
	}
	
.bluebox, .redbox, .redbox td, .bluebox td { 
	font: 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #fff !important
	}
	
div.bluebox    { 
	background-color: #54B2CD;  
	display: block;
	width: 173px;
	}
	
div.blueboxtop       { 
	background-image: url(../img/link_top.gif); 
	display: block; 
	width: 173px; 
	height: 52px;
	margin: 0;
	}
	
div.bluepoftop { 
	background-image: url(../img/pof_top.gif); 
	display: block; 
	width: 173px; 
	height: 52px;
	margin: 0;
	}

div.blueboxbottom   { 
	background-image: url(../img/link_bottom.gif); 
	display:block; 
	width: 173px; 
	height:14px;
	}

div.redbox    { 
	background-color: #54B2CD; 
	display: block;
	}
	
div.redboxtop       { 
	background-image: url(../img/news_top.gif); 
	display: block; 
	width: 173px; 
	height: 38px;
	}
	
div.redboxbottom   { 
	background-image: url(../img/news_bottom.gif); 
	display:block; 
	width: 173px; 
	height:13px;
	margin-bottom: 20px; 
	}

/*Footer Styles*/
#footer     { 
	background: #969696 url(../img/bg_footer.gif) repeat-x left top; 
	text-align: center; 
	display: block; 
	margin: 8px 8px 0 8px; 
	padding-top: 8px; 
	height: 34px; 
	clear: both 
	}
	
#footer a:link, #footer a:visited { color: #ff9 }
	
#footer a:hover { color: #fcd560 }
#footer a:active { color: #ffc71a }


/* --------- link --------- */

a:link { 
	color: #54B2CC; 
	text-decoration: none 
	}
	
a:visited { 
	color: #54B2CC 
	}

a:hover { 
	color: #E843A1 
	}

a:active { 
	color: #54B2CC 
	}
	
	
#navigation a:link, #navigation a:visited { 
	color: #54B2CC; 
	font-weight: bold;
	text-decoration: none; 
	display: inline; 
	padding: 2px 4px 
	}
	
#navigation a:hover    { 
	color: #E843A1; 
	text-decoration: none 
	}
	
#navigation a:active     { 
	color: #ef0007; 
	background-color: #fcedac 
	}

table.afilladder td a:link, table.afilladder td a:active, table.afilladder td a:visited {
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

table.afilladder td a:hover {
	color: #E843A1; 
}


/* --------- text --------- */

h1 { 
	font-size: 2em; 
	font-weight: bold; 
	margin: 0.67em 0 
	}

h2 { 
	font-family: Times New Roman, Times, serif; 
	font-size: 22px !important; 
	font-weight: normal; 
	letter-spacing:-1px;
	color: #000000;
	margin : 2px;
  	height: 22px;
  	line-height: 22px;
/*text-transform:uppercase;*/
}

h3 { 
	font-size: 1.17em; 
	font-weight: bold; 
	margin: 1em 0 
	}

h4 { 
	font-weight: bold; 
	margin: 1.33em 0 
	}

p.boldorange
{
  color            :#B91704;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
}

#columnright h1  { 
	font-size: 22px; 
	font-weight: normal; 
	margin: 0 0 10px 
	}
	
#columnright p { 
	margin: 0
	 }

/*table*/

td.contentheading { 
font-family	: Times New Roman, Times, serif; 
font-size: 22px !important; 
font-weight: normal; 
font-style:italic;
letter-spacing:-1px;
color: #54B2CD;
margin-left: 80px;
height:40px;
/*text-transform:uppercase;*/
}

.afilladder th { color: #fff !important; font-weight:bold; padding: 4px 2px 2px 4px}
.afilladder td { padding: 2px 10px; }
.afilladder tr.row1 { background-color: #54B2CD }
.afilladder tr.row2 { background-color: #A2D5E4; }

td.download {
	background: url(../img/bg_download.gif) no-repeat center right; 
}