/* CSS Document */

/********* Global HTML Definitions *********/
*{margin:0; padding:0;} /* Tame default margin and padding settings and regain full control */

/* Set default font face, size, and color */
html, body, input, p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

td {vertical-align:top;}

body {background:url(images/browserbg.gif) top center no-repeat;}



p {
	margin: 0;
	padding: 0;
	margin-bottom:2em;
	line-height: 19px;
	}


h1, h2, h3 {color:#002b55; margin-bottom: 15px;}


h1 {font:138.01%/100% Verdana, arial, "Microsoft Sans Serif"; font-weight:bold;}
h2, h3 {font-size:medium; font-weight:normal;}
ul {list-style:none;}
a {color:#3c73af; text-decoration:none;}
a:hover {color:#98c0e5; text-decoration: underline;}
hr {border:none; border-bottom:1px solid #ddd; height:0px;}
ol {padding-left: 1.5em;}
ol li {margin-bottom: 15px;}
ol ol {padding-left:20px;}



#visitQcenc {text-align: center; border-top:1px solid #ddd; margin-bottom:15px; padding-top:10px;}
#testimonials {margin:15px 0; color:#002b55;}
#testimonials p {border-top:1px solid #ddd; padding:10px 0; color:#002b55; font-size: 11px;}
.smallesttext {font-size: 9px;}
/* Form Definitions */

form {margin:0; padding:0;}
form, input, form p {font-size:11px;}

form p {margin-bottom:0;}

input {border:1px solid #ddd; padding: 3px;}
.required {color:red;}


.formrowhead {
	
	}
.formrowhead td p {
	line-height: 1em;
	padding: 15px 0;
	}
	
.formrowhead td {
	background:#dbe7f1;
	padding:0;
	padding: 0 5px;
	}
.formrowinputs td, .formrowinputs_last td {border-top:1px solid #ddd; margin-bottom:15px; padding:10px 0;}
.formrowinputs td, .formrowinputs_last td {
	padding-top: .5em;
	}
.formrowinputs_first td {
	padding-top: 1em;
	}
.formrowinputs_last td {
	padding-bottom: 2em;
	}



/* Main ID Selectors */
/********* Base Structure *********/
#page {width:740px; margin:0 auto;} /*Sets overall page size and controls horizontal centering of page in browser */
#header {width:740px; color:#fff;}
#headLeft {height:102px; background:#002b55; color:#fff; float:left;}
#headRight {height:112px; width:561px; background:url(images/cotagline.gif) top left no-repeat; float: right;}
#headBanner {height:192px;}
#mainnav {height:52px; margin-bottom:10px;}
#centralLeft {width:443px; float:left; background:url(images/lightgrey_pixel.gif) top right repeat-y;}
#content {padding:0 15px 0 5px;}
#centralRight {width:297px; float:right;}
#sidebar {padding:0 5px 0 15px;}
#footer {text-align: center; font:80.01%/150% "Microsoft Sans Serif", Verdana, arial; padding:10px 0; border-top:solid #ccc 1px; min-height:150px;}


#sidebar {font-size:10px; line-height:14px;}

/* Latest News */
#latestNews h2, #latestNews h2 a {color:#666; line-height:18px;}
#latestNews p.news_introText {margin-bottom:0;}
#latestNews div.news_item {border-top:1px solid #ddd; margin-bottom:15px; padding-top:10px;}
#latestNews p.news_introText, div.news_documentInfo, #latestNews a {font-size:10px; line-height:14px;}
#latestNews div.news_documentInfo {margin-bottom:5px;}
#latestNews .news_pageTitle a {font-size:medium;}
#latestNews .news_pageTitle a:hover {color:#999; text-decoration:none;}

#header .email {font-size:x-small;}
.readMore {font-size:10px;}
div.news_documentInfo {color:#999}
#breadcrumb {padding: 0 5px;}
#breadcrumb h5 {font-size: 10px; font-weight: normal;}
/********* Components *********/

#mortgage_calculator {text-align:center;}
#principals {margin-bottom:25px; border-top:dotted 1px #a6c4dc; border-bottom:dotted 1px #a6c4dc; padding: 10px 0;}
#principals p {margin:0; padding:15px 10px; font-size: 10px;}
p.altbox1 {background:#dbe7f1; margin:15px 0; padding:0 7px;}
p.altbox2 {background:#edf3f8; margin:15px 0; padding:0 7px;}

/* Navigation Bar */
ul#mainnav {background:url(images/buttons/mainnav.gif) 0 0 no-repeat; height:51px; width:740px; list-style:none;}
#mainnav li {display:block; height:52px; float:left;}
#mainnav li a {border:0; display:block; text-decoration:none; height:52px; text-indent:-9999px;}
#mainnav li {overflow: hidden;}
/* Set button widths */
#mainnav #home {width:151px;}
#mainnav #about {width:146px;}
#mainnav #financing {width:146px;}
#mainnav #communities {width:146px;}
#mainnav #contact {width:151px;}
/* Set background image position for rollovers */
#mainnav #home a:hover {background:url(images/buttons/mainnav.gif) 0 -52px no-repeat;}
#mainnav #about a:hover {background:url(images/buttons/mainnav.gif) -151px -52px no-repeat;}
#mainnav #financing a:hover {background:url(images/buttons/mainnav.gif) -297px -52px no-repeat;}
#mainnav #communities a:hover {background:url(images/buttons/mainnav.gif) -443px -52px no-repeat;}
#mainnav #contact a:hover {background:url(images/buttons/mainnav.gif) -589px -52px no-repeat;}

#content ul#homesList li {background:url(images/checkcircle_sm.gif) 0 0 no-repeat; line-height:25px;}
#content ul#homesList {text-indent:25px; margin: -5px 0 20px 0; padding-left: 45px;}
#sidebar img {margin-left:-5px;}
#sidebar object {margin-left:-6px;}

#headRight div.phoneNumber {text-align:right; padding: 0px 5px 0 15px; background: url(images/phone_iconHOLD.gif) 0 0 no-repeat;}
#headRight div.email {text-align:right; padding: 66px 5px 0 15px; background: url(images/email_iconHOLDų.gif) 0 0 no-repeat;}

/* Class Selectors */
.textIndent {text-indent:-9999px;}
.clear {clear:both;}

#headerLogo {display:block; background:url(images/csbLogo.gif) 0 0 no-repeat; height:112px; width:179px; text-indent:-9999px;}





/* Form Definitions */
#featuredCommunities select {font-size: 10px; margin: 10px 0 15px 0; width: 277px}
#featuredCommunities h3 {margin-bottom: 10px;}