@charset "UTF-8";
/* CSS Document */

html, body { 
margin: 0; 
padding: 0; 
color: #fff; 
height: 100%; 
text-align: center; 
} 

#container { 
position: relative; 
width: 825px; 
margin: 0 auto; 
text-align: left; 
background: #6EA3D4; /* replave this with background image of choice */ 
min-height: 100%; /* this is where inheritance stops */ 
} 

/*\ Give to IE/Win but hide from IE/Mac - unfortuantely it won't support either min-height method */ 
* html #container { 
height: 100%; 
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

#header { 
position: absolute; 
z-index: 100; 
left: 50%; 
margin: 0 0 0 -50%; 
padding: 0; 
height: 265px; 
width: 825px; 
background: #008; 
} 

#footer 
{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -50%;
	padding: 0;
	height: 50px;
	width: 825px;
	background: #121114;
	overflow: auto;
} 


#main-col 
{
	position: relative;
	float: right;
	margin: 265px 0 0 0;
	padding: 0 0 60px 0;
	width: 825px;
	color: #000;
	overflow: visible;
} 

p {margin: 0px 0px;} 
.style1 {font-size:16px;
	color: #FFFFFF;line-height:22pt;
	list-style-image: url(images/bullet.gif);
	list-style-type: none;
}
.style2 {font-size:16px;
	color: #121114;
	line-height:22pt;
	list-style-type: none;
}
.style3 {color: #121114;line-height:22pt;font-size:16px;list-style-image: url(images/bullet.gif);
	list-style-type: none;}

.style4 { font-size:12px; line-height:22pt;
	color: #FFFFFF;
	
}
body {
	background-color: #121114;
}
body,td,th {
	font-family:  Trebuchet,  Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; line-height: normal;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}