/* CSS Document */
             
 

body{
			margin: 0;
			padding: 0;
			text-align: center;
			background-image: url(images/background4.gif);
			background-repeat: repeat;
}

 

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-right: 3px solid #444;
border-left: 3px solid #444;
border-bottom: 3px solid #444;
background: url(images/container-back.gif) repeat-y left top;
}

 

#contentwrapper{
float: left;
width: 100%;
}

#sample		{
			margin-top: 20px;
			margin-bottom: 20px;
			text-align: center;
			}
			
#sample	img	{
			margin: 20px;
			
}				

#navigation{
margin-right: 690px; /*Set right margin to RightColumnWidth*/
background-color:#ddd;
text-align:left;
margin-top:0;
padding-top:0;


}

 #navigation ul { 
 			list-style-type: none;	
 			padding-left: 0;
			margin-left: 0;
			margin-top: 0;
			
 }
 
 .live
		{
		background-color: #0f0;
		} 
 
 
#navigation ul a { 
			display: block;
 			width:80px; 
			border: 0;
			padding: 1px 13px 1px 17px;
			text-indent: 0px;
		 	text-decoration: none;
			color: #000000;
			background-color:#dddddd;
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: normal;
			 
			}
			
 		
			
#navigation ul a.indent {
			display: block;
 			width:80px; 
			border: 0;
			padding: 1px 15px 1px 15px;
		 	text-decoration: none;
			text-indent: 15px;
			color:#000;
			background-color:#dddddd;
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: normal;
			 
			}			
			
#navigation ul a:hover {
			background-color:#c3c3c3;
			font-weight: normal;
			color: #000000;
			text-decoration:underline;
}	

			
#navigation ul a:visited {
			background-color:#dddddd;
			font-weight: normal;
			color: #000000;
}	

#navigation ul a:visited:hover {
			background-color:#c3c3c3;
			font-weight: normal;
			color: #000000;
			text-decoration:underline;
}	

#navigation ul li{
		display:inline;
} 

#navigation span.norm { 
			display: block;
 			width:80px; 
			border: 0;
			padding: 1px 15px 1px 16px;
			text-indent: 0px;
		 	text-decoration: none;
			color: black;
			background-color:#dddddd;
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: normal;
			}

 
			
#navigation span.here { 
			display: block;
 			width:80px; 
			border: 0;
			padding: 1px 0px 1px 18px;
			text-indent: -12px;
		 	text-decoration: none;
			color: #d4232c; 
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: bold;
			}			
			
			
#navigation span.breaker { 
			display: block;
 			width:80px; 
			border: 0;
			padding: 16px 0px 3px 17px;
		 	text-decoration: none;
			color: #000;
		 	text-transform: uppercase;
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: bold;
			 
			}			
			
		
#navigation span.indent { 
			display: block;
 			width:80px; 
			border: 0;
			padding: 1px 0px 1px 15px;
		 	text-decoration: none;
			text-indent: 4px;
			color: #d4232c;
			font-family: arial, sans-serif;
			font-size: small;
			font-style: regular;
			font-weight: bold;
			}




#header	{
		background-image: url(images/header2.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}
		
#header-animation	{
		background-image: url(images/back-animation.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}	
		
#header-flyer	{
		background-image: url(images/back-flyer.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}
		
#header-links	{
		background-image: url(images/back-links.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}
				
#header-graphic	{
		background-image: url(images/back-graphic.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}
		
#header-art	{
		background-image: url(images/back-art.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}				
		
#header-web	{
		background-image: url(images/back-web.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}		
		 		
		
#header-logo	{
		background-image: url(images/back-logo.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}
		
#header-poster	{
		background-image: url(images/back-poster.gif);
		background-repeat: repeat;
		margin:0;
		padding:0;
		height: 110px;
		vertical-align: middle;
		text-align:left; 
			 	
		}					
		
		
#header-inside {
		margin: 0;
		width:100%;
		padding-top: 25pt;
		
}


#footer{
clear: left;
width: 100%;
background: black;
color: #BBB;
text-align: center;
padding: 4px 0;
font-size: xx-small;
font-family: arial, verdana, sans-serif;
}

 
 

.innertube{
margin-left: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right:30px;
margin-top:15px;
margin-bottom:30px;
 
}

 
			
 h1 {	 
 			font-family: arial, verdana, sans-serif;
			color: #000;
			margin-top: 0px;
			margin-left: 40px; 
			text-align: left;
			font-size: xx-large;}			
			
			
 h3 {	 
 			font-family: arial, verdana, sans-serif;
			color: #000000;
			margin-bottom: 0px;
			margin-top: 15px;
			font-size: medium;}
			
 p {		 
 			font-family: arial, verdana, sans-serif;
			color: #000;
			font-size:small;
			line-height: 150%;}
			
span.reg {		 
 			font-family: arial, verdana, sans-serif;
			color: #000000;
			font-size:small;
			line-height: 150%;}			
	
td.left  {
			text-align: left;
			vertical-align: top;	
		
}	

#rightcolumn{
float: left;
width: 690px; /*Width of right column*/
margin-left: -690px; /*Set left margin to -(RightColumnWidth) */
vertical-align: top;
text-align:left;
}

#rightcolumn hr  {	
			 color: #ddd;
				background-color: #ddd;
				height: 3px;
				border: 0;
				width: 100%;
				margin-top:25px;
				margin-bottom:25px;

}	

#rightcolumn ul {margin-top:10px;}

#rightcolumn ol {margin-top:10px;}		
			
#rightcolumn li  {font-family: arial, verdana, sans-serif;
			color: black;
			font-size: small;
			line-height: 125%}			
			
#rightcolumn a  {font-family: arial, verdana, sans-serif;
			color: #d4232c;
			font-size: small;
			text-decoration: underline;}
			
#rightcolumn a:hover  {font-family: arial, verdana, sans-serif;
			color: d4232c;
			font-size: small;
			text-decoration: none;}
			
			
	#sidebox {float: right;
			width: 200px;
			padding: 0px;
			border: 2px solid #000;
			background-color:#fff8dc;
			margin-right: 16px;
			margin-left: 12px;
			margin-top: 12px;
			margin-bottom: 12px;}
			
	#sidebox h3 {font-family: arial, verdana, sans-serif;
			color: #fff;
			margin-bottom: 0px;
			margin-top: 0px;
			padding-top: 12px;
			padding-bottom: 12px;
			padding-left: 18px;
			padding-right: 18px;
			font-size: small;
			background-color:#d4232c;
			align: center;}
			
	#sidebox div {margin: 8px;}