﻿/* CSS layout */
#wrapper {
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	width: 780px;
}

/*Top Half of Site */
#container_top {
	margin: 0px auto 0px auto;
	position: relative;
	width: 780px;
}

#left_col_top {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	background-color: #FFFFFF;
	right: 0px;
	bottom: 0px;
}
#page_content {
	margin-left: 200px;
	width: 580px;
	text-align: left;
}
/* Lower Half of Site */
#content {
	padding: 20px;
	width: 540px;
	text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	height: 100%;
}
#footer {
	width: 780px;
	margin: 0px auto 0px auto;
	clear: both;
	padding-top: 15px;
	color: #FFFFFF;
	background-color: #000000;
	padding-bottom: 15px;
	font-size: 11px;
}
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
#page_content p {
	line-height: 165%;
}
img {
	border-style: none;
}
/*Navigation Menu*/
#navcontainer {
	width: 200px;
	text-align: center;
}

#navcontainer ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navcontainer a
{
	margin: 0px;
	display: block;
	padding: 10px 0px 0px 0px;
	width: 200px;
	background-color: #369;
	border-bottom: 1px solid #eee;
	border-bottom-color: #7094B8;
	height: 27px;
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}
#navlist a:visited
{
color: #FFF;
text-decoration: none;
}

#navcontainer a:link
{
color: #FFF;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #C2D1E0;
color: #369;
}



