/* CSS Document */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
color:#222222;/*Added color to affect the title*/
padding: 20px;/*Changed to 20 was 10*/
padding-bottom: 0;
background: #e02e3d;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 11px Arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #E02E3D;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

body {
	margin-top: 0px;
    background-image:url(MAY/01-MAIN-BG.gif);
}
img {
border:none;

}
.img a:hover{
text-decoration:none;

}
a, visited{
color: #E73648;
font:bolder;
text-decoration:none;
}
.talk {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	font:italic;
}
.contact {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}
#contactBox {/*This is the box with contact form.*/
	width: 150px;
	float: left;
	padding: 5px;
	background-color:#FFFFFF;
	margin-top: 18px;
	margin-left: 0px;
	margin-right: 10px;
}
.footerW {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF;  }
.style3 {
	color: #333333;
	font: 10px Verdana, Arial, sans-serif;
	padding: 8px;
}
h1 {
   font-family:Georgia, "Times New Roman", serif;
    color: #003333 ;
	font: 26px;
	letter-spacing: 0.03em;
	margin-left:30px;
}
h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	letter-spacing: 0.05em;
	font-weight: bolder;
	padding-left: 10px;
	border-bottom: 2px dotted #CCCCCC;
	
}
p {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	letter-spacing: 0.03em;
	font-weight: normal;
	padding: 5px 5px 5px 10px;
	line-height: 1.5em;
	
}
.tiny {/*This created for port page list.*/
	font-family:Geneva, Arial, sans-serif;
	font-size: 10px;
	color:#333333;
	letter-spacing: 0.03em;
	font-weight: normal;
	
}


.URHere{/*U R Here.*/
	height: 17px;
	font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #E12E3C;

	}

#nav1{
	height: 17px;
	font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight:bolder;
	text-transform:lowercase;
	margin-right:20px;
	padding: 5px 0px 0px 0px;
	margin-top: 168px;
	margin-left: 35px;
	}
#nav1 a:link{
font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
    text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight: bold;

	}
#nav1 a:visited{
	font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight: bold;
	}
#nav1 a:hover{
font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #E12E3C;
	letter-spacing: 0.05em;
	font-weight: bold;
	background-color:#FFFFFF;
	}
#nav1 a:active{
font:Trebuchet MS, Geneva, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-weight: bold;

	}
.style6 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: lighter;
	letter-spacing: 0.05em;
}

#mainbody {/*HP*/

width:100%;
height:527;
padding:0;
background-image:url(MAY/grey-top.png);
background-repeat:repeat-x;
}

#col1 {/*Col1 mini pix*/
width:85px;
padding-left: 10px;
padding-right:10px;
float:left;
}
#col2 {
width:100px;
padding-left: 10px;
float:left;
}

#brief{/*ABOUT PAGE*/
width:500px;
float:left;
padding:10px 18px 10px 30px;
}
#imgbox {
width:160px;
float:left;
margin-right:10px;
}
#boxpix{
width:615px;
float:left;
padding:0px;

}
#vert {
	width:520px;
	height:98px;
	padding:10px;
	float:left;
	border-bottom: medium dotted #CCCCCC;
}

#verttan {
	width:530px;
	height:90px;
	padding:6px;
	float:left;
	border-bottom: medium dotted #CCCCCC;
	background-color:#F1F1DC;
}
#vertdirty {
	width:530px;
	height:90px;
	padding:6px;
	float:left;
	border-bottom: medium dotted #CCCCCC;
	background-color:#FFFFFF;
}
#vert1 {
	width:115px;
	padding:10px 10px 10px 20px;
	float:left;
	border: 1px dashed #999999;
}
#vert2 {
width:135px;
padding:10px 10px 10px 20px;
float:left;
}

#vertwider {/*Vert for port.*/
	width:155px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}


#vertsans {/*Vert sans border.*/
	width:115px;
	padding:10px;
	float:left;
}

#vertsans a:link {/*This created for port page list LINKS.*/
	font-family:Geneva, Arial, sans-serif;	font-size: 10px;
	color:#E32C3C;
	letter-spacing: 0.03em;
	font-weight: normal;
	
}

#vertsans .HERE{
	font-family:Geneva, Arial, sans-serif;	font-size: 10px;
	color:#FF3333;
	letter-spacing: 0.03em;
	font-weight: normal;
	
}

#vertsans a:visited {
	font-family:Geneva, Arial, sans-serif;	font-size: 10px;
	color:#333333;
	letter-spacing: 0.03em;
	font-weight: normal;
	
}
#vertsans a:hover {
	font-family:Geneva, Arial, sans-serif;	font-size: 10px;
	color:#E0E32D;
	letter-spacing: 0.03em;
	font-weight: normal;
	
}
#vertsan2s {
	width:115px;
	padding:10px 2px 2px 10px;
	float:left;
}

#brief2{/*CONTACT PAGE*/
width:400px;
float:left;
padding:10px;
border: 2px;
border-color: #222222;
}

#portbox {/*PORT*/
width:525px;
float:left;
margin-top:25px;
margin-right:45px;
}
#hook {
	width: 55px;
	height:76px;
	float:left;
	border:2px dotted #FFCC00;
	
	padding: 2px;
}
#titles {
	width:159px;
	height:72px;
	float: left;
	border-top:2px dotted #FFCC00;
	border-right:2px dotted #FFCC00;
	border-bottom:2px dotted #FFCC00;
	font:Arial, sans-serf bolder;
	font-size:10px;
	line-height:1.5em;
	padding: 4px;
}
#commentary {
	width:322px;
	height:72px;
	float:left;
	font:bolder 13px Georgia, "Times New Roman", Times, serif;
	padding: 4px;
	border-top:2px dotted #FFCC00;
	border-right:2px dotted #FFCC00;
	border-bottom:2px dotted #FFCC00;
	color: #333333;

}