/*  -------------------------------------------------
	G E T   R I D   O F   N A T I V E   M A R G I N S
	-------------------------------------------------  */

* {
	margin: 0px;
	padding: 0px;
}

.fl_right
{
	float: right;
}

.fl_left
{
	float: left;
}

/*  -------------------------------------------------
	P U T   N E W   M A R G I N S   I N
	-------------------------------------------------  */

p, h1, h2, ul {
	padding-bottom: 1em;
}

li {
	margin-left: 20px;
	margin-bottom: 0.5em;
}

html, body 
{
	font-family: arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	
	background-color: #AAC3FF;
}



#horizon        
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	
	xborder: 1px solid green;
	background-color: #AAC3FF;
}

#container
{
	display: inline;
	
	float: left;
	width: 770px;
	
	position: relative;
	left: 45px;
}

#outercontainer
{
	width: 860px;
	xheight: 100%;
	overflow: visible;
	visibility: visible;
	
	display: block;
	float: left;
	
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -430px;
	margin-top: 0px;
	
	
	
	background-image: url(../images/shadow_bg.jpg);
	xborder: 1px solid red;
}



/* divs on da page */

#header
{
	width: 770px;
	height: 80px;
	
	background-image: url('../images/header_bg.gif');
	background-repeat: no-repeat;
}

#nav
{
	background-image: url('../images/handcuffs.jpg');
	background-repeat: no-repeat;
	
	width: 770px;
	height: 200px;
	border-bottom: 10px solid #8EA3D2;
}

#mainsection
{
	width: 770px;
	float: left;
}

#lhcol
{ 
	float: left; 
	
	width: 425px;
}

#rhcol
{ 
	float: right; 
	
	width: 315px;
}

#footer
{
	width: 860px;
	height: 100px;
	padding-right: 45px;
	padding-left: 45px;
	margin-bottom: 0px;
	
	
	xborder-top: 10px solid #8EA3D2;
	padding-top: 10px;
	float: left;
	display: block;
	
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
} 

#footer p 
{ 
	border-top: 10px solid #8EA3D2; 
	padding-top: 5px;
	width: 770px;
	padding-bottom: 10px;
	
	font-size: 10px;
	color: #999999;
}


/* header styles */

#nav ul
{
	list-style: none;
	position: absolute;
	top: 85px;
	left: 10px;
}

#nav ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav ul li a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #8EA3D2;
} #nav ul li a:hover { text-decoration: underline; }




#floating
{
	width: 460px;
	height: 42px;
	
	background-image: url('../images/floating_bg.jpg');
	background-repeat: no-repeat;
	
	position: absolute;
	top: 113px;
	left: 10px;
}

#floating .section
{
	width: 150px;
	height: 42px;
	float: left;
	
	margin: 0px;
	padding: 0px;
	
	background-image: url('../images/bluestar.jpg');
	background-repeat: no-repeat;
	background-position: left;
	
	
}

#floating .section p
{
	padding-left: 48px;
}

#floating .section a
{
	display: block;
	
	font-weight: bold;
	font-size: 0.7em;
	color: #1A19B3;
	text-decoration: none;
	
	position: absolute;
	height: 42px;
	width: 150px;
	
}

#floating .section a span
{
	display: block;
	padding-top: 10px;
	padding-left: 48px;
}

#floating .section p
{
	padding-top: 22px;
	font-size: 0.6em;
	color: #666666;
}

/* body styles */
#rhcol h4
{
	background: #1A19B3;
	padding: 5px;
	
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
}

#rhcol p
{
	font-weight: normal;
	font-size: 0.7em;
	font-style: normal;
	padding: 4px;
	
	background-image: url('../images/dotted_blue_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
} #rhcol p.otherbg { background-color: #F2F2F2; }

#rhcol p.status
{
	font-style: italic;
	font-size: .6em;
	background: none;
}




#lhcol h4
{
	font-size: 1em;
	font-weight: normal;
	color: #1D1068;
	
	padding-top: 10px;
	padding-bottom: 10px;
	

	background-image: url('../images/dotted_grey_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

#lhcol p
{
	font-size: 0.8em;
	color: #8EA3D2;
	padding-top: 10px;
}

#lhcol ul, ol
{
	color: #8EA3D2;
}

#lhcol ul li
{
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

#lhcol a,
#rhcol a
{
	text-decoration: underline;
	color: #1A19B3;
} #lhcol a:hover, #rhcol a:hover { text-decoration: none; }