body {
	margin: 0; padding: 0;
	background:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#body h1 {
	font-size: 20px;
	color: #386b9c;
	margin-bottom: 10px;
}


p, h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0;
}

h1, h3, h4, h5 {
	font-size: 11px;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 17px;
	font-weight: bold;
}
h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

a { color: #3167CB; }
a:hover { text-decoration: none; }




#bodywrapper p {
	font-size: 11px;
	padding: .3em 0 1em 0;
	line-height: 1.2em;
}

#sidebar {
	margin: 0; padding: 0;
	width: 220px;
	float: left;
	padding-left: 2px;
}

#sidebar-prop {
	margin: 0; padding: 0;
	height: 450px;
	width: 150px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-di-flag.jpg');
}

#sidebar-list {
	margin: 0; padding: 0;
	height: 650px;
	width: 150px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-listing.jpg');
}

#sidebar-contact {
	margin: 0; padding: 0;
	height: 450px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-chair.jpg');
}

#sidebar-why {
	margin: 0; padding: 0;
	height: 450px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-why.jpg');
}

#sidebar-own {
	margin: 0; padding: 0;
	height: 450px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-dolphin.jpg');
}

#sidebar-tenant {
	margin: 0; padding: 0;
	height: 450px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-walkindock.jpg');
}

#sidebar-news {
	margin: 0; padding: 0;
	height: 600px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-chair.jpg');
	background-repeat: no-repeat;
}

#sidebar-403 {
	margin: 0; padding: 0;
	height: 450px;
	width: 220px;
	float: left;
	padding-left: 2px;
	background-image:url('/clip/side-403.jpg');
}

#sidebar p {
	font-size: 10px;
}

#sidebar p.credit {
	color: #666;
	padding: 6px 0 15px 1px;
}

.thumb_unit {
	padding-top: 3px;
	padding-bottom: 3px;
}

.listing-back {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 10px;

}

#sd-contact {
	color: #666;
	padding: 6px 0 15px 1px;
}


#globalwrapper {
	margin: 0 auto;
	width: 817px;
	background: #fff;
}

#globalwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#globalwrapper { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#globalwrapper { display: block; }
/* End hide from IE-mac */


#header {
	position: relative;
	width: 817px;
	min-height: 73px;
 	height: auto !important;
  	height: 73px;
	overflow: hidden;
}


#logo {
	float: left;
	margin: 0; padding: 0; 
	padding: 18px 0 0 9px;
	
}

/** Navigation  **/

#nav, #nav ul { list-style: none; margin: 0; padding: 0; height: 26px; margin: 0; }
#nav { float: right; height: 26px; }
#nav li, #nav li a.menu { display: block; }
#nav li a.menu { height: 26px; }
a.menu { text-indent: -9999px;}

/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */

li#about, li#about2 { float:left; width: 121px; }
li#home, li#home2 { float: left; width: 50px; }
li#email, li#email2 {float: left; width: 50px; }
li#facebook, li#facebook2 { float: left; width: 60px; height: 60px; }

#about a.menu { background: transparent url(/i/about.gif);}
#actioncenter a.menu { background: transparent url(/i/action_center.gif);}
#journal a.menu { background: transparent url(/i/journal.gif);}
#booksdvds a.menu { background: transparent url(/i/books_dvds.gif);}

#about2 a.menu { background: transparent url(/i/about.gif) 0 -26px; }
#actioncenter2 a.menu { background: transparent url(/i/action_center.gif) 0 -26px;}
#journal2 a.menu { background: transparent url(/i/journal.gif) 0 -26px;}
#booksdvds2 a.menu { background: transparent url(/i/books_dvds.gif) 0 -26px;}

#about a.menu:hover, #about:hover a.menu, #about.over a.menu,
#actioncenter a.menu:hover, #actioncenter:hover a.menu, #actioncenter.over a.menu,
#journal a.menu:hover, #journal:hover a.menu, #journal.over a.menu,
#booksdvds a.menu:hover, #booksdvds:hover a.menu, #booksdvds.over a.menu {
	background-position: 0 -26px;
}




/* Header Nav */

#headnav {
	float: right; padding: 24px 11px 0 0;
}

#headnav input[type="text"] {
	width: 176px; height: 12px;
	border: 1px solid #CBCDCC;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 2px 2px 2px 4px;
}

#headnav p a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#headnav p a:hover {
	text-decoration: underline;
}

/* HP Content top */

#contenttop {
	width: 798px;
	margin: 0 auto;
	border-top: 6px solid #333;
	padding-top: 8px;
	padding-left: 1px;
}

#frontpic {
	float: left;
	width: 495px; height: 250px;
	background-color: #333;
	margin: 0; padding: 0;
}

#frontpic img {
	margin: 0; padding: 0;
}

.front-list-pic {
	border: 2px solid #ffffff;
}

#feat-prop {
	float: left;
	border: 5px solid #DDDDDD; 
	min-height: 232px;
 	height: auto !important;
  	height: 232px;
	width: 270px;
	background: url(/clip/burlap2.jpg) repeat 0 -2px;
	margin: 0 0 0 8px;
	padding: 6px 10px 5px 5px;
	max-height: 200px;
	overflow: hidden;
}

