#container {
width : 1000px;
border : 0;
margin-top : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
background-color : white;
}
#header {
width : 1000px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
background-color:transparent;
text-align : center;
}
#content {
margin-left : 170px;
padding : 5px;
background-color : white;
float : left;
width : 860px;
margin : 0 0 0 0;
display : inline;
overflow : auto;
position : relative;
margin-top : 0;
text-align : left;
}
#contentempty {
margin-left : 0px;
padding : 0px;
background-color : white;
float : left;
width : 1000px;
margin-top : 0px;
text-align : left;
}

fieldset
{
border: 1px solid #b7b7b7;
background: #f5f5f5;
width: 60em
}


legend
{
color: #707070;
background: #dedede;
border: 1px solid #b7b7b7;
padding: 2px 6px
}

#menu {
float : left;
width : 128px;
margin : 0;
margin-right : 0;
padding : 1px;
background-color : #ffffff;
}
#menuempty {
float : left;
width : 0px;
margin : 0;
margin-left : 0;
margin-right : 0;
padding : 0px;
background-color : #ffffff;
}
#menu2 {
float : right;
width : 110px;
margin : 0;
margin-right : 0;
padding : 1px;
background-color : #ffffff;
}
#footer {
clear : both;
padding : 0px;
margin-top : 0px;
background-color : white;
text-align : center;
color : gray;
}
ul#navlist {
width : 126px;
padding : 0;
border : 1px solid #ffffff;
border-top : 1px;
margin : 0;
font : 11px verdana, helvetica, arial, sans-serif;
background : #ffffff;
color : white;
}
ul#navlist4 {
width : 126px;
padding : 0;
border : 1px solid #ffffff;
border-top : 1px;
margin : 0;
font : bold 11px verdana, helvetica, arial, sans-serif;
background : #ffffff;
color : #534120;
}
ul#navlist3 {
width : 108px;
padding : 0;
border : 1px solid #ffffff;
border-top : 1px;
margin : 0;
background : #ffffff;
font : 11px verdana, helvetica, arial, sans-serif;
color : white;
}
ul#navlist33 {
width : 108px;
padding : 0;
border : 1px solid white;
border-top : 1px;
margin : 0;
background : red;
font : 11px verdana, helvetica, arial, sans-serif;
color : red;
}
ul#navlist5 {
width : 108px;
padding : 0;
border : 1px solid #ffffff;
border-top : 1px;
margin : 0;
background : #ffffff;
font : 11px verdana, helvetica, arial, sans-serif;
color : #2c200a;
}
ul#navlist li {
list-style : none;
margin : 0;
border : 0;
border-top : 0 solid #bbab88;
}
ul#navlist3 li {
list-style : none;
margin : 0;
border : 0;
border-top : 0 solid #bbab88;
}
ul#navlist33 li {
list-style : none;
margin : 0;
border : 0;
border-top : 1px solid white;
}
ul#navlist li a {
display : block;
width : 118px;
padding : 4px 4px 4px 4px;
border : 0;
border-right : 0 solid #bbab88;
background : #ffffff;
text-decoration : none;
text-align : left;
}
ul#navlist3 li a {
display : block;
width : 100px;
padding : 4px 4px 4px 4px;
border : 0;
border-right : 0 solid #bbab88;
background : #a4a3a3;
text-decoration : none;
text-align : left;
}
ul#navlist33 li a {
display : block;
width : 100px;
padding : 4px 4px 4px 4px;
border : 0;
border-right : 0 solid white;
background : red;
text-decoration : none;
text-align : left;
}
ul#navlist li a:link {
color : #2c200a;
}
div#navcontainer li a:visited {
color : #2c200a;
}
ul#navlist3 li a:link {
color : #2c200a;
}
div#navcontainer3 li a:visited {
color : #2c200a;
}
ul#navlist33 li a:link {
color : red;
}
div#navcontainer33 li a:visited {
color : red;
}
ul#navlist li a:hover {
border-color : #2c200a;
color : #2c200a;
background : #d4ccbf;
}
ul#navlist3 li a:hover {
border-color : #2c200a;
color : #2c200a;
background : #d4ccbf;
}
ul#navlist33 li a:hover {
border-color : white;
color : white;
background : #d4ccbf;
}
#active a:link, #active a:visited, #active a:hover {
border-color : #d4ccbf;
color : #d4ccbf;
background : #d4ccbf;
}
#navcontainer2 ul {
padding-left : 0;
margin-top : 10px;
margin-bottom : 0;
margin-left : 0;
background-color : #ffffff;
border : 0;
border-bottom : 1px solid #ff5b01;
border-top : 0;
color : #2c200a;
float : left;
text-align : right;
width : 100%;
font : 11px verdana, helvetica, arial, sans-serif;
}
#navcontainer2 ul li {
display : inline;
}
#navcontainer2 ul li a {
padding-bottom : 3px;
padding-left : 15px;
background-color : #ffffff;
color : #ff5b01;
text-decoration : none;
float : left;
border-right : 0 solid white;
border-top : 0 solid gray;
}
#navcontainer2 ul li a:hover {
background-color : #ffffff;
text-decoration : none;
color : #c40303;
}
#hideable {
background-color : white;
}
.imgleft {
float : left;
padding : 8px 10px 8px 0;
}
.imgright {
float : right;
padding : 8px 0 8px 10px;
}
img {
border-width : 0;
}
.borderimg {
border-style : solid;
border-color : #d8d8fa;
border-width : 1px;
}
html {
height : 100%;
}
body {
height : 100%;
font : 11px Verdana, Tahoma, Arial, sans-serif;
background-position:top; 
margin-top : 0;
}
h1, h2, h3, h4, h5, h6, h7 {
margin : 0;
padding : 5px;
color : red;
}
h1 {
font-size : 18px;
font-weight : normal;
color : gray;
}
h2 {
font-size : 12px;
font-weight : bold;
color : #4f4f4f;
}
h3 {
font-size : 11px;
font-weight : normal;
position : relative;
color : #4f4f4f;
}
h4 {
font-size : 11px;
font-weight : normal;
color : gray;
}
h5 {
font-size : 12px;
font-weight : normal;
text-decoration : line-through;
position : relative;
color : gray;
}
h6 {
font-size : 12px;
text-align : justify;
font-weight : bold;
border-top : 0 solid;
border-bottom : 0 solid;
background-color : #977347;
color : #e3d769;
}
h7 {
font-size : 12px;
font-weight : bold;
color : #4f4f4f;
}
a.info {
position : relative;
z-index : 24;
background-color : red;
color : #000;
text-decoration : none;
font-size : 11px;
font-weight : normal;
}
a.info:hover {
z-index : 25;
background-color : #ff0;
}
a.info span {
display : none;
}
a.info:hover span {
display : block;
position : absolute;
top : 1em;
left : -11em;
width : 15em;
border : 1px solid #0cf;
background-color : #cff;
color : #000;
text-align : left;
}
#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;
}
#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(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
background : url(../images/prevlabel.gif) no-repeat left 99%;
}
#nextLink {
right : 0;
float : right;
background : url(../images/nextlabel.gif) no-repeat right 99%;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 99%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 99%;
}
#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 : 1em;
}
#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 : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
.mytext a {
color : #666666;
font-size : 1.4em;
text-decoration : none;
}
.mytext a:hover {
color : #003399;
font-size : 1.4em;
text-decoration : none;
}
#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;
}
#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(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
background : url(../images/prevlabel.gif) no-repeat left 99%;
}
#nextLink {
right : 0;
float : right;
background : url(../images/nextlabel.gif) no-repeat right 99%;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 99%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 99%;
}
#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 : 1em;
}
#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 : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
.mytext a {
color : #666666;
font-size : 1.4em;
text-decoration : none;
}
.mytext a:hover {
color : #003399;
font-size : 1.4em;
text-decoration : none;
}