@charset "utf-8";
@import "style_reset.css"; 				/* reset browser defaults */

/*
Theme Name: Purple Choice
Theme URI:
Description: Purple and simple.
Version: 1.0
Author: Darrin Boutote
Author URI: http://www.martinish.com/
Tags: purple, simple, clean, widgets, widget-ready, two columns, fixed width, valid CSS, valid XHTML
*/


/* FIXES & MISC

------------------------ */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}
/* End hide from IE-mac */


/*	LAYOUT

------------------------ */

html {
	background: #70376c none repeat scroll 0 0;
	}

body {
	background: #fff none repeat scroll 0 0;
	color: #222;
	font-family: Verdana;		/* fall-back fonts are set in 'reset.css' */
	font-size: 75%; 			/* Set = 12px */
	line-height: 1.5em; 		/* Set = 18px [150% (*) 12 (=) 18px] (relative to [body]->font-size) */
	min-width: 1008px; 			/* set to prevent layout collapse on browser resize */
	text-align: center; 		/* Make sure the layout is centered in IE5 */
	}

#header {
	background: #70376c none repeat scroll 0 0;
	border-bottom: 18px solid #5f295f;
	}

	#topnav {
		background: #70376c url('img/layout/bg_header_CHRHv2.jpg') no-repeat scroll bottom center;
		height: 95px;
		margin: 0 auto;
		position: relative;
		width: 960px;
		}

			#logo-top {
				left: 0;
				position: absolute;
				text-align: left;
				top: 0;
				}
					
			ul#pagenav-top {
				font-size: 133.33%;		/* = 16px */
				height: auto;
				margin: 0;
				padding: 9px;
				position: absolute;
				right: 0;
				top: 0;
				width: auto;
				}
				
				ul#pagenav-top li {
					display: block;
					float: left;
					}

#content {
	background: #efe0ef none repeat scroll 0 0;	/* #E9D3E8; #fcffcf; #e9e2b6;*/
	padding-top: 36px;
	}
	
	#content-wrap {
		margin: 0 auto;
		width: 960px;
		}
		
		#page-content {
			display: inline; 	/* IE6 */
			float: left;
			margin: 18px 0 0 0;
			padding: 0 36px 3em 0;
			text-align: left;
			width: 497px;
			}
		
		#page-content.wide-content {
			width: 924px;
			}
		
		#rightnav {
			display: inline;	 /* IE6 */
			float: left;
			padding: 36px 9px;
			position: relative;
			text-align: left;
			width: 406px;
			}
			
			/* display shadow under callout box*/
			#callout-box-bg {
				background:transparent url(img/layout/box_shdw.png) no-repeat scroll center bottom;
				margin:0 auto;
				padding-bottom:28px;
				width:406px;
				}
				
				/* display 1px border around callout box*/
				#callout-box {
					background:#fff none repeat scroll 0 0;
					border:1px solid #E9D3E8;
					padding: 10px;
					width:384px;
					}
			
			/* display officer images on About Page */
			.officer-wrap {
				width: auto;
				margin: 0 auto;
				}

			.officer-bg {
				background: #dfc3de none repeat scroll 0 0;
				border: 1px solid #cfb5ce;
				display: inline;
				float: right;
				margin-bottom: 18px;
				margin-left: 18px;
				padding: 9px;
				position: relative;
				text-align: center;
				}
				
			.officer-bg1 {
				 margin-right: 174px; 
				 margin-left: -294px !important;>
				}

				img.about-icon {
					background: #fff none repeat scroll 0 0;
					margin: 0 0 9px;
					padding: 9px; 
					}
					
				.officer-wrap p {
					margin-bottom: 0;
					}

			.download, .notes {
				border: 1px solid #cfb5ce;
				background: #dfc3de;
				margin-bottom: 18px;
				padding: 9px;
				position: relative;
				}