#h1journal {
	padding-bottom: 11px !important;
}

#feat-prop h1, #feat-prop h2, #feat-prop h3, #feat-prop p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0; padding: 0;
	padding: 0 0 0 30px;
	line-height: 15px;
}

#feat-prop h1, #feat-prop h2, #feat-prop h3 {
	color: #000;
}


/* HP Content bottom */

#contentbottom {
	clear: both;
	width: 797px;
	margin: 0 auto;
	padding: 19px 0 5px 0;
	height: 300px;
}


#moreinfoarea {
	float: left;
	width: 272px;
	padding: 6px 15px 0 0;
}

#middle-front {
	float: left;
	width: 267px;
	padding: 6px 0 0 10px;
	border-left: 1px solid #E1E1E1;
	min-height: 290px;
 	height: auto !important;
  	height: 290px;
	margin-right: 10px;
}

#booksarea p {
	font-size: 11px;
	line-height: 1.3em;
}

#newsarea {
	float: right;
	width: 215px;
	padding: 6px 0 0 0;
}

#newsarea p#credit {
	color: #666;
	width: 200px;
	margin: 0;
	padding: 10px 0 0 10px;
}

#newsarea p#credit a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#newsarea p#credit a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	width: 798px;
	height: 50px;
	margin: 0 auto;
	border-top: 4px solid #333;
	padding: 8px 0 0 0;
}

#footer p a {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

/* FRONT PAGE */

.replace {
background:none;
position:relative;
margin:0px; padding:0px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

.replace span{
display:block;
position:absolute;
top:0px; left:0px;
z-index:1; /*for Opera 5 and 6*/
}


#h1journal { padding: 0; padding-left: 1px;}
#h1journal h1, #h1journal h1 span{ width: 275px; height: 88px; background: url(/i/als_journal.jpg) no-repeat; } 
#h1moreinfo { padding: 0; padding-left: 1px; width: 100%; border-bottom: 4px solid #333;}
#h1moreinfo h1, #h1moreinfo h1 span{ width: 115px; height: 20px; background: url(/clip/fr-moreinfo.gif); } 
#h1about { padding: 0; margin-left: 4px; width: 100%; border-bottom: 4px solid #333; }
#h1about h1, #h1about h1 span{ width: 127px; height: 20px; background: url(/clip/fr-aboutus.gif) no-repeat; } 


/** MORE INFORMATION  **/

#projectnav, #projectnav ul { list-style: none; margin: 0; padding: 0; height: 31px; margin-top: 7px;}
#projectnav { float: right; height: 31px; }
#projectnav li, #projectnav li a.menu { display: block; margin-bottom: 2px; }
#projectnav li a.menu { height: 31px; }
a.menu { text-indent: -9999px;}

/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */

li#project1, li#project1on {float:left; width: 270px; }
li#project2, li#project2on {float: left; width: 270px; }
li#project3, li#project3on {float: left; width: 270px; }
li#project4, li#project4on {float: left; width: 270px; }
li#project5, li#project5on {float: left; width: 270px; }
li#project6, li#project6on {float: left; width: 270px; }
li#project7, li#project7on {float: left; width: 270px; }
li#project8, li#project8on {float: left; width: 270px; }

#project1 a.menu { background: transparent url(/clip/fr-availprop.gif);}
#project2 a.menu { background: transparent url(/clip/fr-whylive.gif);}
#project3 a.menu { background: transparent url(/clip/fr-teninfo.gif);}
#project4 a.menu { background: transparent url(/clip/fr-owninfo.gif);}
#project5 a.menu { background: transparent url(/clip/fr-contactus.gif);}
#project6 a.menu { background: transparent url(/i/project6.gif);}
#project7 a.menu { background: transparent url(/i/project7.gif);}
#project8 a.menu { background: transparent url(/i/project8.gif);}


#project1on a.menu { background: transparent url(/i/project1.gif) 270px 0; }
#project2on a.menu { background: transparent url(/i/project2.gif) 270px 0;}
#project3on a.menu { background: transparent url(/i/project3.gif) 270px 0;}
#project4on a.menu { background: transparent url(/i/project4.gif) 270px 0;}
#project5on a.menu { background: transparent url(/i/project5.gif) 270px 0;}
#project6on a.menu { background: transparent url(/i/project6.gif) 270px 0;}
#project7on a.menu { background: transparent url(/i/project7.gif) 270px 0;}
#project8on a.menu { background: transparent url(/i/project8.gif) 270px 0;}



#project1 a.menu:hover, #project1:hover a.menu, #project1.over a.menu,
#project2 a.menu:hover, #project2:hover a.menu, #project2.over a.menu,
#project3 a.menu:hover, #project3:hover a.menu, #project3.over a.menu,
#project4 a.menu:hover, #project4:hover a.menu, #project4.over a.menu,
#project5 a.menu:hover, #project5:hover a.menu, #project5.over a.menu,
#project6 a.menu:hover, #project6:hover a.menu, #project6.over a.menu,
#project7 a.menu:hover, #project7:hover a.menu, #project7.over a.menu,
#project8 a.menu:hover, #project8:hover a.menu, #project8.over a.menu {
	background-position: 270px 0;
}




