<style>
<!--

BODY{ 
	margin-left:20px;
} 

A:link { text-decoration: none; color: #EEEEEE }
A:visited { text-decoration: none; color: #EEEEEE }
A:hover { color: #6cea59; text-decoration: none }
A:active { color: #6cea59; text-decoration: none }



.menu{ 
	font-size:.9em; 
	position:absolute; 
	top:160px; 
	left:0; 
	font-family:Trebuchet MS, Helvitica, Arial, sans-serif; 
	color:white; 
	text-align:right; 
	padding-right:50px; 
	width:155px; 
	font-size:18pt; 
	z-index:2;
	margin-left:1px;
	
}




.heading3 { 
	border-bottom: 1px solid #5D0950; 
	font-size:18pt; 
	font-weight:bold; 	
	width: 100%; 
}



.heading2 { 
	border-bottom: 1px solid #5D0950; 
	font-size:1em; 
	font-weight:bold; 	
	width: 100%; 
	margin-top:20px;
}

.content{ 
	position:absolute; 
	left:186; 
	top:104; 
	background-color:#3988BB; 
	border:3px solid #5D0950; 
	border-bottom:0;
	z-index:0; 
	width:590px; 
	color:white; 
	font-family:Trebuchet MS; 
	text-align:left; 
	font-size:.9em; 
	background-image: url('img/content-bg.jpg'); 		
	background-repeat:no-repeat; 
	padding-left:10px; 	
	padding-right:0px;
	min-height:500px;
}
html>body .content{
	width:573px;
	padding-right:10px;
}


.content a, .content a:visited{
	font-weight:bold;
	text-decoration:underline;
	color:#6cea59;
}

p > b{
	text-decoration:underline;
	}

.copyright{ 
	position:absolute; 
	color:#5D0950; 
	text-align:center; 
	font-size:.6em; 
	align:center; 
	display:none;
}

/* aligning all the images and layout in css because that would have been the SMART thing to do*/
.banner{
	position:absolute; 
	left:157; 
	top:0px; 
	border:0; 
	z-index:1;
}

.side-saber{
	position:absolute; 
	left:157; 
	top:126; 
	border:0; 
	z-index:1;
}

.logo{
	position:absolute; 
	left:0px; 
	top:0px; 
	border:0; 
	z-index:1;
}

.menu-bg{
	z-index:1; 
	position:absolute; 
	left:0; 
	top:142; 
	border:0; 
	z-index:1;
}


div, img{
	position:relative;
	}
/***************************************/

td{
	background-color:black;
	padding:0;
	margin: 0;
}
.banner-cell{
	background-image: url("img/banner.jpg");
	width:642px;
	height:126px;
	}
	
	
.test-footer{
	width:583px;
	background-color:black;
	color:#5D0950;
	font-size:8pt;
	left:-13px;
	border-top:4px solid #5D0950;
	text-align:center;
	padding-left:10px;
	}
	
html>body  .test-footer{
	width: 600px;
}
	
	
	.menu-item{
		background-image: url("img/menu-item.jpg");
		z-index:0;
		background-repeat:repeat-x;
		width: 157px;
		height:15px;
		text-transform:uppercase;
		font-size:14pt;
		font-style:italic;
		padding-top:10px;
		padding-bottom:10px;
		padding-right:0px;
		left:2px;	
	}
	
	
.quote{
	border:1px solid #5D0950;
	padding:10px;
	margin:10px;
	font-style:italic;
	z-index:0;
	}
	
	dl{
		padding-bottom:0px;
		margin-bottom:0px;
		}
/****************/
.port-entry{
	min-height:200px;
	padding-bottom:5px;
	border-bottom:2px solid #5D0950;
	margin-bottom:5px;
}

div.port-entry > a{
	text-decoration:none;
}

.port-thumb{
	border:0;
	float:left;
	width:150px;
}

.port-thumb > a > img{
	width:150px;
	height:150px;
	}

.port-text{
		float:left;
		width:400px;
		padding-left:10px;
}
		
.port-text > b{
	text-decoration: underline;
}

.port-head{
	font-size:15pt;
	width:100%;
	border-bottom:1px solid #5D0950;
	font-style:italic;
	text-transform: uppercase;
	margin-bottom: 5px;

}

p.title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:-10px;
	}
p.sec-title{
	font-size:16px;
	border-bottom:1px solid #5D0950;
	text-align:center;
	font-weight:bold;
	}
.clear{ float:clear;}

/*********/
.dl-heading, .heading{
	width:100%;
	border-bottom:1px solid #5D0950;
	font-size:14pt;
	font-weight:bold;
	height:25px;
	}
	
.heading { 
	margin-top:20px;
	text-align:center;
	font-size:16pt;
}

.dl-name, .dl-link{
	width:50%;
	float:left;
}

.dl-link{
	text-align:right;
}

.screenshot{
	text-align:center;
}

.screenshot img{
	width:400px;
	height: 275px;
}

.fig-box{
	text-align:center;
	float:center;
	}
	
.fig-img{
	text-align:center;
	float:center;
	width:50%
	margin-left:25%;
	}
.fig-img img{
	float:center;
	
}
.fig-text{
	text-align:center;
font-style:italic;
font-size:10pt;
	}

-->
</style>



