@import url("drop-menu-white.css");

body	{
	margin: 18px;
	padding: 0px;
	border: #000000 0px solid;
	}





/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }





/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }





/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.blkimage	{ display: block; }

.formmargin	{ margin: 0px; }





/* NON-MENU LINK COLORS */

	a:link, a:visited, a:active 
	{ color: #3366FF; text-decoration: none; }

	a:hover 
	{ color: #BE7F00; text-decoration: underline; }





/* INNER AND OUTER BACKGROUNDS */

.content-background	{ background-color: #FFFFFF; }

.outer-background	{
			background-color: #A9AAB1;
			background-image: url("picts/background-outer.jpg");
			background-repeat: repeat-x;
			background-attachment: fixed;
			}





/* THE NEXT LINE IS THE MAIN PAGE FONT */

div, table	{ color: #666666; font: 14px arial, sans-serif; font-weight: normal; }

.title 		{ color: #000000; font: 20px arial, sans-serif; font-weight: normal; }

.subtitle	{ color: #000000; font: 14px arial, sans-serif; font-weight: bold; }

.smalltitle	{ color: #006699; font: 14px arial, sans-serif; font-weight: bold; }

.smalltext	{ font: 11px verdana, arial, sans-serif; }

.phonenum	{ color: #996600; font: 16px  georgia, "times new roman", arial, sans-serif; font-weight: normal; }

.phonetitle 	{ color: #996600; font: 17px  georgia, "times new roman", arial, sans-serif; font-weight: normal; }

.hilite		{ color: #FF0000; }





/* PAGE WIDTHS AND HEIGHTS */

.pagewidth	{
		min-width: 852px;
		max-width: 1002px;
		}

.contentpad	{
		margin: 0 auto;
		padding: 18px 15px 18px 15px;
		}

.content-min-space  { width: 350px; }

.pageheight	    { min-height: 500px; }





/* HEADER CODE */

.headerheight	{ height: 90px; }

.headercolor	{
		background-color: #606372;
		border: solid #B6B7BE;
		border-width: 0px 0px 0px 0px;
		}

.headerbar	{ background-color: #606372; font-size: 1px; line-height: 1px; }


/* HEADER IMAGE */

.headimagespace	{ width: 130px; }

.headimage	{ border: #FFFFFF 0px solid; margin: 0px 16px 2px auto; }



/* PLAIN TEXT HEADER OPTIONS */

.PlainTextTitle		{
			color: #FFFFFF;
			font: normal 20px arial, sans-serif;
			white-space: nowrap;
			text-indent: 12px;
			line-height: 80px;
			}





/* BORDERS AND SPLIT LINES CODE */

.img-borders		{ border: #4B4E5D 1px solid; }

.page-splits 	{ 
		font-size: 1px;
		line-height: 1px;
		height: 3px;
		background-color: transparent;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0px;
		border-top: #B6B7BE 1px solid;
		}

.border-R	{ border-right: #B6B7BE 1px solid; }

.border-L	{ border-left: #B6B7BE 1px solid; }

.border-B	{ border-bottom: #B6B7BE 1px solid; }





/* BULLETS AND LISTS CODE */

ul.list		{ line-height: 23px; }

li span		{ color: #006699; font: 14px arial, sans-serif; font-weight: bold; }





/* HOMEPAGE CODE */

.contentpad-home 	{
			margin: 0 auto;
			padding: 16px 10px 12px 10px;
			}

.pageheight-home 	{ min-height: 450px; }

table.home-sidebarL td 	{ padding: 2px; }

.home-sidebarLimage 	{ width: 84px; }

.home-pad 		{ padding: 8px; }

.home-sidepadding 	{ padding: 10px; }


/* FOR OPTIONAL-index-1.html */

.opthome-content	{ width: 90%; }





/* HOMEPAGE IMAGE GROUP */

.imagegroup-cell 	{
			width: 33%;
			padding: 40px 12px 12px 12px;
			}

.imagegroup-text	{
			color: #444444;
			font: 12px arial, sans-serif;
			font-weight: bold;
			text-align: center;
			padding: 5px 0px 0px 0px;
			}





/* HOMEPAGE jQUERY - ALSO EDIT "JQuery-Content/cycle-style.css" */

.JQbind		{ margin: 0 auto; width: 850px; }

.JQslideshow	{ background-color: #000000; width: 850px; height: 300px; }

.JQslidecolors	{
		background-color: #505362;
		background-image: url("JQuery-Cycle/background-JQuery.jpg");
		background-repeat: repeat-x;
		border: solid #4B4E5D;
		border-width: 0px 1px 1px 1px;
		}

.NextPrevBorder	 	{
			border: #FFFFFF 1px solid;
			transition: border 0.5s ease;
			-webkit-transition: border 0.5s;
			}

a:hover .NextPrevBorder { border: #99FF66 1px solid; }

#NextPrev	{
		position: relative;
		left: 762px;
		top: -55px;
		width: 66px;
		height: 31px;
		margin-bottom: -31px;
		z-index: 10;
		}

table#NextPrev	td	{ padding: 0px 0px 0px 0px; }

#prev			{ margin: 0px 4px 0px 0px; }

#next			{ margin: 0px 0px 0px 0px; }

#next, #prev 	{
		/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}





/* HOMEPAGE LAYERED TEXT */

.JQtextarea	{
		color: #FFFFFF;
		font: bold 12px arial, sans-serif;
		line-height: 18px;
		text-align: left;
		padding: 20px 16px 6px 16px;
		}

.layertitle	{ color: #FFFFFF; font: normal 22px "Trebuchet MS", arial, sans-serif; padding-bottom: 8px; }

#textlayer	{
		background: transparent;
/* ----- SHADE COLORS LOOK IN THE "picts/shading" FOLDER FOR MORE COLORS */
		background-image: url("picts/shading/shade-black-50.png");
		width: 260px;
		height: 300px;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 10;
		margin: 0px auto -300px 0px;
		border-right: #000000 0px solid;
		}

/* LAYERED TEXT BUTTON */

a.layerlink:link, a.layerlink:visited, a.layerlink:active 
		{
		font: 13px arial, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		background-color: #B0853B;
		display: block;
		width: 90px;
		padding: 5px 10px 5px 10px;
		margin-top: 20px;
		transition: background 0.5s ease;
		-webkit-transition: background 0.5s;
		}

a.layerlink:hover	{
			color: #FFFFFF;
			text-decoration: none;
			background-color: #ED1C24;
			}





/* HOMEPAGE SEARCH AREA */

.MLS-text	{
		color: #000000;
		font: 12px arial, sans-serif;
		}

.MLS-input	{
		height: 21px;
		width: 175px;
		color: #000000;
		font: 12px arial, sans-serif;
		}

.MLS-drop1	{
		width: 175px;
		color: #000000;
		font: 12px arial, sans-serif;
		}

.MLS-drop2	{
		width: 110px;
		color: #000000;
		font: 12px arial, sans-serif;
		}

.MLS-drop3	{
		color: #000000;
		font: 12px arial, sans-serif;
		}

.MLS-drop3cell 	{ padding: 0px 6px 0px 0px; }





/* FOR search-listings.htm PAGE */

table.MLS-form-table td		{ padding: 10px 10px 10px 10px; }

table.MLS-form-innertable td 	{ padding: 0px 1px 0px 1px; }

.MLS-drop			{ color: #000000; }

.MLS-button 			{ font-size: 13px; }





/* LEFT SIDEBAR OPTIONS AND TEXT BOXES */

.sidebartext		{
			color: #000000;
			font: 12px arial, sans-serif;
			font-weight: normal;
			text-align: center;
			}

.side-left		{
			padding-top: 10px;
			background-color: #EAEBF1;
			}

.sidewidth-left		{ width: 200px; }

.sidebarpage-left	{
			background-color: #EAEBF1;
			margin: 10px 0px 0px 0px;
			padding: 0px;
			}

.sidebar-frame-left	{
			height: 500px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			border: #999999 0px solid;
			}

.notewidth	{ width: 180px; }

.note-text 	{
		padding: 6px;
		font: normal 11px verdana, arial,  sans-serif;
		line-height: 15px;
		color: #666666;
		text-align: left;
		background-color: #F9F9F9;
		border: solid #B6B7BE;
		border-width: 1px 1px 1px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.note-title	{
		color: #FFFFFF;
		font: bold 12px verdana, arial, sans-serif;
		text-align: left;
		background-color: #545766;
		background-image: url("picts/notes-header.jpg");
		background-repeat: repeat-x;
		padding: 8px 4px 8px 4px;
		text-indent: 5px;
	/* CORNER ROUNDING */
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	border: solid #03409D;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.sideimage-left	{
		display: block;
		border: #000000 1px solid;
		margin: 5px auto 5px auto;
		}

/* LEFT SIDEBAR LINK COLORS */

a.sidelink-left:link, a.sidelink-left:visited, a.sidelink-left:active

			{
			color: #3366FF;
			text-decoration: none;
			line-height: 22px;
			padding-left: 11px;
			background-image: url("picts/bullet.gif");
			background-repeat: no-repeat;
			}

a.sidelink-left:hover	{ color: #BE7F00; text-decoration: none; }





/* RIGHT SIDEBAR OPTIONS AND TEXT BOXES */

.side-right		{ background-color: #FFFFFF; }

.sidewidth-right	{ width: 206px; }

.sidebarpage-right	{ margin: 0px; padding: 0px; }

.sidebar-frame-right	{
			height: 500px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			border: #999999 0px solid;
			}

.note-title-R	{
		padding: 4px 2px 5px 2px;
		text-indent: 6px;
		background-color: #D3E1E2;
		color: #093c60;
		font: bold 14px arial, sans-serif;
		text-align: left;
		border: solid #147FC9;
		border-width: 1px 1px 1px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.note-title-Rwidth	{ width: 187px; }

.note-text-R 	{
		color: #444444;
		font: normal 12px arial,  sans-serif;
		text-align: left;
		margin-top: 5px;
		padding: 6px;
		background-color: #FFFFFF;
		border: solid #147FC9;
		border-width: 1px 1px 1px 1px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}


/* RIGHT SIDEBAR DYNAMIC RATES */

.dynamic-rates 		{
			clear:both;
			width:177px;
			text-align:center;
			background-color:#D3E1E2;
			padding: 6px 4px 6px 4px;
			border: 1px solid #147FC9;
			}

.dynamic-rates2		{
			clear:both;
			border: 1px solid #147FC9;
			background-color:#FFFFFF;
			margin: 6px 0px 6px 0px;
			}


.dynamic-rate-title	{
			color:#093C60;
			font-size:14px;
			font-weight:bold;
			text-decoration: none;
			}

.dynamic-rate-subtitle	{
			color:#093C60;
			font-size:11px;
			font-weight:normal;
			text-decoration: none;
			}





/* PAGE FOOTER CODE */

.footer-frame		{
			display: block;
			width: 100%;
			overflow: hidden;
			margin: 0px;
			padding: 0px;
			}

.footer-height		{ height: 280px; }

.footer-page		{
			background-color: #606372;
			background-image: url("picts/background-footer.jpg");
			background-repeat: repeat-x;
			margin: 0px;
			padding: 0px;
			}

.footer-pad		{
			padding: 20px 10px 20px 10px;
			margin: 0px 0px 0px 0px;
			}

.footer-border		{ border-top: #505362 10px solid; }

.footer-title 		{
			color: #FFFFFF;
			font: 14px arial, sans-serif;
			font-weight: bold;
			padding-bottom: 5px;
			margin-bottom: 3px;
			border-bottom: #B9BBC7 1px solid;
			}

table.footer-links td 	{
			padding: 5px 30px 5px 30px;
			border-right: #B9BBC7 1px solid;
			}

.footer-image		{
			margin: 30px 0px 3px 10px;
			border: #73B4F5 1px solid;
			}

.footer-image-table	{ margin-left: 20px; }

.footer-links	{ line-height: 30px; }

.footerlinks-1	{ width: 160px; }

.footerlinks-2	{ width: 160px; }

.footerlinks-3	{ width: 160px; }

.footer-copyright {
		  color: #FFFFFF;
		  font: 11px arial, sans-serif;
		  font-weight: normal;
		  padding: 14px 0px 14px 0px;
		  margin: 0px 0px 0px 0px;
		  background-color: #505362;
		  border: solid #000000;
		  border-width: 0px 0px 0px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		  }

/* FOOTER LINK COLORS */

a.footerlink:link, 
a.footerlink:visited, 
a.footerlink:active 	{ color: #FFFFFF; text-decoration: none; }

a.footerlink:hover 	{ color: #FFFF9C; text-decoration: underline; }


/* COPYRIGHT LINKS */

a.copylink:link, 
a.copylink:visited, 
a.copylink:active 	{ color: #F3E3A2; text-decoration: none; }

a.copylink:hover 	{ color: #CCFF99; text-decoration: underline; }





/* SOCIAL ICONS */

.footer-social	{ width: 50px; }

.socialspace	{ padding: 0px 0px 12px 0px; }

.socialtext	{
		color: #000000;
		font: 11px arial, sans-serif;
		font-weight: normal;
		padding: 0px 0px 8px 0px;
		}





/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}





/* FEATURED PAGES */

.feat-listpad	{ padding: 4px; }    /* FOR featured-homes.htm PAGE */

.feat-areapad	{ padding: 15px; }

.feat-list	{ margin: 0px; padding: 0px; }

.feat-list li	{
		text-indent: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 15px;
		list-style: none;
		background: url("picts/bullet.gif") no-repeat 0 0px;
		}

.feat-thumbarea td 	{ width: 20%; padding: 2px 2px 2px 2px; }

.featured-arrow		{ margin: 3px 0px 10px 0px; }

/* FEATURED GALLERY THUMBNAIL BORDERS */

.Galborder	 	{ border: #000000 2px solid; margin-bottom: 2px; }

A:hover .Galborder 	{ border: #BE7F00 2px solid; margin-bottom: 2px; }





/* CALCULATOR PAGE */

.calc		{
		font-size: 14px;
		width: 80px;
		font-weight: normal;
		background-color:#FFFFFF;
		color: #000000;
		border: #4B4E5D 1px solid;
		}

.calcresults	{
		font-size: 14px;
		width: 100px;
		font-weight: normal;
		background-color:#EAEBF1;
		color: #0000FF;
		border: #4B4E5D 1px solid;
		}

table.calcarea td { padding: 2px; }





/* AGENT PAGE */

table.agent-table td	{ vertical-align: top; padding: 0px 4px 0px 4px; }

.agent-image-width	{ width: 85px; }

.agent-table		{ width: 100%; }





/* PDF PAGE */

.pdf-table	{ width: 80%; margin: 0 auto; }

.pdf-icons	{ width: 90px; }





/* CONTACT PAGE */

.sidebar-contact		{ padding: 1px 5px 5px 5px; }

.contactform-table		{ margin-left: 30px; }

table.contactform-table td	{ padding: 1px 5px 3px 0px; }

.submitbutton 	{ font-size: 13px; }


.shadeform	{
		font: 13px arial, sans-serif;
		background-color: #F6F8FD;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		width: 175px;
		border: #999999 1px solid;
		}

.textarea	{
		font: 13px arial, sans-serif;
		background-color: #F6F8FD;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		width: 300px;
		height: 135px;
		border: #999999 1px solid;
		}

.dropdown 	{
		color: #000000;
		width: 250px;
		background-color: #F6F8FD;
		font: 12px arial, sans-serif;
		}





/* LINKS PAGE */

.searchbox	{
		background-color: #F6F8FD;
		border: #CCCCCC 1px solid;
		border-collapse: separate;
		border-spacing: 2px;
		margin: 10px 0px 10px 0px;
		}

table.searchbox td 	{
			padding: 2px 2px 2px 2px;
			}

.searchform 	{
		width: 110px;
		height: 18px;
		font: 11px arial, sans-serif;
		background-color: #F6F8FD;
		background-image: url("picts/shadeform.gif");
		border: #999999 1px solid;
		}

.searchbutton 	{
		color: #000000;
	       	font: bold 11px arial, serif;
		text-align: center;
		background-color: #FFFFFF;
        	padding-top: 1px;
        	padding-bottom: 1px;
		cursor: pointer;
		width: 40px;
        	border: #000000 1px solid;
		}





/* START THE CODE FOR THE MENUS */

.menuarea	{
		width: 100%;
		background-color: #6C6F80;
		background-image: url("picts/menu.jpg");
		background-repeat: repeat-x;
		border: solid #4B4E5D;
		border-width: 0px 0px 1px 0px;
		}

.menuendpadl	{ padding: 7px 2px 6px 4px; }

.menuendpadr	{ padding: 7px 4px 6px 2px; }



.menu		{
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding: 11px 7px 10px 7px;
		margin-right: 2px;
		cursor:pointer;
		text-align: center;
		display: block;
		white-space:nowrap;
		border: #FFFFFF 0px solid;
		}


a.menu:link 	{
		text-decoration: none;
		color: #FFFFFF;
		}


a.menu:visited 	{
		text-decoration: none;
		color: #FFFFFF;
		}


a.menu:active 	{
		text-decoration: none;
		color: #FFFFFF;
		}


a.menu:hover 	{
		text-decoration: none;
		color: #FFFFFF;
		border: #FFFFFF 1px solid;
		padding: 10px 6px 9px 6px;
		}