/* general */
	body {
		margin: 2px;
		padding: 0;
		font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
		font-size: 1em;
		color: #DDD;
		background-color: #123;
	}
	h1 {
		margin: 2px 4px 2px 4px;
		font-size: 11pt;
	}
	h2 {
		margin: 0;
		font-size: 1em;
	}
	h3 {
		margin: 0;
		font-size: 0.9em;
	}
	/* enables outboard */
	#bigbox {
		width: 945px;
		margin: 0 auto;
	}
		/* the normal sitebox */
		#siteboxfloat {
			float: left;
			width: 775px;
		}
			#adtop {
				width: 100%;
				margin: 0 auto 8px;
				text-align: center;
			}
			#sitebox {
				background: url(/res/transdark12.png) repeat-y;
				width: 775px;
				padding-top: 5px;
				text-align: left;
			}
			/* footer */
			#bottom {
				font-size: 0.8em;
				margin-top: 12px;
				padding-top: 12px;
				text-align: center;
				background: #357 url(/res/gradbuttonblue.gif) repeat-y;
			}
		#outboardfloat {
			width: 260px;
			margin-left: 785px;
			padding-top: 188px;
		}
		#outboardFloatLeftAnchor {
			height: 0px;
			float: right;
		}
		#outboardFloatLeft {
			width: 360px;
			padding: 10px;
			clear: right;
			text-align: right;
		}
	#siteboxFooter {
		width: 725px;
		background: url(/res/transdark12.png) repeat-y;
		padding: 9px 24px;
		margin-bottom: 5px;
		color: #357;
		text-align: center;
		font-size: 0.7em;
	}
	#siteboxFooter a {
		color: #357;
	}

	/* a nice button for forms */
	.sbutton {
		font-size: 1em;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #123;
		border-bottom: 1px solid #123;
		border-top: 1px solid #a8a8a8;
		border-left: 1px solid #a8a8a8;
	}

	a:link{ color:#cde; }
	a:visited{ color:#bcd; }
	a:hover{ color:#def; }
	a:active{ color: #fff; }

	/* a nice button for the onion layout */
	a.button { margin-bottom: 5px; cursor: pointer; display: block; float: left; height: 16px; padding: 4px 0; color: #EEE; text-align: center; text-decoration:none; font-size:11px; font-weight:bold; width:127px; background:url(/res/buttonred.gif) no-repeat; }
	a.button:hover { background-position:0 -24px; color: #FFF; }
	a.buttonoff { margin-bottom: 5px; cursor: default; display: block; float: left; height: 16px; padding: 4px 0; color: #CCC; text-align: center; text-decoration:none; font-size:11px; font-weight:bold; width:127px; background:url(/res/buttongrey.gif) no-repeat; }
	a.buttonoff:hoover { color: #CCC; }

	/* nice 2nd level heading for the onion layout */
	a.NonDecoDark { color: #000; text-decoration: none; }
	a.NonDecoLight { color: #cde; text-decoration: none; }

/* header */
	#header {
		background: #357 url("/res/gradbuttonblue.gif") repeat-y;
		position: relative;
		min-height: 39px;
		height: 5em;
		padding: 15px 0;
		/* follows the Tantek Celik Hack */
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 3em;
		padding: 15px 0;
	} #ignored {}

	#header h1 {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		font-size: 2px;
		background: url("/res/cortopleft.gif") no-repeat;
		height: 8px;
		z-index: 100; /* above headerRed */
	}
	#header h1 a {
		display: block;
		width: 350px;
		height: 68px;
		background: transparent url("/res/logo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	} 

        .headerRed{
		width: 500px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 4px;
		font-size: 0.8em;
		text-align: right;
		background: url("/res/headerRed.gif") no-repeat bottom right;
		z-index: 90; /* below H1 */
	}

/* header search field */
	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 20px 70px 0 0;
		width: 350px;
		height: 40px;
		background: url("/res/headerSearch2.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 1em; }
	#header form input { font-size: 1em; }
	
	#header form #Search {
		width: 170px;
		font-size: 1em;
		border: 1px solid #9097A2;
		background: #CCCCCC;
		padding: 2px;
	}
	#header form #Search:hover, #header form #Search:focus {
		background: #fff;
	}

/* -- Menu & news container -- */
	#sideBar {
		width: 100px;
		margin: 0px;  
	}
	#sideBar p {
		margin: 0px;
		padding: 7px 10px 0 22px;
		font-size: 0.8em;
		line-height: 2em;
		text-align: right;
	}

	#sideBar a.menuItem {
		display: block;
		clear: both;
		font-size: 1em;
		text-decoration: none;
		margin-bottom: 1px;
		padding: 4px 0 4px 12px;
		border: 0px;
		color: #FFFFFF;
		background: #357 url(/res/gradbuttonblue.gif) repeat-y;
	}
	#sideBar a.menuItemHighlight {
		display: block;
		clear: both;
		font-size: 1em;
		text-decoration: none;
		margin-bottom: 1px;
		padding: 4px 0 4px 12px;
		border: 0px;
		color: #000000;
		background: #CCCCCC url(/res/gradbuttongrey.gif) repeat-y;
	}
	#sideBar a:hover.menuItem {
		color: #fff;
		background: #666 url(/res/gradbuttongrey.gif) repeat-y;
	}
	#sideBarFooter {  
		height: 10px;
		background: url(/res/tabbottom.gif) no-repeat top;
	}

/* Content on light grey */
	#ContentHeader {
		width: 674px;
		background: #a8a8a8 url(/res/bggradrev2.gif) repeat-x top;
		font-weight: bold;
	}
	#ContentHeaderDiv {
		width: 100%;
		max-width: 675px;
		min-height: 100px;
		min-height: 100px;
		font-size: 1.6em;
		color: #000;
	}
	#ContentLeft {
		width: 160px;
		height: 790px;
		background: #a8a8a8;
	}
	#ContentLeftFooter {
		position: relative;
		top: 0;
		height: 5px;
		background: url(/res/leftfooter.gif) no-repeat top left;
	}
	#Content {
		width: 499px;
		min-height: 650px;
		padding: 8px;
		padding-top: 0;
		color: #000;
		background: #a8a8a8;
	}
	#Content a:link { color:#357; }
	#Content a:visited{ color:#123; }
	#Content a:hover{ color:#468; }
	#Content a:active{ color: #fff; }

