/* CSS Document */
html, body {
height: 100%;
border: 0;
margin: 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
background-color:#FFCC00;
}

li {
list-style-image:url(../images/list_img.gif);
margin-bottom: 8px;
}

a img {
border: 0;
}

a {
text-decoration: none;
}

#container {
position: relative;
width: 802px;
height: 1120px;
background-image:url(../images/container_bg.jpg);
background-position:top left;
background-repeat: repeat-y;
margin: 0 auto;
}

#header {
position: relative;
left: 6px;
width: 790px;
height: 180px;
background-color:#000000;
}

#flash {
position: absolute;
top: 0;
left: 296px;
width: 500px;
height: 180px;
}

#navbar {
position: absolute;
top: 220px;
left: 15px;
width: 160px;
height: 400px;
background-color:#F3F3F3;
}

#navbar span {
position: relative;
top: 5px;
}

#navbar a {
display: block;
width: 160px;
height: 35px;
background-color:#FFFFFF;
color:#CC0000;
font-weight: bold;
text-decoration:none;

text-align:center;
border-bottom: 6px solid #E9E9E9;
}

#navbar a.active {
display: block;
width: 160px;
height: 35px;
background-color:#FFFFFF;
background-image:url(../images/menupointer.gif);
background-position:right;
background-repeat: no-repeat;
color:#003366;
text-decoration:none;
text-align:center;
}

#navbar a:hover {
display: block;
width: 160px;
height: 35px;
background-color:#99CCCC;
text-decoration:none;
text-align:center;
}

#content {
position: absolute;
top: 190px;
left: 184px;
width: 600px;
height: 480px;
}

#content h1 {
font-size: 24px;
color: #CC0000;
margin-left: 20px;
}

#leftcolumn {
float: left;
width: 240px;
margin-left: 40px;
}

#rightcolumn {
float: left;
width: 240px;
}

#footer {
position: absolute;
bottom: 0;
left: 6px;
width: 790px;
height: 30px;
background-color:#000000;
}

#footer span {
position: relative;
top: 8px;
left: 210px;
color: #FFFFFF;
}

.contact {
color:#003366;
text-align: center;
}

.displaybox {
float: left;
padding: 4px;
background-color:#FFFFFF;
margin-bottom: 15px;
text-align:center;
}

.nudge {
margin-left: 80px;
}

.contactpage {
color:#CC0000;
font-size:16px;
font-weight:bold;
}

.gallery {
float:left;
margin-left: 30px;
padding: 4px;
font-size:10px;
text-align:center;
line-height: 18px;
background-color:#EEEEEE;
}

.galleryrow {
width: 100%;
height: 160px;
}

.galleryrow2 {
width: 100%;
height: 190px;
}

/* ############################ */
/* for the lightbox gallery */

#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(../images/overlay.png); }

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