/*******************************************************************************
** FILE:	style1.css
** AUTHOR:	Mike McCarthy
** PURPOSE:	Stylesheet for Shore Env web pages
*******************************************************************************/
#pagewrapper {			/* added this constraint May 3, 2010 */
	width: 900px;
	margin: 0 auto;
}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: black;
}
td, th, li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}
#bannerbox {
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-right: 1px solid black;
}
#datebox {
	/*
	font-family: "courier new", monospace;
	font-size: 12px;
	*/
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	position: relative;
	text-align: right;
	left: -8px;
	top: 50px;
	padding: 4px;
	color: lightgrey;
}
#buttonbox {
        border-left: 1px solid black;
        border-right: 1px solid black;
	background: white;
}
.button {

}
#wholecontentbox {
        border-left: 1px solid black;
        border-right: 1px solid black;
	background: white;
}
#leftcolumnbox {
	width: 166px;
	/*background: white;*/
	background-image: url('../IMAGES/leftBarBg.jpg');
	background-repeat: repeat-y;
}
/* when case hist page was changed to force content alignment w/ pictures, a special case
library was created CH_Lib.php to render the main content. This required two new styles,
leftcolumncell is derived from leftcolumnbox id as now there are several items in
table data cells. Likewise maincontentcell is derived from maincontentbox*/
.leftcolumncell { /* mirror of above exclusively for CaseHist page (reuses the style) */
	width: 166px;
	background-image: url('../IMAGES/leftBarBg.jpg');
	background-repeat: repeat-y;
}
.slidepane {
	padding-top: 10px;
	padding-left: 10px;
	/*border-top: 2px solid white;*/
}
.bordered {
	/*border: 1px solid silver;*/
	border: 1px solid white;
}
#maincontentbox {
	text-align: left;
	padding-left: 30px;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 30px;
	/*padding: 20px;*/
}
.maincontentcell { /* hybrid of abv/belw exclusively for C_Hist pg (reuses the style) */
	text-align: left;
	padding-left: 20px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid steelblue;
}
#textcontentbox {
	padding-top: 8px;
	padding-right: 20px;
}
#contactform {
	/*padding: 6px;*/
	/*background: aliceblue;*/
	/*border: 2px solid silver;*/
}
p.heading {
	letter-spacing: 2.5;
	font-weight: bold;
}
p.para {
	line-height: 2.0;
}
ul.list {
	line-height: 2.0;
}
hr.rule {
	color: steelblue;
	height: 2px;
}
hr.separator {
	color: black;
	height: 1px;
}
#slickbox {
	/*background: tan;*/
}
#videobox {
	float: right;
	border: 1px solid black;
	margin-left: 15px;
	margin-bottom: 15px;
}
td.videobox {
	font-weight: bold;
	color: #3972AA;
	text-align: center;
}
.rightfloater {
	float: right;
}
.centerfloater {
	text-align: center;
}
a:link, a:visited {
	color: steelblue;
	text-decoration: underline;
}
a:hover {
	color: firebrick;
	text-decoration: none;
}
a.newlink:link, a.newlink:visited {
	color: green;
	text-decoration: underline;
	font-weight: bold;
	border: 0px;
}
a.newlink:hover {
	/*background: black;*/
	color: darkorange;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
}
.required {
	color: red;
	font-weight: bold;
}
#footerbox {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background: darkgray;
	color: black;
	padding-top: 6px;
	padding-bottom: 6px;
	/*border-top: 2px solid black;*/
        border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
hr.footer {
	width: 70%;
	height: 1px;
}
.footerlink {
	font-weight: bold;
	padding-right: 8px;
}
a.footer:link, a.footer:visited {
	color: white;
	text-decoration: underline;
}
a.footer:hover {
	/*background: black;*/
	color: firebrick;
	text-decoration: none;
}
#credit {
	text-align: right;
	color: silver;
}
.messagebox {
	font-family: "times new roman", serif;
	font-size: 24px;
	width: 100%;
	padding: 60px;
	vertical-align: center;
}
#picturebox {
	position: absolute;
	/*left: 166px;*/
	/*top: 187px;*/
	border: 4px solid black;
}