/*
 * This file is the main css file for the site, it is included on all user pages
 * most of it is for the menus
 */

/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	background-image: url(../images/mastBG.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial,sans-serif;
	color: #3d78b4;
	line-height: 1.166;
	width: 100%;
}
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
	font-size: 100%;
	color: #334d55;
}
ul {
	list-style-type: none;
}
ul ul {
	list-style-type: none;
	margin: 192px;
}
ul ul ul {
	list-style-type: none;
}
label {
	font: bold 100% Arial,sans-serif;
	color: #334d55;
}
a img {
	border:none;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#mainbox {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 100%;
	float: left;
}
#masthead {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 126px;	
}
#navBar {
	margin: 0 0 0 0;
	position: absolute;
	top: 126px;
	left: 0px;
	width: 192px;
	background-color: #4c7fb5;
	background-image: url(../images/navBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
}
#navSpace {
	background-image: url(../images/spacer-100.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	top: 140px;
	position: absolute;
	left: 194px;
	width: 75%;
	margin: 0;
	padding: 0px 10px 0px 10px;
	font-size: 14px;
}
#weather {
	margin:8px;
}
/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #pageName styles **************/

#pageName {
	padding: 0px 0px 10px 10px;
}
/************** .feature styles ***************/

.feature {
	padding: 0px 0px 10px 10px;
	font-size: 14px;
}
.feature h2 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.feature img {
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

/************** .property styles *****************/

.property {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	width: 100%;
}
.property p {
	padding: 0px 0px 10px 0px;
}

.property h2 {
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.propSummary{
	border-width: 2px;
	border-style: solid;
	border-color: #008080;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 8px;
	width: 100%;
}
.propSummaryImage{
	float: left;
	margin-right: 8px;
}
.propSummaryInfo{
	overflow: hidden;
}
.propTopRow{
	width: 100%;
	overflow: hidden;
}
.propSummaryName{
	float: left;
	width: 49%;
	font-size: 16px;
}
.propSummaryStats{
	float: right;
	width: 49%;	
	font-size: 14px;
}
.propSummaryStats table{
	font-size: 14px;
}
.propSummaryDescription{
	margin-top: 20px;
	margin-bottom: 36px;
	height: 32px;
}
.propSummaryLinks{
	width: 100%;
	background-color: #bad9ee;
}
.propSummaryLinks a{
	margin-left: 35px;
}
/************* #siteInfo tyles ***************/

#siteInfo {
	font-size: 75%;
	padding: 10px 10px 10px 10px;
}
/************* #mashead styles **************/
#masthead a {
	float: left;
}
#specialist {
	float: right;
	margin: 20px 20px 0px 0px;
}
#logo {
}
/************* #footer styles ***************/

#footer {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
 the bottom border of the navBar in cases where they "touch" */

#footer img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
/************* #search styles ***************/

#search {
	padding: 5px 0px 0px 10px;
	font-size: 90%;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#search label {
	display: block;
	margin: 0px;
	padding: 0px;
}
#searchAvail {
	position: absolute;
	top: 5px;
	left: 575px;
}
#searchAvail #now {

}
label.searchAvail {
	float: left;
	font-size: 8pt;
	width:82px;
	margin-top: 7px;
}
.searchText {
	text-align: right;
}
#searchAvail input[type=text] {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 23px;
	border-width: 1px;
	vertical-align:top;
	display: inline-block;
}	
/************** #advert styles **************/

#advert {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}
#advert img {
	display: block;
}
/************** #headlines styles **************/

#headlines {
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}
#headlines p {
	padding: 5px 0px 5px 0px;
	color: #ffffff;
}

/************* detail.cfm styles ***************/

.UnitCalendars {
	clear: both;
}
.CalendarLeft {
	margin-right: 12px;
	float: left;
}
.CalendarRight {
	float: left;
}

/*-----------------------------------PopMenu Magic Style Sheet by Project Seven Development www.projectseven.com Menu Type: Vertical Style Theme:6 - Frosty Blue -----------------------------------*/

#p7PMnav, #p7PMnav ul {
	margin:0;
	padding:0;
	background-repeat: repeat-y;
	background-color: #4c7fb6;
}
#p7PMnav ul {
	z-index: 10000;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
/* ------ the menu link styles ------ */
#p7PMnav a {
	width: 184px;
	display: inline-block;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	color: #ffffff;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #93c3e7;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: .01px;
}
/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #333333;
	font-weight: bold;
}
/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
	background-image:  url(../images/p7PM_light_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #5080b3;
	color: #ffffff;
}
/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left:0px;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav {
	width: 192px;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul {
	width: 192px;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #666666;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #666666;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}