/* #990033 hot pink */
/* #0199CB blue */
/* #FF9933 orange */

body {
	margin: 0 auto;
	padding: 0;
	background-color: #0199CB;
	background-image: url('/images/earlofpinewood_body_background.jpg');
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-darkshadow-color: #98AAB1;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-arrow-color: #0199CB;
	scrollbar-track-color: #EFEFEF;
}

p {
	padding: 0px 0px 0px 0px; 
}

table {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.earlofpinewoodDataHeader {
	background-color: #FF9933;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0199CB;
}

.earlofpinewoodtopad { margin-bottom: 6px; text-align:center; background-color:#FF9933; width:772px; }
.earlofpinewoodcenterrightad { float:right;width:120px;margin-right:6px; }
.earlofpinewoodcenterleftad { float:left;width:120px;margin-left:6px; }

/* ************************************************* */
/*               Structure Containers                */
/* ************************************************* */

/* structure container div is used to create a relative center for rest of divs */
#structure {
	position: relative;
	width: 772px;
	margin: 0 auto;
	text-align:left;
}

/* container div - used to keep page content with footer together, after header */
table.earlofpinewoodbody {
	width: 772px;
	background-color: white;
	padding-top: 6px;
}

table.earlofpinewoodbody td {
	vertical-align: top;
}

td.rightnav {
	width: 250px;
}

#earlofpinewoodpagebody {
	width: 100%;
	padding: 0px 0px 12px 6px;
	background-color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-image: url('/images/mickey-mouse.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

/* table is used to keep left nav and page content the same height */
table.earlofpinewoodbody {
	table-layout:fixed;
	background-color: white;
	width: 772px;
	text-align:left;
}

table.earlofpinewoodbody tr {
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 6px 6px;
}

th {
	vertical-align:top;
}

/* ************************************************* */
/*                      Header                       */
/* ************************************************* */

#earlofpinewoodheader {
	position:relative;
	/* background-image: url('/images/earlofpinewood-header.jpg');
	height: 100px;
	*/
	background-image: url('/images/earlofpinewood-header2.jpg');
	height: 206px;
	width: 772px;
	background-repeat: no-repeat;
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: white;
}

#earlofpinewoodacctoptions {
	position:absolute;
	left: 8px;
	top: 3px;
	width: 754px;
	height: 40px;
	text-align: right;
	padding: 2px 2px 2px 2px;
	color: #990033;
}


#topslogan {
	position:absolute;
	left: 8px;
	/* top: 50px; */
	top: 145px;
	width: 754px;
	height: 20px;
	text-align: center;
	padding: 2px 2px 2px 2px;
	font-family: "bookman old style",arial;
	color: white;
}

#topnavlinks {
	position:absolute;
	left: 8px;
	/* top: 71px; */
	top: 177px;
	width: 754px;
	height: 20px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

#topnavlinks img {
	vertical-align:text-bottom;
}

/* Account Option Anchors: white with no border when inactive, orange with orange border on hover */
#earlofpinewoodacctoptions a:link { color: #990033; text-decoration: none;padding: 2px 2px 2px 2px; margin: 3px; border: none;}
#earlofpinewoodacctoptions a:hover { color: #990033; text-decoration: none; padding: 1px 1px 1px 1px; margin: 3px; border: 1px #990033 solid;}
#earlofpinewoodacctoptions a:visited { color: #990033; text-decoration: none;padding: 2px 2px 2px 2px; margin: 3px; border: none;}
#earlofpinewoodacctoptions a:visited:hover { color: #990033; text-decoration: none; padding: 1px 1px 1px 1px; margin: 3px; border: 1px #990033 solid;}

/* Top Nav Anchors: grey with no border when inactive, blue with orange border on hover */
#topnavlinks a:link { color: DimGray; text-decoration: none;padding: 2px 2px 2px 2px; margin: 3px; border: none;}
#topnavlinks a:hover { color: #990033; text-decoration: none; padding: 1px 1px 1px 1px; margin: 3px; border: 1px #0199CB solid;}
#topnavlinks a:visited { color: DimGray; text-decoration: none;padding: 2px 2px 2px 2px; margin: 3px; border: none;}
#topnavlinks a:visited:hover { color: #990033; text-decoration: none; padding: 1px 1px 1px 1px; margin: 3px; border: 1px #0199CB solid;}