/* Footer List */
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#footer ul {
	padding: 0px;
	margin: 0px;
}
#caption h1
{
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#logo {
	width: 200px;
	height: 95px;
	background-image: url('../assets/images/logo-PME-sm.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#logo h1
{
	font-size: 1px;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}
#footer_nav {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0px 15px 0px;
	text-align: center;
	clear: both;
}
#footer_nav a {
	text-decoration: none;
	font-size: 11px;
	color: #808080;
}
#footer_nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-left: 20px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #808080;
}
#footer_nav ul {
	padding: 0px;
	margin: 0;
}
a:hover {
	text-decoration: none;
	color: #0000CC;
	font-size: 13px;
}
a:visited {
	text-decoration: none;
	color: #0000CC;
	font-size: 13px;
}
a:active {
	text-decoration: none;
	color: #0000CC;
	font-size: 13px;
}
a:link {
	text-decoration: none;
	color: #0000CC;
	font-size: 13px;
}
#content a {
	text-decoration: none;
	color: #0000CC;
	font-size: 13px;
}
#left_col_phone {
	margin: 0px;
	padding: 5px 0px 8px 0px;
	width: 200px;
	font-size: 12px;
	text-align: center;
	background-color: #000;
	font-weight: bold;
	color: #FFF;
	height: 27px;
	font-size: 24px;
}
#general_links_content {
	width: 580px;
	text-align: right;
	background-color: #DDDDDD;
}
#general_links_content li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #666666;
	padding-left: 10px;
}
#general_links_content ul {
	margin: 0;
	height: 22px;
	padding-top: 8px;
}
a:hover {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}
a:visited {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}
a:active {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}
a:link {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}
#general_links_content a {
	text-decoration: none;
	font-size: 11px;
	color: #666666;
}
.imgFloatLeft {
	float: left;
	padding: 0px 10px 0px 0px;
}
#main_photo_residents {
	background-position: right top;
	background-image: url('../assets/images/pic-elderly-couple.jpg');
	width: 580px;
	height: 180px;
	background-repeat: no-repeat;
	background-color: #000000;
}
#content H2 {
	color: #000000;
	font-weight: bolder;
	font-size: 30px;
	margin: 0px;
	padding: 0px;
}
#content H3 {
	font-weight: normal;
	color: #808080;
	margin-top: 0px;
	padding-top: 0px;
}
#caption {
	padding: 75px 50px 50px 25px;
	width: 175px;
}
#left_col_content {
	padding: 20px;
	width: 160px;
	text-align: left;
}
#submenu {
	width: 200px;
	height: 50px;
}
a:visited {
	color: #0000CC;
	font-size: 13px;
}
a:active {
	color: #0000CC;
	font-size: 13px;
}
a:hover {
	color: #0000CC;
	font-size: 13px;
}
a:link {
	color: #0000CC;
	font-size: 13px;
}
#left_col_content a {
	color: #0000CC;
}
/*Repair Request Form */
.label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
#content H4 {
	font-weight: bold;
	color: #336699;
	margin-top: 0px;
	padding-top: 0px;
}
/* Icon Bullet Lists */
 .iconlist
{
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

li.pdf
{
	background-image: url('../assets/bullets/bul-pdf.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.doc
{
	background-image: url('../assets/bullets/bul-msword-icon.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

li.text
{
	background-image: url('../assets/bullets/bul-check-blue.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

li.weblink
{
	background-image: url('../assets/bullets/bul-exteranl-link.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

li.arrow
{
	background-image: url('../assets/bullets/bul-blue-double-arrow.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.webpage
{
	background-image: url('../assets/bullets/bul-webpage.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.phone
{
	background-image: url('../assets/bullets/bul-phone.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.email
{
	background-image: url('../assets/bullets/bul-email.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
li.link
{
	background-image: url('../assets/bullets/bul-link.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

li.nobullet
{
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}
a.facebook {
	display:inline-block;
	padding-left:40px;
	line-height:32px;
	background:transparent url(../assets/bullets/icon-facebook-32.png) center left no-repeat;
	font-size:12px;
}

/* Two column list */
ul.left {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border: 0px none;
	list-style-type: none;
	left: 0px;
}
ul.right {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border: 0px none;
	list-style-type: none;
	clear: both;
}
.no-space {
	margin: 0px;
	padding: 0px;
}
#content p.ae_bio {
	margin-left: 160px;
}
.underline {
	text-decoration: underline;
}
#content p.list {
	padding: 0px;
	margin: 0px;
}
.listAlpha {
	list-style-type: lower-alpha;
}

.propID {
	font-size: 11px;
}
.address {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	display: block;
	color: #369;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}
.disclaimer {
	font-size: x-small;
	font-family: "Trebuchet MS";
	color: #666666;
	text-align: center;
}

.clear {
	clear: both;
}
#footer a {
	font-size: 11px;
}

#left_col_content h5 {
	border: 1px solid #CCC;
	padding: 3px;
	margin: 0px;
}
.half {
	width: 250px;
	float: left;
	padding-right: 10px;
}

.error {
	border: 1px solid #FFCC00;
	padding: 10px;
	color: #CC0000;
	background-color: #FFFFCC;
	width: 90%;
}
.required {
	color: #CC0000;
}

#right {
	padding: 10px;
	border: 2px solid #C0C0C0;
	width: 200px;
	float: right;
	margin-left: 20px;
	background-color: #ECFFFF;
}
#narpm a {
	font-size: .74em;
	font-family: "Trebuchet MS";
}

/* quotes for testimonials */
blockquote {background: url('../assets/images/quote-open.png') no-repeat 0 0;margin: 2.4em 1em 2.4em 1em;}
blockquote p {color: #555;font-size: .94em;background: url('../assets/images/quote-close.png') 100% 90% no-repeat; padding: 0 33px;margin-bottom: 0;}
cite {background: none;display: block;text-align:right;font-style:italic;}
blockquote>p+p {background:none;}
/* Table Styles */
#hor-table
{
	font-size: 12px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-table th
{
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
	border-bottom-color: #003366;
}
#hor-table td
{
	border-bottom: 1px solid #ccc;
	color: #333333;
	padding: 6px 8px;
}
#hor-table tbody tr:hover td
{
	color: #000000;
	background-color: #ECFCFF;
}
/*Vendor List*/
.company-name{font-size:16px;}
.red{color:#C00;}
.brown{color:#963;}
