body {
background-color : #f2ff19;
margin : 0 0 0 0;
font-family : Georgia;
font-size : 1em;
color : #556;
height : 100%;
}
a:link, a:visited, a:hover {
color : gray;
border : none;
text-decoration : none;
}

a:active {
color : navy;
border : none;
}
img {
border-style : none;
}
img.title {
left : -200px;
height : 80px;
position : relative;
}
div.loading {
position : absolute;
left : 49%;
top : 50%;
z-index : 200;
}
img.flavor {
position : absolute;
top : 0;
left : 0;
width : 16%;

clear : both;
}
img.homeicon {
position : absolute;
top : 50px;
left : 80%;
clear : both;
height : 110px;
width : 150px;
}
img.homeicon:hover {
height : 120px;
width : 160px;
}
#container {
width : 100%;
background-color : #f2ff19;
}
#header {
font-variant : small-caps;
font-weight : bold;
color : #666;
padding : 20px;
border-bottom : 6px solid #222;
text-align : center;
font-size : 1.6em;
}
#content {
background-color : #000;
width : 100%;
height : 400px;
margin : auto;
text-align : center;
vertical-align : middle;
}
#menu {
margin : auto;
overflow : hidden;
height : 110px;
background-color : #222;
text-align : center;
}
#menu img {
margin-top : 10px;
width : 120px;
height : 90px;
text-decoration : none;
}
#menu img:hover {
background-color : #666;
}
#select {
text-align : center;
margin : auto;
width : 800px;
background-color : #f2ff19;
}
img.prev {
top : 30px;
position : relative;
float : left;
margin : 0 0 10px 10px;
}
img.next {
top : 30px;
position : relative;
float : right;
margin : 0 10px 10px 0;
}
img.next:hover {
opacity : 0.5;
}
img.prev:hover {
opacity : 0.5;
}
span.copyright {
color : #000;
font-size : 0.75em;
font-weight : bold;
}
#footer {
background-color : #f2ff19;
color : #333;
text-align : center;
}
/*
	photo viewer
*/

#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}
#lightboxDetails {
font-size : 0.8em;
padding-top : 0.4em;
}
#lightboxCaption {
float : left;
}
#keyboardMsg {
float : right;
}
#closeButton {
top : 5px;
right : 5px;
}
#lightbox img {
border : none;
clear : both;
}
#overlay img {
border : none;
}
#overlay {
background-image : url('../img/overlay.png');
}

* html #overlay{
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
	

/*
	Working
*/

img.crest {
width : 260px;
height : 260px;
}
img.center {
margin : auto;
text-align : center;
}
div.center {
width : 260px;
margin : auto;
clear : none;
}
div.left {
width : 220px;
float : left;
}
div.right {
width : 380px;
float : right;
}
li.tn {
list-style : none;
float : left;
height : 50px;
width :  50px;
border : 2px solid #000;
margin : 1px;
}
img.thumb {
height : 50px;
width :  50px;
}
li.tn:hover {
border : 2px solid #f2ff19;
}
div.links {
text-align : left;
height : 100%;
min-height : 100%;
font-size : 0.8em;
float : left;
margin : 1em;
}