/* CSS Document */

* {margin: 0; padding: 0;}

body {font: 0.8125em Verdana, sans-serif; 
line-height:1; text-align:center;
color: #000; background-color:#778697; min-width:970px; }

a {text-decoration: none;}
a img {border: none; background-color:#fff; text-decoration:none;}
a:link, a:visited {color: #034DB6;}
html body a:hover, a:active, a:focus {color: #FFF; 
background-color: #034DB6;}

ul, ol {list-style: none;}
blockquote {padding: 0.25em 40px;}

h2 {font: 1.3em Georgia, "Times New Roman", serif; letter-spacing: 1px; color: #034DB6;}
h3 {font: bold 1em Arial, sans-serif; letter-spacing: 2px;
text-transform: uppercase; color:#034DB6;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px; color: #333;}

#container {width:970px; text-align:left; 
background: url("../images/shadow.jpg") repeat-y;
margin-top: 0.25em;
margin-left: auto;
margin-right: auto;
position:relative;}

#topnav{
background-image: url(../images/shadowtop.jpg);
background-repeat: no-repeat;
width: 970px; 
position: relative;}

#topnav ul	{
text-align:right;
margin: 0; padding-top:1.5em;
padding-right: 70px;
list-style-type: none;}
	
#topnav li	{
display: inline;
padding: 0 18px;
border-right: 1px solid #002346;}
	
#topnav li a{
text-decoration: none;
color: #000;	}
	
#topnav li a:hover	{
text-decoration: none;
color: #034DB6; 
background-color: transparent;	}

#header {background-image: url(../images/hfa_logo.gif);
background-repeat: no-repeat; height:145px;
background-position: 65px;}

#galleryheader {background-image: url(../images/hfa_logo_gallery.gif);
background-repeat: no-repeat; height:131px;
background-position: 65px;}

#admingalleryheader {background-image: url(../images/hfa_logo_gallery.gif);
background-repeat: no-repeat; height:131px;
background-position: 65px;}

#header h1 span, .structurallabel
{position: absolute;
left: -5000px;
width: 4000px;}

#galleryheader h1 span, .structurallabel
{position: absolute;
left: -5000px;
width: 4000px;}

#admingalleryheader h1 span, .structurallabel
{position: absolute;
left: -5000px;
width: 4000px;}

#header a:link, #header a:visited {text-decoration:none; background-color:transparent;}
#header a:hover, #header a:active {text-decoration:none; background-color:transparent;}

#header .img {float:right;
position: relative;
padding-right: 65px; padding-top:0px;}
#galleryheader .img {float:left; position: relative; margin-left:386px; margin-top:6em;}

#admingalleryheader .img {float:left; position: relative; margin-left:236px; padding-left:30px; padding-top:7.75em;}

#leftnav{float:left; width:290px; padding-left:60px; padding-top:0.75em;}
#leftnavsitemap{float:left; width:185px; padding-top:0.75em;}
#content{float:right; width:640px; font-size:1em; line-height: 1.7;}

#homecontent{padding-left:60px;}

#leftnav {width: 290px; voice-family: "\"}\""; voice-family: inherit; width: 230px;}

#content{width: 640px; voice-family: "\"}\""; voice-family: inherit; width: 580px;}

#content p{padding-bottom:1em; padding-right:60px;}

#navcontainer {
width: 230px;
font-size: .975em;
line-height: 1.5}

#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Georgia, "Times New Roman", serif;
line-height: 1.5}

#navcontainer li {margin: 0;line-height: 1.5 }

#navcontainer a{
display: block;
padding: 5px 10px;
width: 230px;
color: #000;
background-color: #FFF;
text-decoration: none;
border-top: 1px solid #C1D7E6;
border-bottom: 0px;}

#navcontainer a:hover{
color: #333;
background-color: #FFF;
text-decoration: none;
font-weight: bold;
border-top: 1px solid #C1D7E6;}

#navcontainer ul ul li { margin: 0;}

