/*

	TITLE:	NewHaven Homes
	DATE:	9 - 25 - 07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

ol {margin-left: 0.75em; padding-left: 2em;}
ul {margin-left: 0.75em; padding-left: 0.75em;	}
ul li { list-style: circle outside; padding-left: 0.25em;}
ol li { list-style: decimal outside;}
ol ol li {list-style: lower-alpha outside;}
ol ol, ul ul {margin-bottom: 0;}


/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/18px Tahoma, verdana, arial, helvetica, sans-serif;
	color: #666;
	background: #243803 url('images/mainBg.jpg') center top repeat-x;
}

/* links */
a{font-weight: bold; color: #4D789B;}
a:hover{text-decoration: none;}

/* heading */
h1, .h1{font: normal 1.4em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 5px 0px;}
h2{font: normal 1.3em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 2px 0px;}
h3, .h3 {font: normal 1.2em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 3px 0px;}
h4{font: normal 1.1em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 3px 0px;}
h5{font: normal 1.0em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 3px 0px;}
h6{font: normal 0.9em Arial, helvetica, sans-serif; margin: 2px 0px; padding: 1px 0px;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}

/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: url('images/mastCon.gif') center top repeat-y;}
#mastCon #shdw{width: 100%; float: left; background: url('images/shdw.gif') center top no-repeat;}
#mastCon #stretch{width: 100%; float: left; padding: 0 0 18px 0; background: url('images/footer.jpg') bottom no-repeat;}

#frame{width: 791px; margin: 0 auto;}

#header{width: 791px; height: 104px; position: relative; background: url('images/header.jpg') no-repeat;}
#header h1#title{width: 250px; height: 150px; position: absolute;}
#header h1#title a{text-indent: -9999px; float: left; width: 250px; height: 150px;}
#home #header h1 {display: none;}

#header #search{width: 175px; height: 98px; float: right; position: relative;}
#header #search .searchInput{width: 119px; height: 20px; padding: 2px 3px; position: absolute; bottom: 6px; left: 1px; background: url('images/searchTxt.jpg') no-repeat; border: 0;}
#header #search .searchButton{width: 40px; height: 25px; position: absolute; color: #fff; bottom: 4px; right: 3px; font-size: 0; background: url('images/searchBtn.jpg') no-repeat; border: 0; cursor: hand;}

#header #time{width: 180px; position: absolute; bottom: 10px; letter-spacing: -0.05em; right: 180px; _right: 170px; font: bold 1em 'Lucida Sans Unicode'; color: #fff;}

#body{width: 791px; padding: 0 0 10px 0;}
	body#home 		#body{background: #fff url('images/bodyBg.jpg') repeat-x; min-height: 400px;}
	body#internal	#body{background: #fff url('images/bodyBgInternal.jpg') repeat-x; min-height: 400px;}
	body.internal	#body{background: #fff url('images/bodyBgInternal.jpg') repeat-x; min-height: 400px;}
	body#admin	#body{background: #fff url('images/bodyBgInternal.jpg') repeat-x; min-height: 400px;}
	
#mainNav{width: 791px; height: 30px; padding: 27px 0 0 0; background: url('images/mainNav.jpg') no-repeat;}
#mainNav ul{width: 580px; float: right; text-align: right;}
#mainNav li{display: inline; padding: 0 12px 0 0;} 
#mainNav li a{font: bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', lucida, arial, helvetica, sans-serif; padding: 0 0 0 10px; color: #2d5c7e; text-decoration: none; background: url('images/arrow.gif') 0 4px no-repeat;}
#mainNav li a:hover{color: #5985A7; background: url('images/arrowOver.gif') 0 4px no-repeat;}

/* home */
#flash{width: 791px; float: left;}

#nodisplay{
	width: 711px;
	float: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#intro{width: 791px; float: left;}

#intro #map{width: 505px; float: left; margin: 0 0 0 8px; display: inline;}
#intro #map #mapTitle{width: 475px; padding: 7px 15px 0 15px; float: left; height: auto; min-height: 59px; _height: 59px; background: url('images/curl-pattern.jpg') bottom repeat-x; border-top: 6px solid #283f60; border-bottom: 1px solid #fff;}
#intro #map #mapDisplay{width: 495px; padding: 0 5px; background: url('images/blue-gradiant.jpg') repeat-x;}

