html {
	min-height: 100%; margin-bottom: 1px;
}
body {
	background: url(http://www.portlock.com/images/bg2.gif) repeat;
	margin: 30px auto;
	color: #333;
	font: normal 12px/18px Tahoma, Arial, sans-serif;
	text-align: center;
}

a { color: #085999; text-decoration: none; font-weight:bold}
a:hover { color: #534512; text-decoration: underline; }
#right SPAN.text a { color: #333; text-decoration: none; display: block;}
#right SPAN.text a:hover { color: #333; text-decoration: none; display: block;}

 hr {
  border: 0;
  width: 98%;
color: #ccc;
background-color: #ccc;
margin: 10px 0px;
height: 1px;
}

* html hr { margin:10px 0px; padding:0px}

* html ul, ol {margin-top: 0px; margin-bottom: 0px}

p.indent {padding: 0px 15px 0px 15px;}

p.spacing {padding-top: 6px}

* html p.spacing {padding-top:3px}

#color {
	background: #eeeedd; width:453px; padding: 7px 10px 7px 11px; height: 22px; border: 1px dotted #085999;
}

* html #color {
	border:none; height: auto; padding: 7px 10px 5px 10px;
}

.more a {
background: url(http://www.portlock.com/images/v2/right_arrow.gif) right no-repeat; padding-right: 18px;
}

.more a:hover: {
color: #0c8df2; text-decoration: none; padding-right: 3px; 
}

.moreLeft a {
background: url(http://www.portlock.com/images/v2/right_arrow2.gif) right no-repeat; padding: 0px 18px 0px 15px;
}

.moreLeft a:hover: {
color: #0c8df2; text-decoration: none; padding-right: 3px; 
}

/* THREE COL */


#leftContent {
vertical-align:top;
padding: 5px 26px 0px 0px;
float:left;width:156px;height:100%;
	}
	
* html #leftContent {
	padding: 15px 26px 0px 0px;
}

#centerContent {
vertical-align:top;
padding: 0px 26px 0px 0px;
float:left;width:148px;height:100%;
	}


#rightContent {
vertical-align:top;
padding: 0px;
float:left;width:151px;height:100%;
	}

div.video p {height:105px}

p {
	margin: 12px 0 0 0;
	padding: 0;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 758px;
	height: 77px;
	background: url(http://www.portlock.com/images/v2/header_bg.jpg) no-repeat;
}

* html #header {
	width: 760px;
}

#header DIV.logo {
	padding: 18px 0 0 16px;
	float: left;
	width: 172px;
	height: 53px;
}

#header2 {
	padding: 0px;
	margin: 0px;
	width: 758px;	
}

* html #header2 {
	width: 760px;
}

#header2left {
	float: left;
	width: 547px;
	margin: 0px;
	padding: 0px;
	height: 31px;
	background: #c9cacc url(http://www.portlock.com/images/v2/nav_bg.jpg) no-repeat;
}

* html #header2left {
	padding: 0px;
	width: 548px;
}

#header2right {
	float: right;
	width: 210px;
	padding: 0px;
}

* html #header2right {
	width: 211px;
}

#header2right DIV.title {
	padding: 9px 0px 6px 20px;
	background: #c1d5e5;
	height:16px;
}

#footer {
	background-color: #c1d5e5;
	width: 738px;
	float: left;
	padding: 5px 0px 5px 20px;
	font: normal 10px Tahoma, Arial, sans-serif;
}

* html #footer {
	width: 740px;
}

h1 {
	color: #534512;
	font: 170% "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	margin: 0px;
}

h2 {
	color: #085999;
	font: 150% Tahoma, sans-serif;
	margin: 0px;
	letter-spacing: 1px;
}

h3 {
	margin: 0px;
	border-bottom: 1px dotted;
	color: #534512;
	width: 507px;
	padding: 0px 0px 3px 0px;
	font: bold 110% "Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

* html h3 {
	border-bottom: none;
	background:url(http://www.portlock.com/images/v2/dotted.gif) repeat-x bottom;
}

h4 {
	color: #534512;
	font: bold 13px arial, sans-serif;
	margin: 0px;
}

h5 {
	color: #534512;
	font: normal 17px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	margin: 0px;
	line-height:19px;
	padding-top:5px;
}

h6 {
	color: #534512;
	font: 170% "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	margin: 0px;
}

#container {
	border: 1px solid white;
	width: 758px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	background: url(http://www.portlock.com/images/color.gif) repeat;
}

* html #container {
	width: 760px;
}

img {
	border: none;
}

#left {
	float: left;
	width: 547px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;

}

#left DIV.title {
	background: #c1d5e5;
	width: 547px;
	height: 20px;
}

* html #left DIV.title {
	width: 548px;
}

#left DIV.photo {
	background: #085999;
	padding: 20px 0px 0px 0px;
}

* html #left DIV.photo {
	width: 548px;
	padding: 20px 0px 0px 0px;
}

#left DIV.photo2 { padding: 0px 20px 25px 0px; background-color:#085999; color:#fff; font-weight:bold; width: 527px }

