body {
margin : 10px 0px 10px 0px;
background-color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
overflow : -moz-scrollbars-vertical;
}
#wrapper {
width : 950px;
min-height : 555px;
margin : 0px auto 0px auto;
background-color : #000000;
border : 1px solid #333333;
-moz-border-radius : 0% 0% 1% 1%;
}
#header {
width : 950px;
height : 120px;
background-image : url(images/header.jpg);
background-repeat : no-repeat;
}
.spacer {
width : 950px;
height : 20px;
background-color : #333333;
clear : both;
}
.spacer div {
width : 472px;
height : 17px;
float : left;
padding : 3px 0px 0px 3px;
color : #cccccc;
}
.spacer div h1 {
font-size : 11px;
font-weight : normal;
margin : 0px;
}
.spacer div.right {
text-align : right;
padding : 3px 3px 0px 0px;
}
#main_nav {
width : 200px;
min-height : 148px;
float : left;
padding : 2px 0px 0px 0px;
}
#main_nav a {
background-image : url(images/nav_background.jpg);
background-repeat : no-repeat;
display : block;
width : 144px;
height : 17px;
color : #ffffff;
text-decoration : none;
padding : 3px 0px 0px 55px;
font-size : 11px;
margin : 0px 0px 1px 0px;
}
#main_nav a:hover {
background-image : url(images/nav_background_over.jpg);
background-repeat : no-repeat;
padding : 3px 0px 0px 75px;
width : 124px;
}
#banner {
width : 750px;
height : 150px;
float : right;
}
#main_cont {
width : 500px;
min-height : 235px;
padding : 5px;
float : left;
}
#main_cont a {
color : #ffffff; 
}
#main_cont.no_right {
width : 940px;
}
#main_cont img {
border : 1px solid #660066;
margin : 11px;
}
.main_image {
display : block;
float : left;
border : 1px solid #660066;
margin : 10px;
}
#sub_cont {
width : 405px;
min-height : 210px;
padding : 5px;
float : left;
border : 1px solid #660066;
margin : 10px;
}
#sub_cont.map {
width : 415px;
min-height : 220px;
padding : 0px;
}
#footer {
clear : both; 
width : 950px; 
height : 18px;
text-align : center;
color : #cccccc;
border-top : 1px solid #333333;
padding : 2px 0px 0px 0px;
}
h2 {
font-size : 14px;
margin : 0px;
color : #660066;
}
p {
margin : 10px 0px 10px 0px;
}
label {
display : block;
width : 90px;
float : left;
}
.required, .error {
color : #ff0000;
}
p.bold {
font-weight : bold;
}
/*lightbox*/
#lightbox {	
position : absolute;	
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0;
}
#lightbox img {
width : auto; 
height : auto;
}
#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-image : url(data:image/gif;base64,AAAA); 
display : block; 
}
#prevLink { 
left : 0; 
float : left;
}
#nextLink { 
right : 0; 
float : right;
}
#prevLink:hover, #prevLink:visited:hover { 
background : url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
background : url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
}
#imageData {	
padding :0 10px; 
color : #666; 
}
#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; 
outline : none;
}	 	
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
}

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	/*float: left;*/
	height: 20px;
	margin-left : 3px;
	vertical-align:middle;
	width: 20px;
	margin-top : -3px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(images/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(images/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}