#actions{width: 261px;  float: right; margin: 0 9px 0 0; display: inline;}
#actions h1{font: normal 20px 'Lucida Grande', 'Lucida Sans Unicode', lucida, arial, helvetica, sans-serif; color: #2d5c7e;}
#actions .actionTitle{width: 231px; padding: 7px 15px 0 15px; float: left; height: auto; min-height: 59px; _height: 59px; background: url('images/curl-pattern.jpg') bottom repeat-x; border-top: 6px solid #283f60; border-bottom: 1px solid #fff;}
#actions .actionDisplay{
	width: 229px;
	float: left;
	background: url('images/blue-gradiant.jpg') repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ACD4DF;
	border-bottom-color: #ACD4DF;
	border-left-color: #ACD4DF;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.actionTitle, #mapTitle{font: italic normal normal 18px Georgia, "New York", "Times New Roman", times, serif; color: #fff;}
.actionTitle b, #mapTitle b{font: normal normal bold 19px 'Lucida Grande', 'Lucida Sans Unicode', lucida, arial, helvetica, sans-serif;}

/* internal */
#image{width: 791px; float: left; padding: 9px 0 0 0;}

#mainCol{width: 520px; float: left; padding: 20px 16px 20px 34px;}
#mainCol ul{padding: 5px 25px;}
#mainCol h1{font: normal 28px Georgia, "New York", "Times New Roman", times, serif; color: #2D5C7E;}
#mainCol h2{font: bold 19px Tahoma, verdana, arial, sans-serif; color: #DBA631;}

* html #mainCol {padding-right: 5px;}

#subCol{width: 208px; float: right; margin: 0 9px 0 0; display: inline;}

#subCol #sideNav{width: 208px; float: left; padding: 0 0 8px 0; background: url('images/sideNavBottom.jpg') bottom no-repeat;}
#subCol #sideNav .sideTitle{width: 178px; float: left; padding: 5px 15px 2px 15px; font: italic normal normal 22px Georgia, "New York", "Times New Roman", times, serif; color: #fff; height: auto; min-height: 57px; _height: 57px; background: #5c8aac url('images/curl-pattern.jpg') bottom repeat-x; border-top: 6px solid #283f60; border-bottom: 1px solid #fff;}
#subCol #sideNav ul{width: 208px; float: left; padding: 12px 0 0 0; margin: 0; background: url('images/sideNavTop.jpg') no-repeat;}
#subCol #sideNav li{width: 208px; float: left; list-style: none; background: #d1e4eb; margin: 0; padding: 0;}
#subCol #sideNav li:hover{background: url('images/sideNavOver.jpg') bottom no-repeat}
#subCol #sideNav li a{width: 178px; float: left; color: #32697b; padding: 2px 0 11px 30px; font: normal 1em Tahoma, verdana, arial, sans-serif; text-decoration: none; background: url('images/arrowli.jpg') 13px 4px no-repeat;}
#subCol #sideNav li a:hover, #subCol #sideNav li.selectedPage a {text-decoration: underline; background: url('images/navOveLi.jpg') 13px 4px no-repeat;}

#subCol #sideBlue{width: 208px; float: right; margin: 0 9px 0 0; display: inline;}
#subCol #sideBlue .sideTitle{width: 208px; float: left; font: italic normal normal 22px Georgia, "New York", "Times New Roman", times, serif; color: #fff; height: auto; min-height: 66px; _height: 66px; background: #5c8aac url('images/curl-pattern.jpg') bottom repeat-x; border-top: 6px solid #283f60; border-bottom: 1px solid #fff;}
#subCol #sideBlue .sideContent{width: 208px; float: left; background: url('images/blue-gradiant.jpg') repeat-x;}

#subCol #sideBrown{width: 208px; float: left;}
#subCol #sideBrown .sideTitle{width: 178px; padding: 5px 15px 2px 15px; float: left; font: italic normal normal 22px Georgia, "New York", "Times New Roman", times, serif; color: #fff; height: auto; min-height: 59px; _height: 59px; background: #a39371 url('images/curl-pattern-brown.jpg') bottom repeat-x; border-top: 6px solid #544935; border-bottom: 1px solid #fff;}
#subCol #sideBrown .sideContent{width: 178px; padding: 10px 15px; float: left; font: normal normal .9em 'Lucida Grande','Lucida Sans Unicode', arial, sans-serif; background: url('images/brown-gradiant.jpg');}
#subCol #sideBrown .sideContent a{ color:#473D2B; }