#footer {
	background:#70376c none repeat scroll 0 0;
	border-top: 18px solid #fff;
	clear: both;
	}
	
	/* navigation for featured pages */
	#featured-nav {
		background: #fff none repeat scroll 0 0;	/* override #footer bg */
		border-bottom: 18px solid #5f295f;
		padding-bottom: 18px;
		padding-top: 36px;
		text-align: left;
		}
		
		/* center featured pages navigation */
		#featured-wrap {
			background: #fff none repeat scroll 0 0;
			border-bottom: 18px solid #fff;
			clear: both;
			margin: 0 auto;
			padding: 0 10px;
			width: 960px;
			}
			
			div.featured {
				display: inline;	/* IE6 */
				float: left;
				margin: 0 5px;
				padding: 0 10px;
				position: relative;
				width: 282px;
				}
				
	#btmnav {
		margin: 0 auto;
		position: relative;
		width: 960px;
		}
		
		#logo-btm {
		left: 0;
		position: absolute;
		text-align: left;
		top: 0;
		}
		
			ul#pagenav-btm {
				margin-bottom: 18px;
				padding-top: 18px;
				text-align: right;
				}
				
				ul#pagenav-btm li {
					display: inline;
					padding: 0 18px 0 0;
					}

	#site-meta {
		color: #bf9bbd;
		margin: 0 auto;
		padding: .75em 0;
		text-align: right;
		width: 960px;
		}

/*	end layout */


/*	HEADINGS

------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif;
	color: #5F295F; /* #713b6f; */
	}

h1 {
	font-size: 200%; 				/* set = 24px (relative to [body]->font-size) */
	line-height: 1.5em; 			/* set = 36px (relative to [h1]->font-size) */
	margin: 0 54px 0.75em 0; 		/* set = 18px (relative to [h1]->font-size) */
	}

h1.intro {
font-style: italic;
}

h2 {
font-size: 166.67%;				/* set = 20px */
margin: 0;
padding: 9px 0px;
}

div.featured h2 {
	font-size:166.67%;				/* = 20px */
	letter-spacing:1px;
	line-height:1em;
	margin:0 0 1.35em;				/* = 27px */
	padding: 4px 0 4px 60px ;
	}

h3 {
font-size: 116.67%;
}

/*	end headings */


/*	LINKS

------------------------ */

a:link, a:visited {
color: #9a6196;
text-decoration: none;
}

a:hover {
color: #cfa8cd;
}

a:active, a:focus {
color: #cfb5ce;
outline: none;
-moz-outline-style: none;
}

#topnav a.logo-link {
	display: block;
	height: 180px;
	left: -18px;
	position: absolute;
	top: -13px;
	width: 180px;
	}

ul#pagenav-top li a,
ul#pagenav-btm li a {
	color: #cfb5ce;
	}
				
ul#pagenav-top li a {
	display: block;
	float: left;
	font-weight: normal;
	margin: 0;
	padding: 0.8em 10px;
	position: relative;
	}

ul#pagenav-top li.current_page_item a, 
ul#pagenav-top li.current_page_parent a, 
ul#pagenav-btm li.current_page_item a, 
ul#pagenav-btm li.current_page_parent a  {
	color: #efe0ef;
	}
					
ul#pagenav-top li a:hover,
ul#pagenav-btm li a:hover,
ul#pagenav-top li a:active,
ul#pagenav-btm li a:active {
	color: #efe0ef;
	}

#btmnav a.logo-link {
	display: block;
	height: 15em;	/* set height in [em] to adjust on font resizing */
	left: 0;
	overflow: hidden;
	position: absolute;

	top: -66px;
	width: 264px;
	}

#site-meta a:link, 
#site-meta a:visited {
	color: #cfb5ce;
	}

#site-meta a:hover {
	color: #efe0ef;
	}
	
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	color: #5F295F;
	}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #cfa8cd;
	}

/*	end links */


/*	IMAGES

------------------------ */

p img {
	padding: 0;
	max-width: 100%;
	}

.alignleft {
	float: left;
	margin: 0 18px 18px 0;
	}

img.alignleft {
	display: inline;
	margin: 0 9px 9px 0;
	}

.alignright {
	float: right;
	margin: 0 0 18px 18px;
	}

