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

P {font-family: 'Tahoma, Arial', sans-serif; text-align: left;}

P.txtNormal {font-size:small; }

P.txtLarge {font-size:large; font-weight:bold;}

IMG {border: none;}

a:link
{ 
    text-decoration: none; font-weight: bold; color: #355611;
}

a:visited
{ 
    text-decoration: none; font-weight: bold; color: #355611
}

a:active
{ 
    text-decoration: none; font-weight: bold; color: #355611
}

/*IE6 doesn't apply hover styles without this */ a:hover{border: none; text-decoration: underline;}

#main {width: 784px; margin: auto;}

#header {background-image: url('../images/header_bak.gif'); height: 40px;}

#subHeader {background-image: url('../images/subheader_bak.gif'); height:75px; width: 634px; position: relative; float: right;}

#subHeaderLeft 
{
    background-image: url('../images/subheader_l.gif'); background-repeat:no-repeat; position:relative; left:0px; top:0px; width: 30px;
}

#subHeaderText 
{
    background-image: url('../images/subheader_bak.gif'); position:absolute; top: 0px; width: 524px; left: 30px; font-family:Verdana, Sans-Serif;
    font-size: 18pt; font-weight: bold; text-align: left;
}

#subHeaderRight 
{
    background-image: url('../images/subheader_r.gif'); background-repeat:no-repeat; position: absolute; top: 0px; width: 30px; right: 0px;
}

#left_pane 
{
    background-image: url('../images/keyvisual_bg.gif'); width: 149px; height:600px; position: relative; float: left;
}

#left_pane #lowerImage 
{
    position: absolute; bottom: 10px; left: 0px; width: 149px;
}

#navContainer 
{
    position:relative; top:75px; background-image: url("../images/nav_bak.gif"); padding: 0px 0px 0px 0px;
}

#navContainer ul
{
    list-style: none; text-align: left; padding: 0px 0px 0px 10px; margin: 10px 0px;
}

#navContainer a
{
    font-family: 'tahoma', sans-serif; font-size: smaller; color: #ffffff; font-weight: bold; padding: 0px 0px 3px 10px;
}

#navContainer a.selected
{
    background-image: url("../images/nav_arrow.gif"); background-repeat: no-repeat; background-position:left;
}

#navContainer a:hover 
{
    text-decoration: none; color: Gray;
}

#navContainer #border_bottom  
{
    background-image:url('../images/nav_b_bak.gif');background-repeat:repeat-x; height: 10px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    position: relative; top: 0px; left: 0px;
}

#navContainer #border_top 
{
    background-image:url('../images/cl_b_bak.gif'); background-repeat:repeat-x;    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    position: relative; top: 0px; left: 0px; height:10px;
}

#right_panel 
{
    position:relative; width: 180px; float: right;
}

#right_panel img 
{
    position: relative; top: 0px; left: 0px;
}

#right_panel .spacer 
{
    position: relative; height: 51px;
}

#right_panel_wide 
{
    position: relative; width: 220px; float: right;
}

#right_panel_wide img 
{
    position: relative; top: 0px; left: 0px; width: 220px; height: 165px;
}

#right_panel_wide .spacer 
{
    position: relative; height: 51px;
}

#main_content
{
    padding: 0px 18px 18px 18px; width: 384px; position: relative; float: left;
}

#main_content_narrow
{
    padding: 0px 18px 18px 18px; width: 327px; position: relative; float: left;
}

#footer 
{
    font-family: 'Tahoma, Arial', sans-serif; font-size: 10pt; color: #84A96E; margin: 20px 0px 20px 0px; position: relative; float: left;
    width: 700px;
}

.caption
{
    text-align: center; vertical-align: middle; font-family: 'Tahoma, Arial', sans-serif; font-size: small; 
}

/* Photo Gallery styles */
/*======================*/
#gallery {padding: 0px 18px 18px 18px; width: 560px; position: relative; float: left;}

#gallery a:link #gallery a:visited  #gallery a:active {text-decoration: none;}

#gallery a.top img.thumb  
{
    display: inline; width: 132px; height: 99px; margin: 0px 0px 0px 0x; padding: 0px 0px 0px 3px; float: right; position: relative;
}

#gallery a.right img.thumb 
{
    display: block; width: 132px; height: 99px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; float: right; position: relative;
}

#gallery a.bottom img.thumb
{
    display: inline; width: 132px; height: 99px; margin: 6px 0px 0px 0px; float: right; padding: 0px 0px 0px 3px;  position: relative;
}

#gallery a span {display: none; width: 400px; height: 400px; background-color: White;}

#gallery a:hover span
{
    display: block; position: absolute; top: 104px; left: 40px; 
}

#gallery #show_image
{
    width: 404px; height: 402px; position: relative;  margin: 5px 6px 5px 10px; float: left; z-index: -1;
}

#gallery .caption
{
    text-align: center; vertical-align: middle; color: #000000; font-family: 'Tahoma, Arial', sans-serif; font-weight: bold; font-size: medium;
}

/*Miscellaneous element styles*/
/*=========================*/
#fountain {position: relative; bottom: -65px; left: 0px;}
#market {position: relative; bottom: -20px; left: 40px;}
#mail {color: Blue}
#map {width: 600px; height: 500px; margin: 0px 0px 0px 10px; border: solid 1px green; float: left;}