/* 
   Dragontek Computer Services
   CSS Style Sheet for http://www.fortbeauregardmarina.com

   ----------------------------------------------------------
   Stylesheet Author    Jeremy Knight <jknight@dragontekpc.com>
   Version              2
   Created              29 June 2005
   Last-Modified        29 June 2005
   Stylesheet URL       http://www.fortbeauregardmarina.com/fortb.css
   --------------------------------------------------------

   This style sheet shall format the Fort Beauregard Marina Estates Website.

DESIGN NOTES:

*/

body 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	background-image:    url(../images/back_ob017.jpg);
	background-repeat: repeat;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

td
{
	background-color : #ffffff;
	font-size : 10pt;
}

hr
{
	color: #000000;
	height : 1px;
	background-color : #000000;
}

img{ border-width: 0; }

h1{ font-size: 16pt; }
h2{ font-size: 14pt; }
h3{ font-size: 12pt; }
h4{ font-size: 11pt; }
h5{ font-size: 10pt; }
h6{ font-size: 8pt; }


/*  Hypertext Formatting  ---------------------------------------------- */

a:link, a:active, a:visited{ color: #984800; }
a:hover{ text-decoration : none; }

/* Template Formatting ------------------------------------ */

div#pagebody 
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
    border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

table#pageSetup
{ 
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

td#pageHeader
{
	width: 100%;
	height: 80px;
	background-color: #efefcb;
	background-image:    url(../images/header.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

td#pageNav
{
	width: 100%;
	height: 25px;
	vertical-align: middle;
	background-color: #144B43;
	padding: 0;
	margin: 0;
	border-top: 5px solid #984800;
}

td#pageNav a 
{
	display: block;
	float: left;
	padding: 0.25em 15px;
	text-align: center;
	color: #ffffff;
	background-color: #144B43;
	font-weight: bold;
	text-decoration: none;
}
td#pageNav a:hover 
{
	background-color: #006666;
}

td#pageContentCell
{
	width: 100%;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
div#pageContentWrapper
{
	margin: 0;
	padding: 0;
	border: 0;
}
div#pageContent
{
	margin: 10px;
	padding: 0;
	border: 0;
}

td#pageFooter
{
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 18px;
	border-top: 2px solid #984800;
}
td#pageFooter div#footerLeft
{
	position: relative;
	float: left;
	width: 70%;
	height: 100%;
	padding: 5px;
	padding-bottom: 2px;
	margin: 0;
}
td#pageFooter div#footerRight
{
	position: relative;
	float: right;
	width: 25%;
	height: 100%;
	text-align: right;
	padding: 5px;
	padding-bottom: 2px;
	margin: 0;
}

/* Classes ------------------------------------ */

.black{ color: #000000; }
.green{ color: #006666; }
.beige{ color: #efefcb; }
.brown{ color: #984800;}

.text08{ font-size : 8pt; }
.text09{ font-size : 9pt; }
.text11{ font-size : 11pt; }
.text12{ font-size : 12pt; }
.text14{ font-size : 14pt; }
.text16{ font-size : 16pt; }
.text18{ font-size : 18pt; }
.text20{ font-size : 20pt; }

.copyright { font-size : 8pt; }

.NoDisplay { display: none; }

.NoSpacing
{
  padding: 0;
  margin: 0;
}

/* Interactive HTML-FORM Styles ------------------------------------ */

form
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

select
{
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}

input 
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}

textarea
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}

/* 
======================================================
PAGE SPECIFIC FORMATTING
====================================================== 
*/

/* Property Page Formatting ------------------------------------ */

table#propertyInfo
	{
	  border-style: solid;
	}
	
	table#propertyInfo th
	{
	  background-color: #144B43;
	  color: #efefcb;
	  font-weight: bold;
	  height: 1.5em;
	  text-align: center;
	  vertical-align: middle;
	  border-color: #efefcb;
	}

	table#propertyInfo td
	{
	  text-align: center;
	}
	
	table#propertyInfo .lotSold
	{
	  background-color: #ff0000;
	}
	
	table#propertyInfo .lotavailable
	{
	  background-color: #33cc33;
	}


/* Resourch Page Formatting ------------------------------------ */

td.resourceCell
{
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 50%;
}

td.resourceSubTitleRow
{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

tr.resourceTitleRow
{
	font-weight: bold;
	background-color: #efefcb;
	text-align: center;
}

td.resourceTitleRow
{
	background-color: #efefcb;
	border-bottom: 1px solid #144B43;
	border-right: 1px solid #144B43;
	vertical-align: top;
}