img.alignright {
	display: inline;
	margin: 0 0 9px 9px;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* Used in Featured Navigation*/
.featured img.heading-icon {
	left: 0;
	position: absolute;
	top: -18px;
	}

/* Used in Rightnav section*/
.notes img.heading-icon {
	position: absolute;
	right: 0;
	top: -18px;
	}
	
img.download-icon {
	float: left;
	margin: 0 9px 0 0;
	}
	
#topnav img.logo-link {
	height:180px;
	width:180px;
	}

#btmnav img.logo-link {
	width: 264px;
	height: 264px;
	}
	


/*	end images */


/*	TEXT ELEMENTS

------------------------ */

i {
	font-style: italic;
	font-family: Georgia, serif;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

/* used to display footnote marks on Resident Expenses Page */
sup {
	line-height: 1;
	}

p {
	margin: 0 0 1.5em 0;					/* btm-margin = 18px (relative to [body]->font-size) */
	}

/* Displays Testimonials on Testimonial Page */	
blockquote {
	font-family:georgia;
	font-style: italic;
	font-size:  133.33%;
	border: none;
	padding: 0;
	width: 99%;
	}
blockquote p {
	margin-bottom: 18px;
	}
	
/* Displays Testimonials on Home Page */
#callout-box blockquote {
	background:#DFC3DE none repeat scroll 0 0;
	font-family:georgia;
	font-size:200%;
	line-height:1em;
	padding:36px 18px;
	text-align:center;
	width:348px;
	}
				
	p.quote {
		font-style:italic;
		margin-bottom:0;
		padding: 0 0 9px 0;
		}
					
	p.cite {
		font-size:75%;
		margin-bottom:0;
		margin-right:9px;
		text-align:right;
		}
		
/* Used in Featured Navigation*/
p.subhead {
	font-size: 83.33%;				/* = 10px */
	margin-top: -31px;
	padding-left: 60px;
	}
	
/* Used in Featured Navigation*/
p.feat {
	font-size: 133.33%;				/* = 16px */
	font-style: italic;
	font-family: Arial;
	}

/* Used in Footer */
p.site-meta {
	margin: 0 18px 0 0;
	}
/* Used for Testimonials */
p.citation {
	padding-right: 64px;
	text-align: right;
	}
	
ul {
	margin-bottom: 18px;
	}

ul li ul {
	margin-left: 18px;
	margin-bottom: 0;
}
.post ul, .notes ul {
	padding-left: 18px;
	}

	.post li, .notes li {
		margin: 7px 0 8px 0;
		}

/* used on Resident Expenses Page */
p.disclaimer {
	font-size: 83.33%;
	padding-left: 18px;
	}

/* used on Resident Pages for contract download */
p.dwnld {
	font-style: italic;
	margin-left: 72px;
	margin-bottom: 0;
	}

/*	end text elements */








/*	FORM:	Contact Form
updated: Feb 20, 2009
------------------------ */

div#pcfForm {
background: #dfc3de;
border: 1px solid #cfb5ce;
font-family: "Lucida Grande","Lucida Sans Unicode";	/* have to define font-family to override IE6 default settings */
/*  overflow: auto;									/* class:clearfix OR set to "auto" to *pull* background down behind floated elements ([label], [input])*/
margin: 0 0 1.5em 0;
padding: 0 18px;										/* IE6 doubles bottom padding if set */
}

#form-pcfForm label {
clear: both;										/* break float */
display: block;									/* in order to float */
float: left;  									/* float element to override default browser spacing bewteen elements */
margin: 1em 0 0.5em 0;							/* set bottom-margin = 6px (relative to [body]->font-size) */
width: 270px;
}

#form-pcfForm input {
clear: both;										/* break float */
display: block;  									/* in order to float */
float: left;  									/* float element to override default browser spacing bewteen elements */
height: 1.5em;									/* set height = 18px (relative to [body]->font-size) */
margin: 0;										/* set bottom-margin = 12px (relative to [body]->font-size)) (this (+) #form-pcfForm>label>margin-bottom (=) 18px) */
padding: 0.75em 9px; 								/* set top & bottom padding = 9px (relative to [body]->font-size) */
width: 438px;
}