div.leftimage {
	float:right;
}

/* ************************************************* */
/*                    Page Body                      */
/* ************************************************* */

td.earlofpinewoodpagebody {
	background-color: white;
	width: 508px;
	padding: 6px 6px 12px 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

#SearchResults {
	padding-left: 2px;
}
/* ************************************************* */
/*                      Footer                       */
/* ************************************************* */

#earlofpinewoodfooter {
	position:relative;
	background-image: url('/images/earlofpinewood-footer_bo.gif');
	background-repeat: no-repeat;
	width: 772px;
	height: 36px;
	padding-top: .2cm;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9933;
	text-align: center;
}

.copyright {
	color: white;
	text-align: center;
}

/* ************************************************* */
/*                     Headings                      */
/* ************************************************* */
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990033;
	padding-top: 3px; 
	margin-bottom: 12px;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0199CB;
	margin: 3px 0px 6px 0px;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990033;
}


/* ******************************************************************************** */
/*                                 Link Styles                                      */
/* ******************************************************************************** */
a {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#990033;}
a:hover {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#990033;}
a:visited {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#990033;}
a:visited:hover {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#990033;}

a.url {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#0199CB;}
a.url:hover {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#0199CB;}
a.url:visited {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#0199CB;}
a.url:visited:hover {font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#0199CB;}

/* ******************************************************************************** */
/*                                Link to us Edit CSS                               */
/* ******************************************************************************** */
#LinkToUs {
	width: 100%;
	text-align: center;
}

/* ******************************************************************************** */
/*                                 Input Styles                                     */
/* ******************************************************************************** */
input {
	width: 350px;
}

input.search {
	width: 400px;
}

select {
	border-width: 1px;
	border-color: #C5BBAF;
	border-style: Solid;	
}

.button {
	color: #990033; /* #1C5E55; */
	width: 60px;
	background-color:White;
	border-color:#C5BBAF;
	border-width:1px;
	border-style:Solid;
	font-family:Verdana;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* ******************************************************************************** */
/*                                  RSS Styles                                      */
/* ******************************************************************************** */
table.RSSFileList {
	border-color:Black;
	border-width:1px;
	border-style:solid;
	font-family:Arial;
	font-size:12px;
	width:500px;
	border-collapse:collapse;
}

table.RSSFileList th {
	font-weight:bold;
	background-color:#FF9933;
	color: #0199CB;
}

/* ******************************************************************************** */
/*                                Slide Show Styles                                 */
/* ******************************************************************************** */
div#buttonlinks table {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div#buttonlinks td {
	text-align: center;
	vertical-align: middle; 
	width: 75px;
}
div#buttonlinks td a {
	height: 16px; 
	display: block;
	text-decoration: none;
	border: none;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}

div#buttonlinks td a:link {
  color: white;
	font-weight: bold;
	background-color: #E0CC4F; /* paint yellow */
	border: 2px outset #F0F0F0; /* grey */
}
div#buttonlinks td a:visited {
	color: white;
	font-weight: bold;
	background-color: #E0CC4F; /* paint yellow */
	border: 2px outset #F0F0F0; /* grey */
}
div#buttonlinks td a:hover {
  font-weight: bold;
  color: white;
	background-color: #990033; /* red */
	border: 2px outset #F0F0F0; /* grey */
}

div#buttonlinks td a:visited:hover {
  font-weight: bold;
  color: white;
	background-color: #990033; /* red */
	border: 2px outset #F0F0F0; /* grey */
}
div#buttonlinks td a:active {
	font-weight: bold;
	color: white;
	background-color: #E0CC4F; /* paint yellow */
	border: 2px outset #F0F0F0; /* grey */
}
div#buttonlinks td a:active:hover {
  font-weight: bold;
  color: white;
	background-color: #990033; /* red */
	border: 2px outset #F0F0F0; /* grey */
}
div#buttonlinks td.slideshow a:active {
	font-weight: bold;
	color: white;
	background-color: #990033; /* red */
	border: 2px inset #F0F0F0; /* grey */
}