/* Content on dark blue (onion layout) */
	#ContentDarkHead h3 {
		color: #DDD;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

	#ContentDarkHead a:link{ color:#cde; }
	#ContentDarkHead a:visited{ color:#bcd; }
	#ContentDarkHead a:hover{ color:#def; }
	#ContentDarkHead a:active{ color: #fff; }

	#ContentDark {
		color: #DDD;
	}
	#ContentDark a:link{ color:#cde; }
	#ContentDark a:visited{ color:#bcd; }
	#ContentDark a:hover{ color:#def; }
	#ContentDark a:active{ color: #fff; }

	#snavs {
		display: inline;
		padding: 5px 4px 13px 6px;
		background: #357;
		border-left: 1px solid #000;
		border-bottom: 0;
		border-top: 0;
	}
	#snav {
		display: inline;
		padding: 5px 4px 8px 6px;
		border-left: 1px solid #000;
		border-bottom: 0;
		border-top: 0;
	}
	.boxHead {
		font-size: 0.9em;
		padding: 1px 8px 1px 1px;
		border: 1px solid #123;
		background-color: #123;
	}
	.boxBody {
		font-size: 0.8em;
		padding: 8px;
		border: 1px solid #123;
	}

/* round corners trick +font1px hack: webdesign.html.it/articoli/leggi/528/more-nifty-corners/ */
	.rtop, .rbottom{display:block}
	.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #305478; }
	.r1{margin: 0 5px; font-size: 1px; }
	.r2{margin: 0 3px; font-size: 1px; }
	.r3{margin: 0 2px; font-size: 1px; }
	.r4{margin: 0 1px; font-size: 1px; height: 2px}

	.rdarktop, .rdarkbottom{display:block}
	.rdarktop *, .rdarkbottom *{display: block; height: 1px; overflow: hidden; background-color: #123; }

	.rredtop, .rredbottom{display:block}
	.rredtop *, .rredbottom *{display: block; height: 1px; overflow: hidden; background-color: #900; }

	/* on grad bg we need imgs */
	.bl {background: url(/res/corbottomleft.gif) 0 100% no-repeat; width: 775px;}
	.br {background: url(/res/corbottomright.gif) 100% 100% no-repeat}