/* CSS Document

* {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
			} */
			

p {
color:#CCCCCC;
font-family: arial, helvetica, sans-serif;
}

			#leftbox {
				width:300px; 
				overflow:hidden;
				float:left;
				position:relative;
				font-family: arial, helvetica, sans-serif;
				color:#ccc;
				padding:10px;
				margin-left:40px;
				color:#ff0066;
				
				
				/* border:8px solid white; */
			}

		#rightbox {
				width:300px; 
				overflow:hidden;
				float:left;
				position:relative;
				font-family: arial, helvetica, sans-serif;
				color:#ccc;
				padding:10px;
					margin-left:40px; 
					color:#266ef4;
				/* border:8px solid white; */
			}
		
body {
	color:#000;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#000;
	
	font-size:90%;
	font-family: arial, helvetica, sans-serif;
			}
		
a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	display:block;
	padding:3px 10px;

			}
			
a:hover {
	color:#fff;
	background:#ff0066;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	padding:3px 10px;
}


a:hover.active,
a:hover.active:hover {
	color:#fff;
	background:#266ef4;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	padding:3px 10px;
}
			
		/* Setup Tabs */
			
			ul{
				background:#000;
				/* width:300px; /* Width of Tab Image */
				float: left;
				list-style: none;
				border-right:10px solid black;
			}
			
			/* 
			ul li{
				height:75px; /* Height of Tab Image 
			} */
			
		/* Setup Tab so normal opacity is 40 and rollover is 100 */
			ul li a img{
				/* for IE */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
				filter:alpha(opacity=40);
			  
				/* CSS3 standard */
				opacity:0.4;
			  
			}
			ul li a:hover img{
				  
				/* for IE */
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
				
				/* CSS3 standard */
				opacity:1.0;
			}

			
			#images{
				width:822px; 
				height:448px; 
				overflow:hidden;
				float:left;
				position:relative;
				color:#FFFFFF;
				/* border:8px solid white; */
			}
			
#images a:hover,
#images a:active,
#images  a.active:hover  {
		display:block;
		background:#000;
}
	
			
			#wrapper{
				width:100%;
				padding:3px 10px;
				height:448px;
				margin:0px auto;
				float:left;
			}
			
			#credits{
				width:633px;
				margin: 0 auto;
				text-align: right;
				}
				
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:300px;
	/*border-top:1px solid #000;*/
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	color:#999999;
	padding:10px;
}
#footer p {
	padding:4px;
	margin:0;
}
		
p{
margin-top:10px;
font-size:9pt;
}
			
			
/* Header styles */
#header {
	font-size:46px;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	clear:both;
	float:left;
	width:100%;
	background:#000;
	padding:10px 10px;
}
#header {

}
#header p,
#header h1,
#header h2 {

	margin:10;

}

ul.TickList {
  list-style-image: url('images/tick.gif')
}

ul.TickList2 {
  list-style-image: url('images/tick2.gif')
  
}

/*ul.TickList2 a, */

ul.TickList2 a:hover,
ul.TickList2 a:hover.active:hover {
	color:#fff;
	background:#266ef4;	
	position:relative;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
}