/*
COLORS:
#a07958 = brown
#8d9db4 = light blue/grey
#dd761a = orange
*/
html, body { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; }
body { margin-left: 0px;  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; height: 100%; }
p { margin-top: 5px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }
img { border: 0px; }
div { font-size: 11px; }
ul { margin-left: 0px; margin-top: 2px; margin-left: 15px; padding-left: 0px; list-style-type: square; }
li { margin-left: 15px; padding-left: 0px; padding-bottom: 2px; list-style-type: square; }

/* BEGIN - Layout styles */
#container
{
	position: absolute;
	top: 0px;
	left: 0px;
	max-width:1024px; width: 1024px;
	overflow: visible;
	/* min-height is w3c standard and _height is IE hack to add space */
	min-height: 100%; _height: 100%;
	z-index: 1;
}
#top-section 
{
	background-color: #ffffff;
	/*background-image: url(/images/banner.jpg);*/
	border-width: 0px;
	height: 142px; 
	width: 1024px;
	overflow: visible;
	position: relative;
}
#mid-section 
{
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 5px;
	width: 1024px;
}
#mid-col-1
{
	float: left;
	background: #ffffff;
	border: 0px;
	width: 200px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	position: relative;
}
#mid-col-2
{
	background: #ffffff;
	float: right;
	position: relative;
	width: 815px;
}
#bot-section 
{
	background-color: #ffffff;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	clear: both;
	width: 1024px;
	text-align: center;
	z-index: 6;
}
/* END - Layout styles */

/* BEGIN - Box styles */
.leftBox
{
	background-color: #eeeeee;
	border: 1px solid #8d9db4;
	margin-bottom: 12px;
	width: 99%;
}
.leftBoxHeader
{
	background-color: #8d9db4;
	border: 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	height: 12px;
	padding: 2px 2px 8px 2px;
	vertical-align: middle;
}
.leftBoxText
{
	padding: 2px 2px 2px 2px;
}
.contentBox
{
	background-color: #eeeeee;
	border: 1px solid #a07958;
	margin-bottom: 19px;
	width: 99%;
}
.contentBoxHeader
{
	background-color: #a07958;
	border: 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	height: 12px;
	padding: 2px 2px 8px 2px;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}
.contentBoxShowHide {
	border: 1px solid #ffffff;
	color: #ffffff; 
	cursor: pointer;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 1px 1px;
	text-align: center;
	vertical-align: middle;
	width: 15px;
}
.contentBoxMain
{
	min-height: 99%;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}
.contentBoxLeft
{
	border-right: 1px dashed #a07958;
	float: left;
	margin-right: 5px;
	padding: 0px 0px 5px 0px;
	width: 175px;
}
.contentBoxRight
{
	overflow: auto;
	position: relative;
}
.contentBoxList
{
	padding: 0px 0px 10px 0px;
}
.contentBoxSubList
{
	padding: 8px 0px 0px 25px;
}
.contentPageHeader
{
	background-color: #a07958;
	border: 0px;
	color: #ffffff;
	height: 18px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
	width: 1011px;
}
.contentPageHeaderLeft
{
	float:left;
	font-size: 13px;
	font-weight: bold;
}
.contentPageHeaderRight
{
	float:right;
}
a.contentPageHeader { color: #363928; cursor: pointer; font-size: 12px; text-decoration: underline; }
a.contentPageHeader:hover { color: #a31515; text-decoration: none; }
a.contentPageHeader:active { color: #363928; text-decoration: underline; }
/* END - Box styles */

/* BEGIN - Specific styles */
.smlText { font-size: 10px; }
.lrgText { font-size: 12px; }
.boldText { font-weight: bold; }
.smlBoldText { font-size: 10px; font-weight: bold; }
.lrgBoldText { font-size: 12px; font-weight: bold; }

a { color: #0066CC; cursor: pointer; text-decoration: underline; }
a:hover { color: #a31515; border-bottom: 1px dashed; text-decoration: none; }
a:active { color: #0066CC; text-decoration: underline; }
a.footerLink { color: #a07958; cursor: pointer; font-size: 12px; font-weight: bold; text-decoration: none; }
a.footerLink:hover { color: #dd761a; text-decoration: none; }
a.footerLink:active { color: #a07958; text-decoration: none; }

hr.footerLineBreak { background-color: #544832; color: #544832; height: 3px; width: 100%; }
hr.contentPageBreak { background-color: #a07958; color: #a07958; height: 1px; width: 100%; }

.photoviewerDDL
{
	background-color: #dd761a;  /*orange*/
	border: 1px solid #8d9db4;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 1px 1px 1px;
}
.photoviewerTXT
{
	font-size: 11px;
	vertical-align: top;
}
.photoviewerImage
{
	border: 0px;
	overflow: visible;
}
.photoviewerText
{
	border-top: 1px solid #a07958;
	color: #606060;
	font-weight: normal;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	width: 99%;
}
.linkviewerDDL
{
	background-color: #dd761a;  /*orange*/
	border: 1px solid #8d9db4;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.linkviewerText
{
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 99%;
}
.infoviewerText
{
	border-top: 1px solid #a07958;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 99%;
}
.journalHeader
{
	color: #dd761a;
	font-size: 12px;
	font-weight: bold;
}
.journalSection
{
	font-size: 12px;
	padding: 0px 0px 10px 0px;
}
.journalText
{
	font-size: 12px;
}

/* END - Specific styles */