h1
{
text-indent:-9000px;
height:80px;
background:transparent;
}


a:link,a:visited
{
color:#ccc;
text-decoration:none
}
a.selected:link,a.selected:visited
{
color:#fff
}
a:hover,a:visited:hover
{
color:#fff
}
a:link img
{
border:1px solid #b3b3b3
}
a:visited img
{
border:1px solid #666
}
a:hover img,a:visited:hover img
{
border:1px solid #fff
}
a.selected:link img,a.selected:visited img
{
border:1px solid #f90
}
a.selected:hover img,a.selected:visited:hover img
{
border:1px solid #f90
}

#ARAM {
position:relative;
margin-top:-2px;
}

*html #ARAM {
margin-top:0px;
}

#Wrapper
{
margin:0 auto;
width:100%;
position:relative;
margin-top:-18px;
}

*html #Wrapper
{
margin-top:-10px;
}

#Wrapper[id]
{
display:table;
position:static;
}
#InnerWrapper
{
position:absolute;
background-color:transparent;
top:0;
left:0
}
#InnerWrapper[id]
{
display:table-cell;
background-color:transparent;
vertical-align:middle;
position:static;
}
#OuterContainer
{
position:relative;
top:-50%;
}
#Frame
{
width:100%;
}
#Container{
	margin:0 auto;
	position:relative;
	width:400px;
	height:300px;
	overflow:hidden;
	border: 16px solid #111111;
}
#PhotoRow{
	background-image:url(../img/bkd_gray_diagonal3.gif);
}
#PhotoRow td {
	text-align:right;
	width:45%;
}

#PhotoRow td#PhotoCell
{
width:10%;
}

#LoadContainer, #Loading {
	height:25%;
	width:50%;
	position:absolute;
	top:40%;
	left:25%;
	text-align:center;
	z-index:1;
}
#MenuLink
{
display:block;
float:right;
height:120px;
width:26px;
text-decoration:none;
}
#MenuLink:hover,#MenuLink:visited:hover
{
NONEbackground:#4d4d4d url(../img/bkd_menu.gif) -26px 70px no-repeat
NONEbackground:#000000 url(../img/bkd_menu.gif) -26px 70px no-repeat
}
#MenuLink.selected:link,#MenuLink.selected:hover,#MenuLink.selected:visited
{
NONEbackground:#4d4d4d url(../img/bkd_menu.gif) -52px 70px no-repeat
NONEbackground:#000000 url(../img/bkd_menu.gif) -52px 70px no-repeat
}
#MenuLink span
{
display:none
}
#MenuContainer
{
display:none;
position:absolute;
top:0;
left:0;
z-index:200;
width:100%;
height:120px;
filter:alpha(opacity:80);
KHTMLOpacity:0.8;
MozOpacity:0.8;
opacity:0.8;
}
#MenuContainer ul
{
margin:0;
text-align:left;
list-style:none;
line-height:18px;
font-size:11px;
NONEbackground:transparent url(../img/bkd_menu_li.gif) 0 bottom repeat-x;
}
#colA
{
position:absolute;
top:15px;
left:15px;
}
#colB
{
position:absolute;
top:15px;
left:150px;
}
#colC
{
position:absolute;
top:15px;
left:285px;
}
#MenuContainer ul li
{
width:120px;
padding:0 0 0 5px;
white-space:nowrap;
NONEbackground:transparent url(../img/bkd_menu_li.gif) 0 0 repeat-x;
}
#MenuContainer ul li.selected
{
NONEbackground-color:#4d4d4d;
}
#MenuContainer a
{
width:120px;
display:block;
}
#MenuContainer ul li a:link,#MenuContainer ul li a:visited
{
color:#999;
}
#MenuContainer ul li a:hover,#MenuContainer ul li a:visited:hover
{
color:#ccc;
}
#MenuContainer ul li.selected a:link,#MenuContainer ul li.selected a:visited
{
color:#fff;
NONEbackground:transparent url(../img/bkd_menu_arrow.gif) 108px 50% no-repeat;
}
#LinkContainer
{
position:absolute;
top:0;
left:0;
height:500px;
width:100%;
z-index:100;
filter:alpha(opacity:70);
KHTMLOpacity:0.7;MozOpacity:0.7;opacity:0.7;
background:url(../img/c.gif) 50% 50% no-repeat;
}
#PrevLink
{
z-index:100;
position:absolute;
top:100px;
left:0%;
height:200px;
width:50%;
display:block
}
#NextLink
{
z-index:100;
position:absolute;
top:100px;
left:50%;
height:200px;
width:50%;
display:block;
}
#PrevLink:hover,#NextLink:hover
{
text-decoration:none;
}
#PrevLink:hover
{
background:transparent url(../img/prev_minus.gif) 50% 50% no-repeat;
}
#NextLink:hover
{
background:transparent url(../img/next_plus.gif) 50% 50% no-repeat;
}
#PrevLink span,#NextLink span
{
display:none;
}
#PhotoContainer
{
visibility:visible;
}
#ThumbnailRow td
{
NONEbackground-color:#000000;
border-bottom:0px solid #999;
}
#ThumbnailRow td ul, ul {
	margin:10px 10px 20px -15px;
	text-align:center;
	list-style:none;
}

#ThumbnailRow ul li, ul li
{
margin:0 0 3px 2px;
height:32px;
overflow:hidden;
display:inline;
}
#Footer
{
margin:0 auto 0.5em auto;
padding-top:20px
}
#Footer p
{
font-size:10px
}

img
{
border:none
}


#portsubnav
 {
position:relative;
font-family:verdana,'Trebuchet MS',verdana;
}



/* NEW STUFF */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align: center;
}

a:link, a:visited { color: #069; text-decoration: none; }
a:hover, a:visited:hover { text-decoration: underline; }


#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 19px auto 0 auto;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}




/*----------------------*/

#CaptionContainer p {
	background-color: #333;
	font-size: 11px;
	padding: 5px 10px 6px 10px;
	text-align: left;
	float: none;
}

div#ARAM {
z-index:9999999;
margin-top:-5px;
position:relative;
}
	
body {
	margin:0 0 0 0;
	background-color: #000000;
	background-image: url('../images/new_bkgd.jpg');
	background-repeat: repeat-x;
	}
body, html {
	height:100%;
	color:#fff;
	}
	
#mainnav{
	position:relative;
	height:39px;
	overflow:hidden;
	}
	
*html #mainnav{
	height:40px;
	}
	
a { color:yellow; }

a.mainnav {
	bottom:13px;
	color:#FFFFFF;
	font-family:"trebuchet ms";
	font-size:0.9em;
	position:relative;
	text-decoration:none;
}
	
a.mainnav:hover {
	color:grey;
	}