/* Hides from IE-mac \*/

/* End hide from IE-mac */


/*----------------------*/
/*     STRUCTURE       */
/*--------------------*/

img{border:0px;}

body {
	/* MSIE 5 doesn't center based on auto left/right margins, 
		but 'text-align:center' does center top-level divs: */
	text-align: center;
	/* Specify a min-width for the body as wide as the 'wrapper'
		element itself. This prevents negative (i.e. inaccessible)
		left-margins in narrow browser windows when using 
		Navigator 6+/Mozilla on Win32: */
	min-width: 700px;
	font-family:verdana;
	font-size:12px;
	margin-top:0px;
}

/* cursed IE*/
TD{	font-family:verdana;
	font-size:12px;}

#wrapper {
	text-align: left;
	/* Specify the width of the element. This should be the same
		as 'body min-width': */
	width: 700px;
	height: 550px;
	/* Set left and right margins to auto, thus centering the 
		element in the containing (body) tag: */
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#leftbar{
	position:absolute; 
	top:0px; 
	left:0px;
	height:550px;
	width:64px;
}

#logobit{
	position:absolute; 
	top:0px; 
	left:64px;
	height:89px;
	width:38px;
}

#menucontainer{
	position:absolute; 
	top:95px; 
	left:25px;
	height:256px;
	width:39px;
}

#barimage{
	position:absolute; 
	top:361px; 
	left:41px;
}

#titleimage{
	position:absolute; 
	top:466px; 
	left:64px;
	width:269px;
	height:84px;
	vertical-align:middle;
}

#ahptext{
	position:absolute; 
	top:5px; 
	left:374px;
	width:326px;
	height:20px;
}

#pagename{
	position:absolute; 
	top:39px; 
	left:220px;
	width:480px;
	height:50px;
	line-height:50px;
	text-align:right;
	font-size:20px;
	font-family:arial,verdana,sans-serif;
}

#content{
	position:absolute; 
	top:95px; 
	left:220px;
	font-size:10px;
	width:480px;
	height:380px;
}

#textbody{
	position:absolute; 
	text-align:justify;
	top:265px; 
	width:480px;
}

#widetextbody{
	position:absolute; 
	text-align:justify;
	top:265px; 
	left:-130px;
	width:610px;
}

DIV.caption{
	position:absolute; 
	top:268px; 
	left:-135px;
	width:140px;
	height:112px;
	visibility:hidden;
}

DIV.foliocaption{
	position:absolute; 
	text-align:left;
	top:265px; 
	left:-137px;
	width:600px;
	height:102px;
}

DIV.portfolioimg{
	position:absolute;
	height:300px;
	width:480px;
	vertical-align:middle;
	top:0px;
	text-align:right;
	visibility:hidden;
}

DIV.portfoliobody{
	position:absolute;
	top:400px;
	left:350px;
	border:1px dashed blue; 
}

#navbutton{
	position:absolute;
	top:350px;
	left:380px;
	width:100px;
	text-align:center;
}

#bwtoggle{
	position:absolute; 
	top:515px;
	left:650px;
	width:50px;
	height:35px;
	text-align:center;
}

#bwtoggle a{
	text-decoration:none;
	line-height:14px;
}

#homelink{
	position:absolute; 
	top:515px;
	left:600px;
	width:50px;
	height:35px;
	text-align:center;
}

#homelink a{
	text-decoration:none;
	line-height:14px;
}





#signature{
	position:absolute; 
	top:555px;
	width:100%;
	text-align:right;
	font-size:10px;
	color:#666;
}


#gallerymenu{
	position:absolute;
	top:0px;
	left:-4px;
	/* Hides from IE-mac \*/
	left:-20px;
	/* End hide from IE-mac */
	

}

#mainphotocredit{ 
	position:absolute; 
	left:482px; 
}


#tallshipslogo2000{
	position:absolute;
	left:34px;
	top:-80px;
}

#tallshipslogo2004{
	position:absolute;
	left:40px;
	top:-80px;
}

#cyclinglogo{
	position:absolute;
	left:34px;
	top:-55px;
}

#backlink{
	position:absolute;
	left:170px;
	font-size:14px;
}


/*----------------------*/
/*  CONTENT ELEMENTS   */
/*--------------------*/
TABLE.gallery {
	border-collapse: collapse;
	float:right;
}

TD.gallery{
/*	width:110px;*/
/*	height:73px;*/
}

TD.highlight img{


	border:0px;

}
TD.highlightbotright img{
	border-top:1px solid white;
	border-right:1px solid white;
	/* Hides from IE-mac \*/
	border:0px;
	/* End hide from IE-mac */
}
TD.highlightcenter img{
	border-top:2px solid white;
	border-right:2px solid white;
	border-bottom:1px solid white;
	border-left:1px solid white;
	/* Hides from IE-mac \*/
	border:0px;
	/* End hide from IE-mac */
}

TD.highlightcycle img{
	
	/* Hides from IE-mac \*/
	width:221px;
	height:145px;
	/* End hide from IE-mac */
}

TD.whiteborder{
	border:1px solid #FFF;
}


DIV.caption  H1, DIV.foliocaption H1{
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
}


#gallerymenu UL{

	margin-top:0px;
}

#gallerymenu UL LI{

	line-height:18px;
}


H1{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}



/*----------------------*/
/*       LINKS         */
/*--------------------*/


#content A{
	text-decoration:underline;
}

#gallerymenu A{
	text-decoration:none;
}

A.flashpage{
 text-decoration:underline overline;
 color:#fff; 
 font-size:14px; 
 margin-top:3px;
}

A.flashpage:hover{
 color:#bbb; 
}
/*----------------------*/
/*      NAVMENU        */
/*--------------------*/

div.menucontainer {
	position:relative;
	width:39px;
	height:254px;
	z-index:9999;
}


div.menucontainer ul, div.menucontainer li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index:9999;
}


div.menucontainer li {
	float: left;
	width: 39px;
	margin-bottom:6px;
	position:relative;
	z-index:9999;
}


div.menucontainer a {
	display: block;
	text-align: left;
	border:0px;
	z-index:9999;
}

div.menucontainer a:hover {
	z-index:9999;
}

div.menucontainer ul li ul {
	position:absolute;
	left:39px;
	top:0px;
	display: none;
	z-index:9999;
}


div.menucontainer ul li ul li{
	margin:0px;
	z-index:9999;
	}

div.menucontainer ul li ul li a{
	display: block;
	margin:0px;
	text-align: left;
	border:0px;
	z-index:9999;
	}

div.menucontainer ul li ul li a:hover {
	border:0px;
	z-index:9999;
}

/* noscript menu trigger */
div.menucontaine ul li:hover > ul {
	visibility:visible;
	z-index:9999;
}


ul.menuroot li:hover ul, ul.menuroot li.over ul { display: block; 	z-index:9999; }




/*----------------------*/
/*       INPUTS        */
/*--------------------*/

input, textarea { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
} 
.formtxt{
	font-size:12px;
}

/*------------------------*/
/*       SPECIALS        */
/*----------------------*/

#badge {display:none;}