body {margin: 0; padding: 0; background: url('/i/img/bg.jpg') #B79053 repeat-y; font-family: Times, Sans-serif; font-size: 13px;}
img {border: 0;}
a {color: #97381A; }

#arch {position: absolute; background: url('/i/img/arch.gif'); width: 273px; height: 379px; left: 231px; top: 0; float: left;}
#logo {float: left;}
#top {background: url('/i/img/top_bg.jpg') no-repeat; height: 266px; margin-left: 231px;}
#page_title {margin: 0; position: absolute; top: 200px; left: 500px; color: #490808; width: 200px; text-transform: uppercase; font-size: 24px; font-family: Georgia, Sans-serif;}

#cont{width: 975px;}

#menu {width: 230px; padding-left: 20px; position: relative; top: -30px; vertical-align: top;}
#menu p {margin: 0; padding: 0;}
#menu .l1 {width: 181px; height: 42px; background: url('/i/img/menu_bg.gif') no-repeat; padding: 11px 0 0 35px;
            text-transform: uppercase; font-size: 15px; font-family: Georgia, Sans-serif; color: #9D3C19; font-weight: bold;}

.l1 {text-transform: uppercase; font-size: 15px; font-family: Georgia, Sans-serif; color: #9D3C19; font-weight: bold;}

#menu[id="menu"] .l1 {height: 31px;}
#menu .l1 a {color: #490808; text-decoration: none;}
#menu .l1 a:hover {text-decoration: underline;}  
#sub_menu {width: 153px; margin-left: 20px; margin-top: -11px; background: url('/i/img/sub_bg.jpg') #E9D6A0 no-repeat; 
            display: block; margin-bottom: 7px; padding: 10px 0 7px 0; border-bottom: 1px solid #FFFFCE;}
#sub_menu p {width: 130px; padding: 4px 0 3px 20px; font-size: 14px; font-family: Arial, Serif;  color: #97381A;}
#sub_menu a {color: #4E151B; text-decoration: none;}
#sub_menu a:hover {text-decoration: underline;}
#l2selected {width: 23px; height: 31px; background: url('/i/img/list.gif') no-repeat; position: absolute; left: 42px; margin-top: -5px;}

#content { width: 615px; font-family: Sans-serif; font-size: 13px; vertical-align: top; text-align: left; padding: 20px 30px 0 30px;}
#content h2 {font-size: 13px; color: #490808;}

#right {width: 130px; vertical-align: top; text-align: center; padding: 40px 0 0 0; font-size: 12px; font-family: Arial, Serif;}
#right img {border: 1px #7D673C solid;}
#right p{ margin: 0 0 20px 0;}
#right p a{ color: #4F161A;}

#bottom {width: 735px; height: 150px;  background: url('/i/img/bottom_bg.jpg') no-repeat; margin-left: 235px;}
#bottom p {padding-top: 85px; margin-left: 360px; font-size: 14px; font-family: Arial, Serif;  color: #AF8F5F;}

#auth {position: relative; top: 110px; left: 30px; width: 200px; font-family: Sans-Serif; }


/*Lightbox styles*/
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center;	line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}
#imageContainer{	padding: 10px;}
#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#loading[id="loading"] {margin-left:43%;//margin-left:0;}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url('/i/img/blank.gif') no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/i/img/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/i/img/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #BD9E6B;	filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;	}
* html>body .clearfix {	display: inline-block;	width: 100%;	}
* html .clearfix {	/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */	}	


    #content p
    , #content ul
    , #content ol
    {
        padding: 0;
        margin: 1em 0;
    }
    #content li
    {
        margin: 0.5em 0 0.5em 1.3em;
    }
    #content ul
    {
        list-style-type: none;
        //list-style-image: url('/i/img/li.gif');
    }
    #content ul li
    {
        padding: 0;
        behavior: expression( !this.before && parentNode && parentNode.tagName == 'UL' ? this.before = ( 1
                | ( parentNode.style.listStyleImage = 'none' )
                | ( this.firstChild && this.firstChild.nodeType != 3
                    ? ( 1 | ( this.firstChild.style.marginTop = '-1.2em' ) | ( this.firstChild.style.position = 'relative' ) ) : 1 )
                | ( this.innerHTML = '<nobr style="position: relative; width: 1.25em; left: -1.25em; margin: 0 -1.25em 0 0;">&mdash;&nbsp;</nobr>'
                    + this.innerHTML ) ) : '' );
    }
    #content ul>li:before
    {
        content: '\2014\a0';
        float: left;
        margin-left: -1.25em;
    }
    #content ul>li>*:first-child:-moz-first-node
    {
        margin-top: -1.2em;
    }
    #content ul>li>*
    {
        text-indent: 0;
    }
    #content .sup
    {
        position: relative;
        top: -0.5em;
        font-size: 0.75em; //font-size: 0.89em;
        line-height: 0;
        vertical-align: baseline;
    }