#form-pcfForm input.input-textPCF,
#form-pcfForm input#submitPCF {
border: 0;
}

#form-pcfForm input.hidden {				/* Wordpress class */
display: none;							/* override #form-pcfForm>input>display-block */
/* need height (as defined in #form-pcfForm>input>height) to maintain grid in IE6 */
}

#form-pcfForm textarea {
clear: both;										/* break float */
float: left;										/* float element to override default browser spacing bewteen elements */
height: 108px;									/* set as multiple of 18 to maintain grid */
margin: 0 0 0 0;									/* set = to #form-pcfForm>input>margin) */
padding: 0.75em 9px; 								/* set = to #form-pcfForm>input>padding) */
width: 438px;
font-family: "Lucida Grande","Lucida Sans Unicode";		/* have to define font-family to override IE6 default settings */
}

#form-pcfForm p#p-submitPCF {						/* submit button */
clear: both;										/* break float */
margin-left: 312px;
margin-top: 1.5em;
}

#form-pcfForm input#submitPCF  {				/* submit button */
background: #cfb5ce;							/* #ebe8da; */
cursor: pointer;
float: none;									/*  override #form-pcfForm>input>float */
height: 36px;
margin-bottom: 1.5em;							/* set bottom margin = 18px (relative to [body]->font-size) */
padding: 9px;
width: 144px;
}

/* end: contact form */


















/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

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

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

#sidebar form {
margin: 0;
}
/* End Sidebar */







/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}


.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/


/* WP ELEMENTS

------------------------ */

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #CFB5CE;
text-align: center;
background-color: #dfc3de;
padding: 9px 0;
margin: 9px 9px 18px 9px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 200px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 9px solid #fff;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 9px;
margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

dl.resdnt-exps {
margin: 0 0 1.5em;
padding: 0;
width: 500px;

}

dt.dl-hdr {
background:#dfc3de none repeat scroll 0 0;
border:1px solid #cfb5ce;
color:#5F295F;
float:left;
font-family:Georgia,serif;
font-size:166.67%;
font-weight:normal;
letter-spacing:1px;
margin:0;
padding:0.75em 18px;
width:462px;
}

dt {
clear:both;
}

dd {

}

dl.resdnt-exps-info {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #cfb5ce;
border-right:1px solid #cfb5ce;
display:inline;
float:left;
width:498px;
}

.resdnt-exps-info dt {
border-bottom:1px solid #cfb5ce;
border-right:1px dotted #cfb5ce;
float:left;
margin:0;
padding:0.75em 18px;
width:164px;
}

.resdnt-exps-info dd {
border-bottom:1px solid #cfb5ce;
float:left;
margin:0;
padding:0.75em 18px;
text-align:right;
width:261px;
}

dt.total, dd.total {
font-weight: bold;
}


.displayNo {												/* Hides the error [p] & [div] for the Contact Form */
	display: none;
	}

div.jQueryError {											/* Class for jQuery Script ("js_formValid.js") */
	background: #ffdcdc;
	border: 1px solid #BB0011;
	color: #000;
	/*display: inline-block;							/* ie6 */
	margin: 0 0 30px 0;
	padding: 10px 10px 0 10px;
	position: relative;
	}

/* displays the error messge after the Contact Form has been submitted */
div.error {
	background: #ffdcdc;
	border: 1px solid #BB0011;
	color: #000;
	display: inline-block;							/* ie6 */
	margin: 0 0 30px 0;
	padding: 10px 10px 0 10px;
	position: relative;
	}
	/* wrap the text before the heading icon */
	div.error p:first-child {
		padding-right: 64px;
		}

div.no-error {
	background: #ebf4f9;
	border: 1px solid #ABB2D4;
	color: #000;
	display: inline-block;							/* ie6 */
	margin: 0 0 30px 0;
	padding: 10px 10px 0 10px;
	position: relative;
	}
#testimonial {
    min-height: 400px;
    }