/* This is the stylesheet for the Project57 website.
This is designed to be the default sheet, and can be overridden by
a high contrast sheet at any time. */

/* (c) Mat Mannion 2004 */

/* Body information that will create the outline of the page */
body {
	position: relative;
	padding:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	background-color:#003311;
	text-align: left;
}

/* The main box of the site, 700px wide to fit 98% of displays */
#main {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	background-color: #FFFFFF;
	position: relative;
	border: 1px solid #000000;
	overflow: hidden;
}

/* The date/time box, situated in the top right hand corner of the page */
div.datetime {
	margin: 1px;
	width: 698px;
	background-color:#68b485;
	color: #003311;
	text-align: right;
}

/* A box to enclose the Project57 logo */
#logo {
	margin: 1px;
	width: 698px;
	background-color:#FFFFFF;
/*	
	background-image: url("../gfx/proj57banner2.jpg");
	background-position: top left;
	background-repeat: no-repeat;
*/
	height: 100px;
}

/* Embossed logo */
#embossedlogo {
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 10;
	top: 2px;
	left: 20px;
	height: 100px;
	width: 200px;	
	border: 1px solid #000000;
	background-color:#FFFFFF;
	background-image: url("../gfx/proj57logo2.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#content {
	width: 100%;	
	clear: both;
}

/* The left hand content box */
#left {
	float: left;
	clear: left;
	position: relative;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	padding: 2px;
	width: 150px;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

/* A bar across for titles */
div.title {
	width: 100%;
	padding: 1px;
	background-color: #68b485;
	color: #003311;	
	display: block;
}

/* The middle content box */
#middle {
	position: relative;
	clear: right;
	float: right;
	display: block;
	padding: 2px;
	width: 500px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;	
}

/* The style selection content box */
#style {
	position: relative;
	clear: right;
	float: right;
	display: block;
	padding: 2px;
	width: 500px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;	
}

/* The right hand content box */
#right {
	position: relative;
	float: right;
	margin: 2px;
	padding: 2px;
	width: 150px;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

/* The bottom box, containing copyright and contact information */
#footer {
	position: relative;
	clear:both;
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
	margin: 2px;
}

/* The search box, to fill the page and allow searches of the SBD */
#sbdsearch {
	width:  698px;
	background-color: #FFFFFF;	
	text-align: right;
	color: #000000;
}

/* A replacement for div align=center */
div.center {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

/* A replacement for div align=left */
div.left {
	float: left;	
	position: relative;
	text-align: left;
}

/* A replacement for div align=right */
div.right {
	float: right;
	position: relative;
	text-align: right;
}

/* Web Forms */

form {
	background-color: #FFFFFF;
	margin: 2px;
}

label {
	position: relative;
	margin: 1px;
}
input {
	position: relative;
	margin: 1px;
}
select {
	position: relative;
	margin: 1px;
}
textarea {
	position: relative;
	margin: 1px;
}

label.label {
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

input.field {
	font-size: 11px;
	color: #003311;
	background-color: #68b485;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

textarea.textarea {
	font-size: 11px;
	color: #003311;
	background-color: #68b485;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

input.fixed {
	font-size: 11px;
	color: #003311;
	background-color: #68b485;
	border-width: 1px;
	width: 80px;
	border-color: #000000;
	border-style: solid;
}

input.checkbox {
	color: #003311;
}

input.button {
	font-size: 11px;
	color: #003311;
	background-color: #68b485;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000000;
	cursor: pointer;	
}

select.fieldmain
{
	font-size: 11px;
	color: #003311;
	background-color: #68b485;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

form.search {
	display: inline;
}

/* Text Styles */

H1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 5px; 
	COLOR: #336600; 
	PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 5px; 
	COLOR: #336600; 
	PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 5px; 
	COLOR: #336600; 
	PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 15px; 
	PADDING-TOP: 0px
}
P.smalltext {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 9px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 15px; 
	PADDING-TOP: 0px
}
LI.smalltext {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	LIST-STYLE-POSITION: outside; 
	FONT-SIZE: 9px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: disc
}
img { border:0; }
A {
	text-decoration: none;	
}
A.left {
	width: 100%;
	float: left;
	display: block;
	position: relative;
}
A.left:link {
	background: #FFFFFF;
	color: #000000;
}
A.left:visited {
	background: #FFFFFF;
	color: #000000;
}
A.left:hover {
	background: #003311;
	color: #FFFFFF;
}
A.left:active {
	background: #bfbfbf;
	color: #3f3f3f;
}

A.calendar {
	text-align:center;
	width: 100%;
	float: left;
	display: block;
	position: relative;
}
A.calendar:link {
	color: #f00;
}
A.calendar:visited {
	color: #f00;
}
A.calendar:hover {
	background: #dfdfdf;
	color: #bfffffffc1ffffffc1;
}
A.calendar:active {
	background: #bfbfbf;
	color: #9fffffffa1ffffffa1;
}

A:link {
	COLOR: #006633;
	text-decoration: none;
}
A:visited {
	COLOR: #006633;
}
A:hover {
	COLOR: #114400;
	text-decoration: underline;
}
A:active {
	COLOR: #114400;
}

A.title {
	text-decoration: underline;	
}
A.title:link {
	COLOR: #003311;
	text-decoration: underline;
}
A.title:visited {
	COLOR: #003311;
}
A.title:hover {
	background: #dfdfdf;
	color: #1f1f1f;
	text-decoration: underline;
}
A.title:active {
	background: #bfbfbf;
	color: #3f3f3f;
	COLOR: #114400;
}

/* Tables */

table
{
	border:1px solid #000000;
	color: #000000;
	margin: 0px;
	border-collapse: collapse;
	empty-cells: hide;
}

table.stretch
{
	border:1px solid #000000;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: hide;
	width: 100%;
}

table.stretchnoborder
{
	border:none;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	empty-cells: hide;
	width: 100%;
}

table.noborder
{
	border: none;	
}

tr.header
{
	background: #68b485;
	color: #003311;
}

td
{
	border: 1px solid #000000;
	font-size: 9px;
}

td.noborder
{
	border: none;
	font-size: 12px;
}

td.today {
	background: #68b485;
	color: #003311;
}

td.nottoday {
	background: #e0e5e2;
	color: #ffffffed1ffffffffe;
}

td.fullcalendartoday {
	background: #68b485;
	color: #003311;
	font-size:25px;
}

td.fullcalendarnottoday {
	background: #e0e5e2;
	color: #ffffffed1ffffffffe;
	font-size:25px;
}