#footerStretch{width: 100%; float: left;}
#footer{width: 775px; padding: 3px 0 0 15px; margin: 0 auto 15px auto; font: bold 11px Tahoma, verdana, arial, sans-serif; color: #326318; position: relative;}
#footer ul{}
#footer li{display: inline; padding: 0 20px 0 0;}
#footer li a{font: bold 11px Tahoma, verdana, arial, sans-serif; color: #326318;}
#footer #water a{width: 127px; height: 24px; float: left; text-indent: -9999px; margin: 0 0 15px 0;   background: url('images/water.gif') no-repeat;}
#footer ul#icons{position: absolute; right: 10px; top: 5px;}
#footer ul#icons li{padding: 0 5px 0 0;}


/*
 WATER.
-----------------------------------------------*/

/* Blog */

.postTitle a{ font-size: 14px;}

/* Calendar */
.eventsElement table{border-collapse: collapse; }
.eventsElement td{ padding: 1px; background: url('images/gray.gif');}
.eventsElement td a{color: #18588a;}
.eventsElement td td a{}
.eventsElement td td{	background-image: url('images/brown.gif')}
.eventsElement td table td a{width: 150px; padding: 5px; background-image: url('images/brown.gif'); }
.eventsElement th{padding: 7px 5px; background-image: url('images/red.gif');}
.eventsElement table table td{height: 25px;padding: 1px;}
.calendarDayHeader { color: #FF0000; }

/* Programming
--------------------------------------- */

h1 em {font-size: .6em; font-weight: normal; font-style: italic;}

div.details, table.yellow {background: #fff9e3; padding: .5em 1.5em 1em; margin: 1em 0; border: 1px solid #fbda89;}

div.details h3 {color: #2d5c7e; font-size: 1.2em; margin: 1em 0 0 0; padding: 0;}

div.details p {margin-top: 0;}

table.grids td, table.grids th {padding: .25em .5em; vertical-align: top; border: 1px solid #d3d0bd; background: #fdfcf4;}

table.minimal td, table.minimal th {padding: .25em 1em; vertical-align: top; text-align: left; border-bottom: 1px solid #d3d0bd;}
table.minimal {margin: 1em 0;}

table.blue td {background: #e6f1f4; border-color: #709fb0;}

table.grids {width: 100%; margin: 0 0 1.5em; border: 3px solid #d3d0bd;}

table.blue {border-color: #709fb0;}

table.grids th {text-align: left; background: #d3d0bd;}

table.blue th {background: #709fb0; color: #FFF;}

.small {font-size: smaller;}

h2.homePrices {font-weight: normal !important; font-style: italic !important; font-size: 1.2em !important; margin-top: 0 !important;}

.sideLink {padding: 1em 1em 0 30px; display: block; background: #d1e4eb;}

.viewthumb a {border:1px solid white; display:block;}
.viewthumb a:hover {border:1px solid black; display:block;}

.Form_Titles {font-size: 1em; color: #2d5c7e; padding-top: 2em;}

#TopLinkNav {
 float: right;
 margin: 0 0 1em 1em; 
 padding: 0;
}

#TopLinkNav ul, #TopLinkNav li {
margin: 0;
padding: 0;
list-style: none;
}

#TopLinkNav a {
font-size: 11px;
text-decoration: none;
padding: 2px 2px 2px 22px;
}

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

#TopLinkNav .email {
background: url(images/email.gif) no-repeat left center;
}

#TopLinkNav .print {
background: url(images/printer.gif) no-repeat left center;
}

#TopLinkNav .fav {
background: url(images/heart.gif) no-repeat left center;
}

/* Admin
--------------------------------------- */

.adminLabel {width:150px; text-align:right; padding-right:5px; display:block;float:left;}
.adminTextBox {width:200px;}
.adminMultiTextBox {width:400px;}
.adminDDL {min-width:204px}
.inlineContentAdder .content { width: auto !important;}
.RadEContentBordered{background: #fff;}


 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#body:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}