@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

html, body {
height: 100%;
min-height: 100%;
}

* html body {
height: 100%;
min-height: 100%;
}


body {
	background-color: #CCCCCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #AB0534;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

p {
letter-spacing: +1pt;
line-height: 18px;
margin-top: 0;
text-align: left;
}

h1 {
background: top left no-repeat;
height: 28px;
width: 280px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
display: block;
float: none;
color: #A8996E;
text-indent: -999999px;
}

h1.history {
background-image: url(images/h1-baycrown-history.gif);
}

h1.upcoming {
background-image: url(images/h1-upcoming-developments.gif);
}

h1.past {
background-image: url(images/h1-past-developments.gif);
}

img {
border: 0px;
}

#Full {
min-height: 100%;
width: 969px;
margin: 0 auto;
border-right: 1px #000000 solid;
border-left: 1px #000000 solid;
display: block;
background: left repeat-y;
background-image: url(images/sidebar.gif);
background-color: #FFFFFF;
}

div#Header {
width: 969px;
height: 148px;
margin: 0 auto;
padding: 0;
display: block;
float: none;
position: relative;
z-index: 10;
}

div#BodyArea {
width: 969px;
height: 100%;
padding: 0px 0px 0px 0px;
margin: 0 auto;
display: block;
position: relative;
margin-top: -148px;
z-index: 5;
background: transparent;
}

div#SideBar {
width: 189px;
height: 100%;
padding: 0px 17px 0px 0px;
display: block;
float: left;
}

div#SideBar ul {
width: 164px;
height: auto;
margin: 0 auto;
margin-top: 148px;
padding: 0px 0px 0px 0px;
display: block;
float: none;
list-style-type: none;
}

div#SideBar ul li {
background: left no-repeat;
background-image: url(images/navli.gif);
width: 156px;
height: 28px;
margin: 0;
padding: 0px 8px 8px 0px;
display: block;
float: none;
color: #AB0534;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
list-style-type: none;
line-height: 27px;
}

div#SideBar ul li.NavFoot {
background: left no-repeat;
background-image: url(images/navfoot.gif);
width: 156px;
margin: 0;
padding: 0px 8px 8px 0px;
display: block;
float: none;
color: #AB0534;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
list-style-type: none;

}


div#SideBar ul li.NavFoot span{
height: 36px;
display: block;
margin: 0px;
padding: 0px;
line-height: 27px;
vertical-align: middle;
}

div#SideBar ul li.NavFoot ul{
background: transparent;
background-image: none;
width: 156px;
height: auto;
margin: 0px;
padding: 0px -8px -8px 0px;
display: block;
float: none;
list-style-type: none;
}

div#SideBar ul li.NavFoot ul li {
background: left repeat-y;
background-color: transparent;
background-image: url(images/navfootbg.gif);
color: #000000;
background-color: #ece8dd;
width: 156px;
height: auto;
margin: 0px;
padding: 3px 8px 3px 0px;
display: block;
float: none;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
list-style-type: none;
line-height: 17px;
}

div#SideBar ul li.NavFoot ul li a {
color: #000000;
}

div#SideBar ul li.NavFoot ul li.NavFootLast {
background: top left no-repeat;
background-color: transparent;
background-image: url(images/navfootlast.gif);
width: 156px;
height: 27px;
margin: 0px;
padding: 0px 8px 0px 0px;
display: block;
float: none;
list-style-type: none;
line-height: 27px;
}

div#ContentPanel {
width: 733px;
height: 100%;
padding: 0px 15px 0px 15px;
margin: 0px;
display: block;
float: left;
background: transparent;
}

div#ContentPanelContent {
padding-top: 168px;
}

div#ContentPanelContent ul {
letter-spacing: +0.5pt;
line-height: 18px;
text-align: left;
list-style-position: outside;
margin: 0px 0px 10px 0px;
}

div#ContentPanelContent ul li{
margin-left: 0px;
margin-bottom: 10px;
}

div.PicBoxRight {
width: 230px;
height: auto;
margin: 15px 0px 15px 15px;
padding-left: 8px;
text-align: middle;
display: block;
float: right;
}

div.PicBoxRight h2 {
margin-left: -8px;
color: #BC3F5F;
text-transform: uppercase;
clear: both;
float: none;
width: auto;
text-align: center;
margin: 0 auto;
font-size: 17px;
font-weight: normal;
}

div.PicBoxRight img {
margin: 0 auto;
display: block;
border: 0px;
float: none;
clear: both;
}

div.FloatLeft {
float: left;
margin-right: 15px;
max-width: 470px;
display: block;
height: auto;
}

/* CONTACT FORM */

div#Contact {
width: 438px;
margin-left: 15px;
float: left;
display: block;
}

div#ContactTop {

width: 438px;
height: 38px;
display: block;
}

div#ContactBottom {

width: 438px;
height: 24px;
display: block;
}

div#ContactMiddle {
width: 378px;

padding-left: 30px;
padding-right: 30px;
background: url(images/contactbg.gif);
text-align: right;
overflow: hidden;
height: auto;
display: block;
}

form {
margin: 0px;
padding: 0px;
}

.ClearFloat {
CLEAR: both;
HEIGHT: 0px;
visibilty: hidden
}

input.textbox {
width: 294px;
border: 2px solid #a99a6f;
display: block;
float: left;
height: 18px;
margin: 5px 0px 5px 10px;
padding: 0px 3px 0px 3px;
}

.textarea {
width: 294px;
border: 2px solid #a99a6f;
display: block;
float: left;
margin: 5px 0px 5px 10px;
padding: 0px 3px 0px 3px;
}

label {
vertical-align: top;
text-transform: uppercase;
line-height: 20px;
width: 60px;
float: left;
margin: 5px 0px 5px 0px;
height: 20px;
vertical-align: middle;
text-align: right;
}

input#submit {
float: right;
margin-left: 10px;
margin-top: 10px;
}