body {
background-color:#FFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
text-align:left;
}

#wrapper {
background-color:#FFF;
border:6px solid #000;
margin:0 auto;
padding:4px;
width:760px;
}

#header {
background-color:#FFF;
height:200px;
text-align:center;
}

#main {
	background-color:#fff;
	text-align:justify;
	margin-right: 4px;
	margin-left: 4px;
	padding-right: 2px;
	padding-left: 2px;
}

#left {
float:left;
margin-left:4px;
margin-right:4px;
padding-left:2px;
padding-right:2px;
width:450px;
}

#right {
float:right;
margin-left:4px;
margin-right:4px;
padding-left:2px;
padding-right:2px;
width:255px;
}

#leftcolumn {
border:1px solid #CCC;
float:left;
margin-left:4px;
margin-right:4px;
padding-left:2px;
padding-right:2px;
width:243px;
}

#middle {
background-color:#FFF;
border:1px solid #CCC;
color:#000;
display:inline;
float:left;
margin-left:4px;
margin-right:4px;
padding-left:2px;
padding-right:2px;
width:232px;
}

#rightcolumn {
background-color:#FFF;
border:1px solid #CCC;
float:left;
margin-left:4px;
margin-right:4px;
padding-left:2px;
padding-right:2px;
width:243px;
}

#footer {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
height:30px;
text-align:center;
}

#footer p {
color:#C7455F;
font-size:90%;
margin-top:10px;
}


p {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
text-align:left;
}

h1 {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:700;
text-transform:uppercase;
}

h2 {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:700;
text-transform:uppercase;
}

h3 {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}

img.float-right {
	margin: 3px;
	padding: 3px;
}

img.float-left {
	border:1px solid #999;
	padding:3px;
	margin: 3px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.validbutton {
border:1px solid #B83D3D;
font-size:70%;
margin-right:6px;
padding:4px;
}

.code {
border:1px dashed #CCC;
font-size:60%;
padding:4px;
width:250px;
}

a:link {
color:#00F;
}

a:visited {
color:#FF0000;
}

a:active {
color:#AD3838;
}

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

#left p,#right p {
color:#000;
}

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}

#lightbox img {
height:auto;
width:auto;
}

#lightbox a img {
border:none;
}

#outerImageContainer {
background-color:#fff;
height:250px;
margin:0 auto;
position:relative;
width:250px;
}

#imageContainer {
padding:10px;
}

#loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}

#hoverNav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}

#imageContainer>#hoverNav {
left:0;
}

#hoverNav a {
outline:none;
}

#prevLink,#nextLink {
background-image:url(data:image/gif;base64,AAAA);
display:block;
height:100%;
width:49%;
}

#prevLink {
float:left;
left:0;
}

#nextLink {
float:right;
right:0;
}

#prevLink:hover,#prevLink:visited:hover {
background:url(images/prev.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
background:url(images/next.gif) right 15% no-repeat;
}

#imageDataContainer {
background-color:#fff;
font:10px Verdana, Helvetica, sans-serif;
line-height:1.4em;
margin:0 auto;
overflow:auto;
width:100%;
}

#imageData {
color:#666;
padding:0 10px;
}

#imageData #imageDetails {
float:left;
text-align:left;
width:70%;
}

#imageData #caption {
font-weight:700;
}

#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em;
}

#imageData #bottomNavClose {
float:right;
outline:none;
padding-bottom:0.7em;
width:66px;
}

#overlay {
background-color:#000;
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}