#navcontainer ul ul a{
display: block;
padding: 5px 0px 5px 20px;
width: 230px;
color: #333;
background-color: #FFF;
text-decoration: none;
font-weight: normal;}

#navcontainer ul ul a:hover{
color: #333;
text-decoration: none;}

#footerend{clear:both; width:970px; background-image: url(../images/shadowbottom.jpg);
background-repeat: no-repeat;
position:relative; height:26px; margin-left: auto;
margin-right: auto;}

#credit {width:970px; margin-left: auto;
margin-right: auto;}

#credit ul	{
text-align:right;
padding-right:60px;
padding-top:0.25em; padding-bottom:1em;
list-style-type: none;}
	
#credit li	{
display: inline;
padding: 0 10px;
border-right: 1px solid #002346;}
	
#credit li a:link, #credit a:visited{
text-decoration: none;
color: #002346; background-color: transparent;}
	
#credit li a:hover, #credit a:active{
text-decoration: none;
color: #FFF;background-color: transparent;}

#left {float:left;}
#right {float:right;}

#sitemap {width: 970px; padding-left:70px; padding-right:30px; padding-top:0.75em;}
#sitemap {width: 970px; voice-family: "\"}\""; voice-family: inherit; width: 690px;}

code{
font-family: monospace, "Courier New", Courier;
font-size: 1em;
color: #000000;
background-color: #ffffff;}

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active
{
position:static;
width:auto;
height:auto;
}

#item {border-bottom: 1px #E0E5EA dotted; padding-bottom:0.5em; margin-bottom:0.5em; margin-right:100px;}

/*classes*/

a.external span{
position: absolute;
left: -5000px;
width: 4000px;}

.right {float:right; margin-right:30px;}

dl.sitemap { width: 690px; padding: 0;line-height: 1.4;}

.sitemap dt {width: 25em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;}

 /* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.sitemap dd {float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;}

.galleryimage {float:left; text-align:right; width: 390px; margin-right: 40px; margin-bottom: 20px; padding: 6px}

.galleryimage a:link, .galleryimage a:visited {text-decoration: none; color:#000;}
.galleryimage a:hover, .galleryimage a:active {text-decoration: none; background-color: transparent; color:#034DB6;}

img.thumb {
float: left;
width: 100px;
margin: 0 15px 15px 0;
padding-bottom: 6px;}

.column {float: left;}

.leftlist {float: left;}

.rightlist {float: right; margin-right:160px;}

.clear{clear:both; height:1px;
overflow:hidden; line-height:1%;
font-size:0px; margin-bottom:-1px;}

* html .clear{height:auto;margin-bottom:0}

.line {border-left: 1px solid #002346;}

/*styleswitcher*/

#screen-switcher {overflow:hidden;
clip: auto;}

form  {
margin-bottom : 10px;
}

fieldset {
width:225px;
padding : 0;
border : 0px solid #fff;
line-height: 1.9;
padding-top: 10px;
padding-left: 6px;
overflow:hidden;clip: auto;}

select {
width :225px;
display: block;}

 /*search form*/
#form {margin-left:268px;}

/*admin area*/
#admincontent {width: 790px; padding-left:70px; padding-right:50px; padding-top:0.75em;}

#admincontent {width: 970px; voice-family: "\"}\""; voice-family: inherit; width: 670px;}

#admincontent p {padding-bottom:1em; padding-right:20px; line-height:1.3;}

#admincontent form {padding-top:2em;}

#index {margin-left:200px; margin-top:40px;}

p.padspace {margin-top:1em;}

#notify label{ width: 9em; float: left; text-align: right; margin-right: 1em; display: block;}
#notify input{color: #000; background: #ECF2FB; border: 1px solid #C1D7E6}
#notify.submit input{color: #000; background: #B6CDEE; border: 2px outset #C1D7E6;}
#notify fieldset{border: 1px solid #C1D7E6; width: 34em}
#notify legend{color: #333; background: #FFF; border: 1px solid #FFF;
padding: 2px 6px 6px; margin-bottom: 1em;}