body {font-family : Verdana, Arial, Helvetica, sans-serif; background : #426208; margin : 0; padding : 0; width : 100%; min-width : 819px;}

a:link {color : #ff9933; font-weight : bold;}
a:hover {color : #ff0000; font-weight : bold;}
a:active {color : #ff0000; font-weight : bold;}
a:visited {color : #ff9933; font-weight : bold;}

.tn {width : 120px; height : 90px; border : 1px solid #000000; margin : 5px;}

.threecol .col2 ul {list-style : none; font-size : small; margin : 0px 10px 0px 0px; padding : 0px;}
.threecol .col2 ul li {margin : 0px 0px 10px 2px; background : #ffffcc; padding : 4px 0px 4px 2px;}
.threecol .col2 ul li a:link, .threecol .col2 ul li a:active, .threecol .col2 ul li a:visited {text-decoration : none; color : #426208;}
.threecol .col2 ul li a:hover {text-decoration : none; color : #ff9933;}

.col1 {margin : 15px 0px 10px 0px;}
.col1 p, .col1 li {color : #426208; font-size : small;}
.col1 li {padding : 0px 0px 0px 20px; margin : 5px 0 5px 0;}
.col1 h2 {color : #426208; font-size : 1.1em;}
.col1 h3 {color : #426208; font-size : 1em;}
.col1 h4 {color : #426208; font-size : 0.9em;}
.col1 table.styled, .hptable {border-collapse : collapse; border : 1px solid #426208; width : 100%;}
.col1 table.styled th, .hptable th {color : #426208; font-size : 0.7em; font-weight : bold; text-align : left; vertical-align : top; padding : 4px; border : 1px solid #426208;}
.col1 table.styled td, .hptable td {color : #426208; font-size : 0.7em; text-align : left; vertical-align : top; padding : 4px; border : 1px solid #426208;}
.col1 table.styled caption, .hptable caption {color : #426208; font-size : 0.8em; text-align : left; font-weight : bold; padding-bottom : 5px;}
.col1 table.styled td.emp {color : #ff0000; font-weight : bold;}

.col2 h3 {color : #ff9933; font-size : 1em;}
.col2 table {border-collapse : collapse; border : 3px solid #426208; font-size : x-small; background : #ffffcc; margin : 0px 10px 0px 2px;}
.col2 table caption {color : #ffffcc; text-align : left; font-weight : bold;}
.col2 table th, .col2 table td { text-align : left; border : 3px solid #426208; padding : 2px;}

#header {clear:both; float:left; width:100%; padding : 10px 0px 10px 0px; text-align : center;}
#header h1,	#header h2 {padding:.4em 15px 0 15px; margin:0; color : #ffffcc; display : inline;}

#layoutdims {clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important;	text-align:right;}

.colmask {position:relative; clear:both; float:left; width:100%; overflow:hidden;}

.colright, .colmid, .colleft {float:left;width:100%;position:relative;}

.col1, .col2, .col3 {float:left; position:relative; padding:0 0 1em 0; overflow:hidden;}

.threecol {background:#eee;}

	.threecol {
		background:#426208;		/* right column background colour */
	}
	.threecol .colmid {
		right:12%;			/* width of the right column */
		background:#ffffcc;		/* center column background colour */
	}
	.threecol .colleft {
		right:68%;			/* width of the middle column */
		background : #426208;	/* left column background colour */
	}
	.threecol .col1 {
		width:62%;			/* width of center column content (column width minus padding on either side) */
		left:103%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:20%;			/* Width of left column content (column width minus padding on either side) */
		left:18%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
	text-align : center;
		width:12%;			/* Width of right column content (column width minus padding on either side) */
		left:86%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
#footer {clear:both; float:left; width:100%; text-align : center; margin-top : 10px;}
#footer p {color : #86a64c; font-size : 0.7em; padding-bottom : 1px; margin : 2px 0px 4px 14px;}
#footer a:link, .textsm a:hover, .textsm a:visited, .textsm a:active {color : #86a64c;}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font-weight : bold;
font-size : 0.7em;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#lightbox{
	position: absolute;
	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(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}