/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

/* basic elements */
body 
{ 
	font: copperplate gothic bold;
	color: #8D8D8D;
	background: #000000; 
	width: 100%;
}

body img.centered
{
	border: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

body b
{
	color: #F0F0F0;
}
	
div#container 
{
	width: 100%;
}
	
div#sections 
{
	position: absolute; 
	top: 100px; 
	left: 0px;  
	width: 100%; 
	height: 19px; 
	font: 15px copperplate gothic bold, sans-serif; 
	/*padding-top: 10px;*/
	/*z-index: 100; */
	background-image: url(../Images/NeonGrey/neon-piccolo-bw5.gif); 
	background-repeat: repeat-x;
	background-position:center;
/*
	border-right: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
*/
}

/* 
	Hack for FireFox
	IE can't understand the this CSS rule 
	http://www.sitepoint.com/article/browser-specific-css-hacks


html>body #sections
{
	padding-top: 0px;
}
*/

div#sections a 
{
	display: inline; 
	text-align: center; 
	/*font: bold 1em sans-serif;*/
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none; 
	color: #1e1e1e; 
/*	
	background-image: url(../Images/NeonGrey/neon-4.gif); 
	background-repeat: repeat-x;
	background-position:center;
*/	
/*
	background: transparent; 
*/
/*	
	background-color: Green;
*/	
	border-right: 1px solid #000000;
/*
	border-right: 1px solid #00ff00;
	border-left: 1px solid #00ff00;
	border-top: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
*/
}

div#sections a.SelectedSection
{
	/*background-image: url(../Images/NeonGrey/neon-6.gif); */
	background-image: url(../Images/NeonGrey/neon-piccolo-magenta-32.png); 
	background-repeat: repeat-x;
	background-position:center;
}
   
div#sections a:hover; 
{
	color: #ffffff;
}     

div#sections h1 
{
	background: transparent; 
	margin-top: 0px; 
	margin-left: 20px;
	width: auto; 
	/*height: auto;*/
	float:none; 
	font: bold 20px copperplate gothic bold, sans-serif;
	color: #005fFF;
	text-align: left;
	
	height: 0px;
}

div#sections h1 span 
{
	display: none;
}

div#subsections 
{
	position: absolute; 
	top: 120px; 
	left: 0px;  
	width: 100%; 
	height: 19px; 
	font: 15px copperplate gothic bold, sans-serif;
	/*padding-top: 10px;*/
	/*z-index: 100; */
	/*background-image: url(../Images/NeonGrey/neon-6.gif); */
	background-image: url(../Images/NeonGrey/neon-piccolo-magenta-32.png); 
	background-repeat: repeat-x;	
	background-position:center;
/*
	border-right: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
*/
}

div#subsections a 
{
	display: inline; 
	text-align: center; 
	/*font: bold 1em sans-serif; */
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none; 
	color: #1e1e1e;
/*	
	background-image: url(../Images/NeonGrey/neon-piccolo-bw5.gif); 
	background-repeat: repeat-x;
	background-position:center;
*/	
	background: transparent; 
	/*
	background-color: Green;
	*/
	border-right: 1px solid #000000;
}
   
div#subsections a.SelectedSubSection
{
	/*background-image: url(../Images/NeonGrey/neon-4.gif); */
	background-image: url(../Images/NeonGrey/neon-piccolo-magenta-96.png); 
	background-repeat: repeat-x;
	background-position:center;
}

div#subsections a:hover; 
{
	color: #ffffff;
	/*background: #transparent;
	background-image: url(../Images/NeonGrey/neon-5.gif); 
	background-repeat: repeat-x;
	background-position:center;
	*/	
} 

div#themes 
{
	position: absolute; 
	float: right;
	top: 150px; 
	right: 0px;
	width: 200px; 
	height: auto; 
	font: 17px copperplate gothic bold, sans-serif;
	background: #000000;
	display: none;
}

div#themes a 
{
	font: bold 1em sans-serif; 
	text-decoration: none; 
	color: #F7F7F7; 
	background: transparent; 
	padding-right: 20px;
}

div#themes a:hover 
{
	color: #555555;
	background: #transparent;
} 
/*
div#themes a:visited 
{
	color: #808080;
	background: #transparent;
} 

div#themes a:visited:hover
{
	color: #555555;
	background: #transparent;
} 
*/
div#themes ul 
{
	list-style: none;
}
   
div#themes h1 
{
	background: transparent; 
	background-image: url(../Images/NeonGrey/neon-piccolo-bw5.gif);
	margin-top: 0px; 
	margin-right: 0px;
	width: auto; 
	height: auto;
	font: bold 20px copperplate gothic bold, sans-serif;
	color: #F7F7F7;
	text-align: left;
}

div#themes h1 span
{
	display: block;
}

div#themes li 
{
	background: transparent; 
	margin-top: 0px; 
	margin-left: -10px;
	width: auto; 
	height: auto;
	float: none; 
	color: #005fFF;
	text-align: left;
}
   	   
div#pageHeader 
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100px; 
	background: #000000; 
	background-image: url(../Images/NeonGrey/neon-titoli-bw10.gif); 
	background-repeat: repeat-x;
}
 