* html #left DIV.photo2 {width: 528px; padding: 0px 20px 5px 0px}

#left DIV.photo2 a {
color: #fff; text-decoration: none; font-weight:bold
}

#left DIV.photo2 a:hover {
color: #c1d5e5; text-decoration: underline; font-weight:bold
}

#left DIV.content {
	padding: 3px 20px 25px 20px;
	width: 507px;
}

#right {
	float: right;
	width: 210px;
	padding: 0px;
}

* html #right {
	width: 211px;
}

#right DIV.content {
	padding: 3px 20px 10px 20px;
}

#right a {
	color: #085999; text-decoration: none; font-weight: normal;
}

#right a:hover { color: #534512; text-decoration: underline; }


/* PORTLOCK MENU */

#header2left DIV.menu{
	width: 547px;
	padding: 0px 0px 0px 20px;
}

* html #header2left DIV.menu{
	width: 547px;
	padding: 0px 0px 0px 0px;
}

#header2left DIV.menu:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#header2left DIV.menu ul{
width: 100%;
margin-left: 0;
padding-left: 0;
margin: 0;
padding-bottom: 15px;
float: left;
font: 12px Tahoma, Arial, sans-serif;
}

* html #header2left DIV.menu ul {
padding-bottom: 0px;
}

#header2left DIV.menu ul li{
display: inline;
}

#header2left DIV.menu ul li a{
float: left;
color: #085999;
font-weight: bold;
margin: 0px;
padding: 0px 20px 0px 0px;
text-decoration: none;
}

* html #header2left DIV.menu ul li a{
margin-left:20px;
padding: 0px;
}

ul {padding-left:30px}
* html ul {padding-left:0px}

/*END PORTLOCK MENU*/

#virtual1 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#eeeedd;
  color:#534512;
  text-align:center;
}
 
#virtual1 li {
  float: left;
  width: 340px;
  height:40px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-right: 1px solid #534512;
  border-top: 1px solid #534512  
}

#virtual1 li.first {
  float: left;
  width: 139px;
  height:40px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-top: 1px solid #534512;
  border-right: 0px;    
}  

#virtual2 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #c1d5e5;
  text-align:center
}
 
#virtual2 li {
  float: left;
  width: 340px;
  height:40px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-right: 1px solid #534512;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;   
}

#virtual2 li.first {
  float: left;
  width: 139px;
  height:40px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;     
  border-right: 0px;
}

#virtual3 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#eeeedd;
  color:#534512;
  text-align:center;
}
 
#virtual3 li {
  float: left;
  width: 240px;
  height:25px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-right: 1px solid #534512;
  border-top: 1px solid #534512  
}

#virtual3 li.first {
  float: left;
  width: 239px;
  height:25px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-top: 1px solid #534512;
  border-right: 0px;    
}  

#virtual4 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #c1d5e5;
  text-align:center
}
 
#virtual4 li {
  float: left;
  width: 240px;
  height:25px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-right: 1px solid #534512;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;   
}

#virtual4 li.first {
  float: left;
  width: 239px;
  height:25px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;     
  border-right: 0px;
}








#hostinfo1 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#eeeedd;
  color:#534512;
  text-align:center;
}
 
#hostinfo1 li {
  float: left;
  width: 300px;
  height:72px;
  margin: 0px;
  padding: 8px 5px 8px 5px;
  border-left: 1px solid #534512;
  border-right: 1px solid #534512;
  border-top: 1px solid #534512  
}

#hostinfo1 li.first {
  float: left;
  width: 179px;
  height:72px;
  margin: 0px;
  padding: 8px 5px 8px 5px;
  border-left: 1px solid #534512;
  border-top: 1px solid #534512;
  border-right: 0px;    
}  

#hostinfo2 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #c1d5e5;
  text-align:center
}
 
#hostinfo2 li {
  float: left;
  width: 300px;
  margin: 0px;
  height:72px;
  padding: 8px 5px 8px 5px;
  border-right: 1px solid #534512;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;   
}

#hostinfo2 li.first {
  float: left;
  width: 179px;
  height:72px;
  margin: 0px;
  padding: 8px 5px 8px 5px;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;     
  border-right: 0px;
}










#host1 ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#eeeedd;
  color:#534512;
  text-align:center;
}
 
#host1 li.last {
  float: left;
  width: 72px;
  height:25px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-right: 1px solid #534512;
  border-top: 1px solid #534512  
}

#host1 li {
  float: left;
  width: 72px;
  height:25px;  
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512;
  border-top: 1px solid #534512;
  border-right: 0px;    
}  

#host2 ul {
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #c1d5e5;
  text-align:center
}
 
#host2 li.last {
  float: left;
  width: 72px;
  height:25px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-right: 1px solid #534512;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;   
}

#host2 li {
  float: left;
  width: 72px;
  height:25px;
  margin: 0px;
  padding: 8px 5px 4px 5px;
  border-left: 1px solid #534512; 
  border-top: 1px solid #534512;     
  border-right: 0px;
}

.clr {
  clear: both;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  border: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}