body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	background-color: #333;
	line-height:18px;
/* part 1 of 2 centering hack */
	}

div {
	padding:0px;
	margin:0px;
	position:relative;
}

a {
	text-decoration: none;
	color:  #FFFFFF;
	outline: none;
	border-bottom:dotted 1px #999;
	padding-bottom:2px;
	}
a:visited {
	color:  #FFFFFF;
	}
a:active {
	color:  #FFFFFF;
	}
a:hover {
	color: #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	font-weight:bold;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
img {
	border: 0px;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
	
/*=================================================================	
// Custom
*/
#stage {
/*
	background-image:url(../_compressed/bg.png); 
	background-repeat:no-repeat;
*/
	width:830px;
	height:620px;
	margin:auto auto;
	padding:20px 0px 20px 30px;
}


#lowerHalf {
}

#navigation {
	height: 50px;
	min-height: 50px;
	width: 800px;
	margin:20px 30px 10px 0px;
/*	overflow:hidden;
	overflow:visible;
	background-color:#000000;
*/	margin-top:30px;
}

#logo {
/*	float:right;*/
	float:left;
	background-image:url(../_compressed/logo.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 183px;
	height:50px;
	margin-right: 15px;
	margin-left:20px;
}

.navigationLink {
	float:right;
	border-left:dotted 1px #CCCCCC;
	padding: 4px 0px 0px 0px;
	width: 8em;
	height: 1.5em;
	text-align:center;
	margin-top: 1.25em;
	font-size:10px;

	visibility:visible;
	float:left;
	padding-left:20px;
	
}

.navigationLink a {
	border-bottom:none;
}
.navigationLink a:hover {
	border-bottom:1px dotted #FFFFFF;
}

#titleBar {
	width: 770px;
	height:24px;
	overflow:hidden;
	background-color:#7B9921;
	margin:0px;
	padding-left:30px;

	visibility:hidden;
}

#section {
/*	background-image:url(../_compressed/cumbs.png);
*/	background-position:0px 8px;
	background-repeat:no-repeat;
	left:0px;
	padding-top:2px;
	font-size:14px;
	font-weight:bold;
}

#close {
	position:absolute;
	margin-top:0px;
	right:0px;
	overflow:hidden;
	background:#666666;
	font-weight:bold;
	font-size:9px;
	text-align:center;
	border-left:solid 5px #000000;
	height:24px;
	width:44px;
}

#close a, #cloase a:visited, #close a:active {
	text-decoration:none;
	border:none;
}

#content {
	margin:50px 0px 0px 0px;
	width:760px;
	padding:0px 20px 0px 20px;
	overflow:hidden;
	left: -3px;
/*	top: -2px;
*/	top: -40px;
}

.thumbnail {
	float:left;
	background-image:url(../_compressed/thumbnail_bg.png);
	background-repeat:no-repeat;
	width:400px;
	height:300px;
	overflow:hidden;
	padding-left:6px;
	padding-top:6px;
}

#thumbInfo {
	float:right;
	height:26px;
	margin-right:10px;
	margin-left:10px;
	padding-top:6px;
}

#thumbNavigationLeft {
	float:right;
	width:37px;
	height:26px;
	overflow:hidden;
	background: url("/images/arrowLeft.png") no-repeat 0 0;
}
#thumbNavigationLeft:hover{
	background-position: 0 -32px;
}

#thumbNavigationRight {
	float:right;
	width:37px;
	height:26px;
	margin-right:30px;
	overflow:hidden;
	background: url("/images/arrowRight.png") no-repeat 0 0;
}
#thumbNavigationRight:hover{
	background-position: 0 -32px;
}

#viewButton {
	float:right;
	width:109px;
	height:37px;
	overflow:hidden;
	background: url("/images/view_button.png") no-repeat 0 0;
	float:left;
}
#viewButton:hover{
	background-position: 0 -37px;
}

.rightContent {
	float:left;
	width:350px;
	margin-left:0px;
}

#legal { 
	left:0px; 
/*	position:absolute; 
*/	position:fixed; 
	top:0px;
	right:0px;
	font-size:9px; 
	text-align:center; 
/*	margin:0px 40px 30px 30px;
	margin:100px 40px 30px 30px;
*/	padding:3px;
	background-color:#000;
	width:100%;
	margin:0px;
}

#viewButton, #thumbNavigationRight, #thumbNavigationLeft {
	cursor:pointer;
	}