div#pageHeader h1 
{
	background: transparent; 
	margin-top: 20px; 
	margin-left: 0px;
	width: auto; 
	height: 100px;
	float: none; 
	font: bold 36px copperplate gothic bold, sans-serif;
	color: #000000;
	text-align: center;
}

div#pageHeader h1 span 
{
	display: block;
}
	
div#pageHeader h2 
{ 
	background: transparent; 
	margin-top: -40px; 
	width: 400px; 
	float: right;
	font: bold 13px copperplate gothic bold, sans-serif;
	color: #F7F7F7;
	text-align: right;
}

div#pageHeader h2 span 
{
	display: none;
}
		
div#extraDiv1
{ 
	background: transparent url(../Images/Logo-with-neon.gif) top left no-repeat; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 220px; 
	height: 100px; 
	/*z-index: 101;*/
}
	
div#pageContent
{
	font: 12px verdana;
	margin-top: 150px;
	margin-left: 10px;
	margin-right: 270px;
	background: #000000;
}

div#pageContent a 
{
	color: #8D8D8D;
	text-decoration: none; 
}
   
div#pageContent a:hover 
{
	color: #F7F7F7;
	text-decoration: none;
} 

div#pageContent img
{
	border: 0px;
}

div#pageContent h1
{
	font: bold 17px copperplate gothic bold, sans-serif;
	text-align: right;
}

div#pageContent h2
{
	font: bold 17px copperplate gothic bold, sans-serif;
	border-bottom: 1px solid #F7F7F7;
}

div#pageContent h3
{
	font: bold 12px copperplate gothic bold, sans-serif;
	border-bottom: 1px solid #6D6D6D;
	text-align: right;
}




div#pageContent table
{
	
	width: 100%;
}


.tableCaption
{
 font: bold 12px copperplate gothic bold, sans-serif;
}






div#pageContent thead
{
	font: bold 12px copperplate gothic bold, sans-serif;
	background: transparent; 
	color: #f7f7f7;
	background-image: url(../Images/NeonGrey/neon-piccolo-bw5.gif);
	/*background-image: url(../Images/NeonGrey/neon-6.gif);*/
	/*background-image: url(../Images/NeonGrey/neon-4.gif);*/
}

div#pageContent tbody.EventNotExpired
{
	/*color: #c0c0c0;*/
	text-decoration: none;
}

div#pageContent tbody.EventExpired
{
	/*color: #c0c0c0;*/
	text-decoration: line-through;
}

div#pageContent tfoot
{
	font: bold 10px copperplate gothic bold, sans-serif;
}

div#pageFooter
{
	padding-top: 100px;
	margin-left: 10px;
	margin-right: 150px;
	background: #000000;
}

div#pageFooter h1 span 
{
	display: none;
}

div#pageFooter h2 
{ 
	background: transparent; 
	font: bold 10px copperplate gothic bold, sans-serif;
	text-align: left;
	border-top: 1px solid #F7F7F7;
}

div#banner 
{
	position: absolute; 
	float: right;
	top: 205px; 
	right: 0px;
	width: 250px; 
	height: 400px; 
	font: 17px copperplate gothic bold, sans-serif;
	background: #000000;
	display: block;
}