body
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	width: 100%
}

#header
{
	background-color: #F0F0F0;
	background-image: url('/cgi-local/rand_image.pl');
	background-position: center right;
	background-repeat: no-repeat;
	width: 100%;
}

#main-nav
{
	background-color: #9999CC;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

#middle
{
	width: 100%;
}

#middle-left
{
	background-color: #F0F0F0;
	width: 140px;
}

#middle-right
{
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
}

#side-nav 
{
	background-color: #F0F0F0;
	color: #003399;
	font-family: arial, sans-serif;
	font-size: 12px;	
	margin: 10px 10px 10px 0px;
	width: 140px;
}

#thumbnail
{
	background-color: #9999CC;
	border: 1px solid #000000;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 195px;
}

#thumbnail-text
{
	border-top: 1px solid #000000;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	text-align: center;
}

#info-box
{
	background-color: #9999CC;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding: 3px 3px 3px 3px;
	text-align: center;	
	width: 120px;
}

/* #info-box link style */
#info-box a:link {text-decoration: underline; color: #FFFFFF;}
#info-box a:visited {text-decoration: underline; color: #FFFFFF;}
#info-box a:hover {text-decoration: underline; color: #FFFF33;}
#info-box a:active {text-decoration: underline; color: #FFFF33;}

#info-box-old
{
	background-color: #FFFFCC;
	border-top: 10px solid #9999CC;
	border-bottom: 10px solid #9999CC;
	border-left: 1px solid #9999CC;
	border-right: 1px solid #9999CC;
	color: #003399;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding: 3px 3px 3px 3px;
	text-align: center;	
	width: 120px;
}

#breadcrumbs
{
	background-color: #FFFFCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	border-top: 1px solid #CCCCCC;
	margin: 10px 0px 0px 10px;
	width: 100%;
}

#breadcrumbs-text
{
	color: #003399;
	font-family: arial, sans-serif;
/*	font-size: 12px; */
	font-size: 30px;
	padding: 3px 25px 3px 15px;	
}

#content
{
	background-color: #FFFFFF;
	width: 100%;
}

#content-text
{
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 16px;
	padding: 10px 25px 10px 25px;
}

h1, h2, h3, h4, h5, h6, strong {color: #003399;}

#footer
{
	background-color: #999999;
	border-bottom: 1px solid #000000;
	width: 100%;
}

#footer-text
{
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}

#download
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin: 0px 25px 0px 0px;
}

td.download-column-1
{
	background-color: #F0F0F0;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #003399;
	font-family: arial, sans-serif;	
	font-size: 12px;
	text-align: right;
	width: 90px;
}

td.download-column-2
{
	background-color: #FFFFCC;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;	
	font-family: arial, sans-serif;
	font-size: 12px;
	text-align: left;	
}

#download-column-2-text
{
	color: #000000;	
	font-family: arial, sans-serif;
	font-size: 12px;
	text-align: left;	
}

/* red color for required fields on the data entry form screen */
#required {color: #FF3333;}

/* grey horizontal rules */
#grey-underline {border-bottom: 1px solid #CCCCCC;}
#grey-overline {border-top: 1px solid #CCCCCC;}

/* grey text */
#grey-text
{
	color: #999999;
	font-family: arial, sans-serif;
	font-size: 12px;
}

/* grey/italic text */
#grey-italic-text
{
	color: #999999;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: italic;
}

/* spacer used in side-nav */
#spacer {width: 10px;}

/* border around dwf documents */
#whip {border: 1px solid #CCCCCC;}

/* main link style */
a:link {text-decoration: underline; color: #003399;}
a:visited {text-decoration: underline; color: #003399;}
a:hover {text-decoration: underline; color: #FF3333;}
a:active {text-decoration: underline; color: #FF3333;}

/* main-nav link style */
#main-nav-text a:link {text-decoration: none; color: #FFFFFF;}
#main-nav-text a:visited {text-decoration: none; color: #FFFFFF;}
#main-nav-text a:hover {text-decoration: underline; color: #FFFF33;}
#main-nav-text a:active {text-decoration: underline; color: #FFFF33;}

/* thumbnail-text link style */
#thumbnail-text a:link {text-decoration: underline; color: #FFFFFF;}
#thumbnail-text a:visited {text-decoration: underline; color: #FFFFFF;}
#thumbnail-text a:hover {text-decoration: underline; color: #FFFF33;}
#thumbnail-text a:active {text-decoration: underline; color: #FFFF33;}

/* side-nav link style */ 
#side-nav a:link {text-decoration: none; color: #003399; font-weight: bold;}
#side-nav a:visited {text-decoration: none; color: #003399; font-weight: bold;}
#side-nav a:hover {text-decoration: underline; color: #FF3333; font-weight: bold;}
#side-nav a:active {text-decoration: underline; color: #FF3333; font-weight: bold;}

/* footer-text link style */
#footer-text a:link {text-decoration: underline; color: #003399;}
#footer-text a:visited {text-decoration: underline; color: #003399;}
#footer-text a:hover {text-decoration: underline; color: #FFFFFF;}
#footer-text a:active {text-decoration: underline; color: #FFFFFF;}

/* main-nav link style */
#main-nav a:link {text-decoration: none; color: #FFFFFF;}
#main-nav a:visited {text-decoration: none; color: #FFFFFF;}
#main-nav a:hover {text-decoration: underline; color: #FFFF33;}
#main-nav a:active {text-decoration: underline; color: #FFFF33;}

img.margin10 {margin: 10px 10px 10px 10px;}