/*
* 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: #393;
		background:	#fff;
	}
	body a:link, body a:visited {
		text-decoration: none;
		color: #6a6;
		background:	#fff;
	}
	body a:hover {
		text-decoration: none;
		color: #666;
		background:	#fff;
	}
	#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:90%;
	}
	table, th, td {
		border:solid 1px #999;
	}
	.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:#666;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin:2px;
		line-height: 0.34cm;
	}
	h2 {
		font-size:1.4em;
		color:#666;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin:2px;
		line-height: 0.34cm;
	}
	h3 {
		font-size:1.3em;
		color:#666;
		background:transparent;
		font-weight:bold;
		padding:0;
		margin-top:0px;
		margin-bottom:0px;
		line-height: 0.34cm;
	}
	h4 {
		font-size:1.2em;
		color:#666;
		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 a {
		background:#fff;
	}
	div.textboxl a {
		background:#fff;
	}
	div.smalltextbox h2, a {
		font-size: 1.1em;
		font-weight: bold;
		color: #330;
		background:#f1f1f0;
		padding: 0;
	}
	div.smalltextbox h3 {
		font-size: 1.0em;
		font-weight: bold;
		color: #330;
		background:#f1f1f0;
		padding: 0;
	}
	div.smalltextbox h4 {
		font-size: 0.9em;
		font-weight: bold;
		color: #330;
		background:#f1f1f0;
		padding: 0;
	}
	div.smalltextbox ul a {
		color: #330;
		background:#f1f1f0;
		list-style: none;
		padding: 0;
		border: 0;
		margin: 0;
	}
	div.smalltextbox p {
		color: #000;
		background:#f1f1f0;
		text-decoration: none;
		text-align: left;
		font-weight: bold;
		margin: 0;
		padding-left: 0;
		font: 1.0em Arial, sans-serif;
		color: #330;
		background-color: #f1f1f0;
	}
	div.smalltextbox a {
		text-decoration: none;
		text-align: left;
		font-weight: bold;
		margin: 0;
		padding-left: 0;
		color:#c00;
		font-size:0.9em;
		background: #f1f1f0;
	}
	div.smalltextbox input {
		width:100px;
	}
	div.smalltextbox {
		font-family:   Arial, Lucida, sans-serif;
		margin-left: .2em;
		margin-right: .2em;
		border-style:solid;
		border-color:#000;
		border-width:0.0em;
		background:#f1f1f0;
		color:#000;
		padding-left: 0.4em;
		padding-right: 0.4em
	}
	fieldset {
		border:0;
	}
	/*logo panel id*/
	
	div#logopanel {
		background:transparent;
		background:url(../images/headermenubg.gif) repeat-x top;
		color:#000;
		float:left;
		height:176px;
		padding:0;
		padding-left:0.6em;
		padding-top:0.4em;
		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:13.5em;
		float:right;
		font-size:1.1em;
		font-weight:bold;
		text-align: left;
		margin: 0 auto;
		color: #333;
		height:180px;
		border-bottom: solid 0.0em #fff;
		background:transparent;
		background-image:url(../images/headermenubg.gif) repeat-x;
		padding:0;
	}
	div#headernavblock {
		background:transparent;
		line-height: 1.0;
		position:absolute;
		right:0;
		top:0px;
		background-image:url(../images/headermenubg.gif) repeat-x;
		width: 14em;
		padding: 0px;
		margin-right: 0px;
		color: #000;
	}
	div#headernavblock ul {
		list-style-image: none;
		list-style:none;
		padding: 0;
		border: 0;
		margin: 0;
		margin-top:10px;
		background:transparent;
		background-image:url(../images/headermenubg.gif) repeat-x;
		float:right;
	}
	div#headernav ul, li, a {
		text-align: left;
		margin: 0;
		padding-left: 0em;
		border-bottom: 1px solid #ccc;
		font: 1.1em Arial, sans-serif;
		font-weight:bold;
		color: #333;
		background: transparent;
		background-image:url(../images/headermenubg.gif) repeat-x;
		width: 116px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 115px;
	}
	/* header navigation bar treats each item in list as a block*/
	
	div#headernavblock li a {
		display: block;
		font-weight: normal;
		padding-left: 0px;
		margin:0;
		border-left: 1px solid #ccc;
		color: #333;
		background:transparent;
		text-decoration: none;
		width: 116px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 115px;
	}
	div#headernavblock li a:hover {
		display: block;
		font-weight: normal;
		padding-left: 0px;
		margin:0;
		border-left: 1px solid #ccc;
		width:116px;
		background:#ccc;
		color: #999;
		text-decoration: none;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 115px;
	}
	div#filler {
		background-image:url(../images/headermenubg.gif);
		margin:0;
		margin-right:125px;
		height:180px;
		padding:0;
		z-index:999;
	}
	/* end of header nav */
	
	/*leftmenu block*/
	
	div#leftbarbox {
		position:absolute;
		left:0px;
		top:180px;
		height:500px;
		background:#f1f1f0;
		width: 120px;
	}
	div#leftnavbar {
		line-height: 1.2;
		position:absolute;
		left:0px;
		top:0px;
		height:120%;
		width: 120px;
		padding: 0px;
		margin-right: 0;
		color: #000;
		background:#f1f1f0 url(../images/navbg.gif) top left no-repeat;
	}
	div#leftnavbar img {
		margin-top:52px;
	}
	div#leftnavbar h2 {
		margin-top:52px;
	}
	/* left navigation bar links list*/
	
	div#leftnavbar ul {
		list-style: none;
		padding-left: 5px;
		border: 0;
		margin: 0;
	}
	div#leftnav li {
		list-style: none;
		text-align: left;
		margin: 0px;
		padding-left: 0px;
		border-bottom: 1px solid #fff;
		font: 1.1em Lucida, Arial, sans-serif;
		color: #fff;
		background: transparent;
		text-decoration: none;
		width: 116px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 116px;
	}
	/* left navigation bar treats each item in list as a block*/
	
	#leftnavbar li a {
		list-style: none;
		display: block;
		font-weight: normal;
		padding: 0;
		border-left: 0.0px solid transparent;
		color: #000;
		background:transparent;
		text-decoration: none;
		width: 116px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 115px;
	}
	html#leftnavbar li a {
		list-style: none;
		width: 116px;
		background:transparent;
		color:#000;
	}
	div#leftnavbar li a:hover {
		list-style: none;
		border-left: 0.0px solid #fff;
		background: #aaa;
		color: #fff;
		width:116px;
		text-decoration: none;
	}
	div#footer {
		clear:both;
		background:#f1f1f0;
		border-top:solid #fff 4px;
		text-align:right;
		position:fixed;
		bottom:0px;
		height:32px;
		width:100%;
	}
	div#footer a {
		background:#f1f1f0;
		color:#000;
	}
	/* form formatting */
	
	label {
		float: left;
		width: 120px;
		font-weight: bold;
		text-align: right;
		margin-right:5px;
	}
	input {
		width: 150px;
		margin-bottom: 5px;
		background: #f1f1f0;
		color: #333;
		border:1px outset;
		border-color: #333;
	}
	textarea {
		width: 150px;
		height: 120px;
		border:2px outset #fff;
		background: #f1f1f0;
		color: #330;
	}
	.large {
		width: 400px !important;
	}
	.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;
	}

}

@media print {
	div#nav {
		display:none;
	}
	div#newsletterform {
		display:none;
	}
	div#footer {
		display:none;
	}
	div#logopanel {
		display:none;
	}
	div#picture {
		display:none;
	}
	div.textbox {
		border-style:dotted;
		border-width:5pt;
		border-color:#fff;
		page-break:auto;
		width:40%;
		margin:5pt;
	}
	div.textbox h1 {
		clear:both;
		font-size:20pt;
		color:#ec5ea0;
		background:#fff;
	}
	div.textbox h2 {
		clear:both;
		font-size:16pt;
		color:#000;
		background:#fff;
	}
	div.textbox h3 {
		clear:both;
		font-size:14pt;
		color:#000;
		background:#fff;
	}
	div.textbox p {
		clear:both;
		font-size:12pt;
		color:#000;
		background:#fff;
	}
	div.textbox img {
		float:left;
	}
}