/* CSS Document */

/*COMMON STYLES*/
/*Links*/
a:active {
color:#fff;
font-weight:bold;}
a:link {
color:#fff;}
a:visited {
color:#000;}
a:hover {
color:#5A5D4E;
text-decoration:underline;}
a img {
border:none;}
.active {
font-weight:bold;
font-style:oblique;}

/*Main text areas*/
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;}

.splashtxt {
width:370px;
text-indent:10px;
margin-left:40px;
margin-top:20px;
height:350px;}

.biotxt {
width:330px;
text-indent:10px;
margin-left:40px;
margin-top:20px;
height:450px;}

.copytxt {
font-size:9px;
text-align:right;
position:relative;
top:5px;
margin-top:0px;
margin-bottom:3px;}

.galcontentarea {
height:550px;}

.port_title {
position:absolute;
left:50%;
margin-left:-290px;
top:170px;}

.port_gal_txt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
line-height:-1em;}

h1 {
font-size:16px;
color:#fff;
font-style:oblique;}

/*Image positions*/
.splashimg {
position:absolute;
left:50%;
margin-left:20px;
top:125px;
text-align:left;
z-index:1;}

.bioimg {
position:absolute;
left:50%;
margin-left:20px;
top:185px;}


/*Header*/
.headsize {
height:20px;
width:736px;
margin-top:-3px;}

/*Banner area*/
.bannerline {
position: relative;
left:38px;
top:76px;
border-top: 1px solid white;
width:699px;}

.logopos {
position:relative;
margin-left:0px;}

/*Navigation menu*/
.menupos {
position:relative;
top:-20px;
left:-7px;}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;}

#menu {
position:relative;
left:50px;
top:0px;
text-align:center;
z-index:3;}

#menu dl {
float:left;}

#menu li {
display:inline;}

#menu a {
text-decoration: none;
color: #fff;
background: #444444;}

#menu a:hover {
font-style:oblique;
color: #ccc;}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left:-50px;
top: 25px;
font-size: 0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:600px;}

.menuline {
position: relative;
left:45px;
top:23px;
border-top:1px solid #fff;
width:699px;}

/*Main content area*/
body {
padding: 0;
font: 1em Verdana, sans-serif;
background-image:url(images/HF_grad_bg.gif);
background-repeat:repeat-x;
background-attachment:fixed;}

.maintablediv {
width:740px;
text-align:center;
position:absolute;
left:50%;
margin-left:-370px;
border:1px solid #333333;
background:url(images/bg3.png);
background-repeat:repeat;
background-attachment:fixed;}

.maintable {
width:740px;
padding:0;
border-color:#000000;
text-align:left;
background-color:transparent;}

.port_cat_div {
width:600px;
height:300px;
border:none;
position:relative;
left:50%;
margin-left:-300px;}

.port_cat_table {
width:100%;
border:1px solid #000;
padding:10px;
margin-top:60px;}

.port_cat_idx {
width:600px;
height:0px;
border:none;
position:relative;
left:50%;
margin-left:-325px;
top:-250px;
z-index:2;}

.port_cat_table td {
border:1px solid #666;
height:110px;
width:120px;
text-align:center;}

.port_cat_table td img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.75;}

.port_cat_table td:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}

/*Image Gallery*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo {width:635px; text-align:left; position:relative; top:-250px; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative;z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}

.photo ul.topic li a.set 
{display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#fff; text-decoration:none; border:1px solid #999;border-width:1px 1px 0px 0px;  background:#5A5D4E; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a 
{color:#fff; background:#333;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a 
{color:#fff; background:#333;}

.photo ul.topic li.active ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#666666; width:464px; padding:40px 60px; border:20px solid #333; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#666; width:464px; padding:40px 60px; border:20px solid #333; z-index:100;}

.photo ul.topic li ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #ccc; margin:1px;}

.photo ul.topic li ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#5A5D4E; border:1px solid #888;}

.photo ul.topic li ul li a img 
{display:block; width:100px; height:75px; border:5px solid #444;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px;height:150px; border-color:#444;}

/*Lower navigation*/
.lowernav p {
position:relative;
left:50%;
margin-left:-120px;
font-size:10px;
margin-top:2px;
margin-bottom:2px;}

.lowernav a {
color:#fff;
text-decoration:none;}

.lowernav a:hover {
color:#ccc;
font-style:oblique;}

.lowernavline {
position: relative;
left:45px;
top:0px;
border-top: 1px solid #999;
width:692px;}

.footbar {
height:20px;
width:738px;
background-image:url(images/HF_grad2.png);
background-repeat:repeat;
position:relative;
top:0px;
margin-left:-2px;}