/* Hide from IE-Mac \*/
a.menu { overflow: hidden; }
/* End hide */




/* Thumbnail */

.thumbnail {
	width: 270px;
	min-height: 65px;
 	height: auto !important;
  	height: 65px;
	padding: 8px 0 20px 0;
}

.floatleft {
	float: left; margin: 0 15px 10px 0;
}

/*** RSS Styles ***/


.rss-box {
	width: 210px;
	border: 1px solid #CBCBCB;
	border-top: none;
}

.rss-box li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0 5px 10px;
	border-top: 1px solid #C9C9C9;
	color: #444;
}

.rss-items {
	margin: 0; padding: 0;
	background: #EAEAEA url(/i/climatenews_back.jpg) repeat-x 0 -10px;
	min-height: 200px;
 	height: auto !important;
  	height: 200x;
	overflow: hidden;
}

.rss-item {
	list-style: none;
	display: block;
}

.rss-item a {
	text-decoration: none;
	margin: 0; padding: 0;
	padding: 0 5px 5px 0px;
	border-bottom: none;
}

.rss-item a:hover {
	text-decoration: underline;
}

.feedbox p {
	margin: 0;
	padding: 0 10px 10px 5px;
}

.rss-date {
	color: #666;
	margin: 0; padding: 0;
	padding-right: 5px;
}


/*** Interior ***/

#bodywrapper {
	width: 799px;
	margin: 0 auto;
	border-top: 6px solid #333;
	padding: 10px 0 10px 0;
	min-height: 485px;
 	height: auto !important;
  	height: 480px;
}




#body {
	width: 495px;
	height: 450px;
	float: left;
	padding-left: 29px;
	background-image:url('/clip/bg-logo.gif');
	background-repeat: no-repeat;
}

#body-prop {
	width: 565px;
	height: 450px;
	float: left;
	padding-left: 29px;
	background-image:url('/clip/bg-logo.gif');
	background-repeat: no-repeat;
}

#sidebar .headline {
	width: 215px;
	border-bottom: 3px solid #333;
}

/*** Journal Styles *///

ul#previousposts {
	list-style: none;
	margin: 0; padding: 0;
}

ul#previousposts li {
	background: url(bullet_blue.gif) no-repeat 0 4px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	padding-bottom: 5px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#syndication {
	width: 215px; height: 45px;
	background: url(/i/syndication_back.gif) no-repeat top left;
}

#syndication p {
	padding: 6px 0 0 15px;
}

#syndication img.icon {
	padding: 0 2px;
	vertical-align: bottom;
}

.archivelist {
	font-size: 12px;
}

.archivelist ul {
	list-style: none;
	margin: 0;
        padding: 15px 0 20px 15px;
        list-style: none;
}

.archive ul li {
	background: url(/i/bullet_blue.gif) no-repeat 0 4px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	padding-bottom: 5px;
}


#journalentry {
	width: 490px;
	background: url(/i/journalpageline.gif) repeat-y 0 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #AFAFAF;
	padding-bottom: 13px;
}

.journalentrynav {
	font-size: 11px;
	color: #cc9933;
%#	background: url(/i/journalpageline.gif) repeat-y 0 0px;
	background: transparent;
	padding-top: 15px;
	width: 490px;
	text-align: right;
}

.journalentrynav a {
	color: #cc9933;
	text-decoration: none;
}

#journalentry h1 {
	margin: 0; padding: 0;
	background: url(/i/journalpagetop.gif) repeat-y 0 -1px;
	padding: 29px 0 0 35px;
	height: 1.2em;
	font-size: 14px;
	color: #cc9933;
	margin-bottom: 15px;
}

#journalentry h1 span {
	margin: 0; padding: 0;
	font-weight: normal; color: #666;
	font-size: 11px;
}

#journalentry p {
	margin: 0;
	line-height: 15px;
	padding: 0 20px 15px 35px;
	color: #333;
}

#journalentry a {
	text-decoration: none;
}

#journalentry a:hover {
	text-decoration: underline;
}

/* Clearing Floats */

#bodywrapper:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bodywrapper:after { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#bodywrapper:after { display: block; }
/* End hide from IE-mac */

div.CardForm {
	border: 5px solid #DDDDDD; 

	padding: 10px;
	margin: 10px;
}


div.CardForm label {
        font-size: 12px;
}

div.CardForm label {
        float: left;
        width: 200px;
        font-weight: bold;
        text-align: right;
        margin-right: 10px;
        margin-bottom: 5px;
}

div.CardForm input, form.CardForm textarea {
        width: 200px;
}

div.CardForm input, div.CardForm select, div.CardForm textarea {
        margin-bottom: 6px;
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
}

div.CardForm input[type=submit] {
	background-color: #386b9c;
	color: white;
        margin-left: 210px;
}

div.CardForm br {
        clear:left;
}

.Error {
        color: #CC0000;
}

.furn {
        color: #ff0000;
}
