/*
* common4.css
*caldene site
*Version 1.00
* PAH october 2006 
* validated 
*/

/* general declarations */
@media screen {
	html {
		overflow-y:scroll;
		overflow-x:hidden;
	}
	body {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 62.5%;
		line-height: 0.3cm;
		margin: 0;
		padding:0px;
		background: #fff;
		color:#000;
		text-align: center;
	}
	body a:link, body a:active {
		text-decoration: none;
		color: #00ab67;
		background: #fff;
		border:none;
	}
	body a:link, body a:visited {
		text-decoration: none;
		color: #6a6;
		background:	#fff;
		border:none;
	}
	body a:hover {
		text-decoration: none;
		color: #00ab67;
		background:	#fff;
		border:none;
	}
	#Layer1 {
		position:absolute;
		width:632px;
		height:51px;
		z-index:1;
		left:8px;
		top: 183px;
	}
	#container {
		margin: 0 auto;
		width: 100%;
		text-align: left;
		background: #fff;
		border-width: 0.0em;
		border-color: #ccc;
		margin: 0 auto;
		border-style:solid;
		background:url(../images/headermenubg.gif) repeat-x top;
	}
	img {
		border: 0px solid;
		vertical-align: top;
		float: left;
		padding-right: 0.5em;
	}
	table {
		width:98%;
	}
	table, th, td {
		border:solid 1px #999;
		text-align:left;
		font-size: 1em;
	}
	.tr submit {
		margin-left: 10px;
		margin-top: 5px;
		width: 80px;
		border:2px outset #fff;
	}
	address {
		font-size:1.4em;
		font-weight:bold;
	}
	h1 {
		font-size:1.5em;
		color:#00ab67;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin:2px;
		line-height: 0.34cm;
	}
	h2 {
		font-size:1.4em;
		color:#00ab67;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin:2px;
		line-height: 0.34cm;
	}
	h3 {
		font-size:1.3em;
		color:#00ab67;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin-top:0px;
		margin-bottom:0px;
		line-height: 0.34cm;
	}
	h4 {
		font-size:1.2em;
		color:#00ab67;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin-top:0px;
		margin-bottom:0px;
		line-height: 0.34cm;
	}
	ul {
		list-style-image: url('../images/bul.jpg');
		line-height:1.6em;
	}
	div.maincontent {
		line-height: 20px;
		color: #000;
		border: 0.0em solid #fff;
		background: #fff;
		margin-left: 120px;
		margin-right: 0;
		padding:0;
		margin-top:0;
		font-size:1.2em;
		height:700px;
		background:url(../images/contentbg.gif) top left repeat-x;
		padding-top:52px;
		padding-left:10px;
	}
	div#unitdetails {
		position:absolute;
		top:260px;
		left:130px;
		width:640px;
		height:450px;
		border: double 0px #00ab67;
		z-index:0;
		background:#fff;
	}
	div#unitplan {
		position:absolute;
		top:20px;
		left:1px;
		z-index:20;
	}
	div#unitpicture {
		position:absolute;
		top:20px;
		left:280px;
		width:200px;
		z-index:30;
	}
	div#unitname {
		position:absolute;
		top:1px;
		left:5px;
		width:650px;
		border-bottom:solid 0px #000;
		z-index:10;
	}
	div#unitname h1 {
		font-size:1.2em;
		font-weight:bold;
		font-style:oblique;
	}
	div#unitdescription {
		position:absolute;
		top:175px;
		left:280px;
		width:200px;
		border-right:solid 1px #00ab67;
		z-index:50;
	}
	div#unitinfo {
		position:absolute;
		top:20px;
		left:485px;
		z-index:400;
		border-right:solid 1px #00ab67;
	}
	div#unitavailability {
		position:absolute;
		top:1px;
		left:280px;
		color:#f00;
		z-index:70;
	}
	div#unitavailability p {
		margin:0;
		padding:0;
		font-size:1.0em;
		font-weight:bold;
		font-style:oblique;
	}
	div.textboxf {
		display:block;
		width:100%;
		font-family:   Arial, Helvetica, sans-serif;
		margin-left: 0.0em;
		margin-right: 0.0em;
		background-color: #fff;
		color:#333;
	}
	div.textboxl {
		position:relative;
		display:block;
		width:45%;
		float:left;
		font-family:   Arial, Helvetica, sans-serif;
		margin-left: 0.0em;
		margin-right: 0.0em;
		background-color: #fff;
		color:#333;
		margin-bottom:2em;
		text-align:justify;
		margin-top:1.5em;
	}
	div.textboxr {
		position:relative;
		display:block;
		width:45%;
		float:right;
		font-family:   Arial, Helvetica, sans-serif;
		background-color: #fff;
		color:#333;
		margin-bottom:2em;
		margin-right:2em;
		text-align:justify;
		margin-top:1.5em;
	}
	div.textboxr ul, li, a {
		background:#fff;
		border:none;
	}
	div.textboxl ul, li, a {
		background:#fff;
		border:none;
	}
	fieldset {
		border:0;
	}
	/*logo panel id*/
	
	div#logopanel {
		background:transparent;
		background:url(../images/headermenubg.gif) repeat-x top;
		color:#000;
		float:left;
		height:180px;
		padding:0;
		padding-top:0.5em;
		padding-left:0.6em;
		vertical-align: top;
		margin: 0 auto;
	}
	div#header img {
		background:url(../images/headermenubg.gif) top repeat-x;
		margin-left:0px;
		margin-top:0px;
		padding:0;
		vertical-align: top;
	}
	/*spacer div */
	
	div.spacer {
		color: #000;
		background:#fff;
		clear:both;
	}
	/* header navigation bar links list*/
	
	
	
	div#headerright {
		display: block;
		width:15.5em;
		float:right;
		font-weight:bold;
		text-align: left;
		margin: 0;
		color: #333;
		height:180px;
		border-bottom: solid 0.0em #fff;
		background:transparent;
		background-image:url(../images/headermenubg.gif) repeat-x;
		padding:0;
	}
	div#headernav ul, li {
		color:#00ab67;
		list-style-image: none;
		list-style:none;
		text-align: left;
		margin: 0;
		padding: 0em;
		border-left: 1px solid #00ab67;
		border-bottom: 1px solid #00ab67;
		font-size:12px;
		font-weight:normal;
		float:right;
		background:transparent;
		height:20px;
		background-image:url(../images/headermenubg.gif) repeat-x;
		width: 156px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 155px;
	}
	div#headernav li a:hover {
		display: block;
		font-weight: normal;
		padding: 0px;
		margin:0;
		border-left: 1px solid #00ab67;
		border-bottom: 1px solid #00ab67;
		width:156px;
		background:#00ab67;
		color:#eee;
		float:right;
		text-decoration: none;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 155px;
	}
	div#headernav li a {
		display: block;
		font-weight: normal;
		padding: 0px;
		margin:0;
		border-left: 1px solid #00ab67;
		border-bottom: 1px solid #00ab67;
		width:156px;
		background:transparent;
		color:#00ab67;
		float:right;
		text-decoration: none;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 155px;
	}
	/* header navigation bar treats each item in list as a block*/
	
	
	div#filler {
		background-image:url(../images/headermenubg.gif);
		margin:0;
		margin-right:158px;
		height:180px;
		padding:0;
		z-index:999;
	}
	/* end of header nav */
	
	/*leftmenu block*/
	
	div#leftbarbox {
		position:absolute;
		left:0px;
		top:180px;
		height:500px;
		background:#cbffcb;
		width: 120px;
	}
	div#leftnavbar {
		line-height: 1.2;
		position:absolute;
		left:3px;
		top:0px;
		height:120%;
		width: 120px;
		padding: 0px;
		margin-right: 0;
		color: #000;
		background:#cbffcb url(../images/contentbg.gif) top left repeat-x;
	}
	div#leftnavbar img {
		margin-top:52px;
	}
	div#leftnavbar h2 {
		margin-top:52px;
	}
	/* left navigation bar links list*/
	
	div#leftnavbar ul li {
		list-style: none;
		width: 120px;
		padding: 0;
		border: 0;
		margin: 0;
		font-size:1.0em;
		background:#cbffcb;
	}
	/* left navigation bar treats each item in list as a block*/
	
	#leftnavbar li a {
		display: block;
		font-size:1.0em;
		font-weight: normal;
		padding: 0;
		border-left: 0.1px solid transparent;
		color: #000;
		background:transparent;
		text-decoration: none;
		width: 118px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 117px;
		font-size:1.0em;
	}
	div#leftnavbar li a:hover {
		border-left: 0.1px solid #fff;
		font-size:1.0em;
		background: #00ab67;
		color: #fff;
		width: 118px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 117px;
		font-size:1.0em;
	}
	div#footer {
		clear:both;
		background:#cbffcb;
		border-top:solid #fff 4px;
		text-align:left;
		position:fixed;
		bottom:0px;
		height:32px;
		width:100%;
	}
	div#footer p {
		background:#cbffcb;
		text-align:left;
		font-size:0.9em;
		border:none;
		padding:0;
		margin:0;
	}
	div#footer p a {
		background:#cbffcb;
		text-align:left;
		border:none;
		padding:0;
		margin:0;
		font-size:0.9em;
	}
	/* form formatting */
	
	label {
		float: left;
		width: 120px;
		font-weight: bold;
		text-align: right;
		margin-right:5px;
	}
	input {
		width: 200px;
		margin-bottom: 5px;
		background: #cbffcb;
		color: #333;
		border:1px outset;
		border-color: #333;
	}
	textarea {
		width: 200px;
		height: 120px;
		border:2px outset #fff;
		background: #cbffcb;
		color: #330;
	}
	
	.large { width: 400px; }
	
	.boxes {
		width: 1em;
	}
	#submitbutton {
		margin-left: 10px;
		margin-top: 5px;
		width: 80px;
		border:2px outset #fff;
	}
	#reset {
		width: 80px;
		border:2px outset #fff;
	}
	div#formnewsletter input {
		width: 70px;
		margin-bottom: 3px;
	}
	div#formnewsletter label {
		width:70px;
	}
	
	
	p.msgErr {
		border: 1px solid red;
		padding: 5px;
		width: 50%;
		margin: 15px 0px;
		background-color: #ffcccc;
	}
	p.msgSuccess {
		border: 1px solid green;
		padding: 5px;
		width: 50%;
		margin: 15px 0px;
		background-color: #ccffcc;
	}
}