/*
#############################################################################
		global / general / site-wide CSS for parealestatelady.com
#############################################################################
*/

* {
	margin:0;
	padding:0;
}

html, body {
	background:#EDF0F9;
	color: #000;
}

body
{
	text-align: center;
	background-color:#EDF0F9;
	margin-top: 10px;
	margin-right:  20px;
	margin-bottom: 15px;
	margin-left: 4px;
}

img {border: 0; text-align: center;}
form {margin: auto; text-align: center; padding: 20px}
hr {color: #000099; width: 80%; text-align: center;}

ul
{
	list-style-image: url("../images/redstar.gif");
	list-style-position: outside;
	list-style-type: square;
	text-indent: 0px;
	margin-left: 0px;
	padding-left: 20px;
}
li
{
	padding-left: 20px;
	padding-right: 20px;
}


.rounded {background: #ffffff;}

.head1 {font-size: 130%; color: #d42e50; font-weight: bold; line-height: 180%; font-variant: small-caps; text-decoration: none; border-bottom: 1px solid #d42e50;}
.head2 {font-size: 120%; color: #d42e50; font-weight: bold; line-height: 140%; text-decoration: none; border-bottom: 1px solid #000099;}
.head3 {font-size: 120%; color: #000099; font-weight: bold; line-height: 140%; text-decoration: none; border-bottom: 0px solid #000099;}

.phones {padding-top: 10px; font-size: 120%; color: #000099; font-weight: bold; line-height: 120%; }
.phonetext	{padding-left: 15px; padding-top: 10px; font-size: 100%; color: #000000; font-weight: normal; line-height: 100%; }

.preloadImg {display: none;}

.joan {padding-bottom: 10px; font-weight: bold; font-size: 11pt; color: #d42e50; font-family: Verdana, arial, sans-serif; text-align: center;}
.joanmenucol {padding: 10px 5px 0px 0px; font-size: 11pt; font-weight: bold; color: #00009c; font-family: Verdana, arial, sans-serif; text-align: center; }
.specializing {padding-bottom: 10px; text-align: center; color: #000000; font-size: 11pt; font-family: Verdana, arial, sans-serif;}
.address {padding-bottom: 0px; text-align: center; color: #000000; font-size: 11pt; font-family: Verdana, arial, sans-serif; }
.anytimephone { font-size: 11pt; color: #00009c; font-weight: bold; font-family: Verdana, arial, sans-serif; text-align: center; }
.officephone { font-size: 11pt; color: #7c7680; font-weight: bold; font-family: Verdana, arial, sans-serif; text-align: center; }
.realtygroup { font-size: 10pt; color: #7c7680; font-weight: bold; font-family: georgia, serif; text-align: center; }
.realtygroup-h { margin-left: 10px; font-size: 10pt; color: #7c7680; font-weight: bold; font-family: georgia, serif; text-align: center; }



#pagewrapper
{
	width: 95%;
	margin: auto;
	border: solid 0px #EDF0F9;
}

/*
#############################################################################
		header ID's
#############################################################################
*/

#header
{
	width: 100%;
	text-align: center;
	background-color:#EDF0F9;
	padding-bottom: 0px;
}

.leftheader { padding-top: 4px; text-align: center; width: 180px;}
.rightheader { padding-left: 10px; text-align: center; }


/*
#############################################################################
		breadcrumbs
#############################################################################
*/

#breadcrumbs
{
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
	background-color: #edf0f9;
	font-size : 10pt;
	font-family : "Comic Sans MS", tahoma, Verdana, arial, helvetica, sans-serif;
	color: #0000ff;
}

#breadcrumbs h2
{
	font-weight: 100;
	white-space: nowrap;
	background-color: #edf0f9;
	font-size : 10pt;
	font-family : "Comic Sans MS", tahoma, Verdana, arial, helvetica, sans-serif;
	color: #0000ff;
}

/*
#############################################################################
		midsection and menu
#############################################################################
*/


#midsection
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#menudiv
{
	width: 180px;
	border: solid 0px #000099;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #edf0f9;
}

#menu
{
	width: 180px;
	border: solid 0px #000099;
	text-align: left;
	vertical-align: top;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #edf0f9;
}

#menu a 
{
	display:block;
	width: 145px;
	margin-bottom: 1px;
	padding: 5px 5px 4px 20px;
	font: bold 11px Verdana, arial, sans-serif;
	color: #feffef;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	background-color: #466faf;
	height: 14px;
	background-repeat: no-repeat;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#menu a:link
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 5px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#menu a:visited
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 5px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#menu a:hover
{
	color: #000000;
	background: url("../images-menu/house-tiny.gif") no-repeat 0px 0px;
	padding: 5px 5px 4px 30px;
	border-color: #feffef #666666 #666666 #feffef;
	background-color: #84b5f7;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#menu a:active
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 5px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#menudesc
{
	width: 180px;
	height: 60px;
	vertical-align: top;
	padding: 10px 0px 0px 0px;
	color: #d42e50;
	background-color: #edf0f9;
	line-height: 110%;
	text-align: justify;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}

/*
#############################################################################
		content
#############################################################################
*/

#contentdiv
{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 10px;
}

#headline
{	
	font-size: 12pt;
	color: #d42e50;
	text-align: justify;
	font-family: Verdana, arial, sans-serif;
	font-variant: small-caps;
	padding: 0px 25px 15px 25px;
	font-weight: bold;
	text-decoration: none;
}

#headline h1
{	
	font-size: 12pt;
	color: #d42e50;
	text-align: center;
	font-family: Verdana, arial, sans-serif;
	font-variant: small-caps;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
}

#contenttext
{
	background-color: #ffffff;
	text-align: justify;
	line-height: 120%;
	font-size: 9pt;
	font-family: Verdana, arial, sans-serif;
	border: solid 0px #000099;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
}

#contenttext p {margin-bottom: .70em;}

#contenttext h1
{	
	font-size: 11pt;
	color: #d42e50;
	text-align: left;
	font-family: Verdana, arial, sans-serif;
	font-variant: small-caps;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: .75em;
	margin-top: .95em;
}


/*
#############################################################################
    footer ID's
#############################################################################
*/


#footer
{
	text-align: center;
	width: 100%;
	background-color: #edf0f9;
	padding: 0px 0px 0px 0px;
}

#footertext
{
	font-size: 9pt;
	color: #969696;
	font-family: Verdana, arial, sans-serif;
	text-align: center;
	background-color: #edf0f9;
	padding: 20px 0px 10px 0px;
}

.footerlinks
{
	width: 90%;
	white-space: nowrap;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #969696;
	border: 0px;
	padding: 10px 0px 10px 0px;
}

.footerlinks a
{
	white-space: nowrap;
	color: #969696;
	text-align: center;
	font-size: 8pt;
	border: 0px;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
} 

.footerlinks a:link
{
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	color: #969696;
	border: 0px;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
}

.footerlinks a:visited
{
	color: #969696;
	text-decoration: none;
}

.footerlinks a:hover
{
	color: #d42e50;
	text-decoration: underline; 
}

.footerlinks a:active
{
	color: #969696;
	text-decoration: none; 
}

#footerlogos
{
	white-space: nowrap;
	text-align: center;
	background-color: #edf0f9;
	padding: 10px 0px 10px 0px;
}

#footerlogos img
{
	white-space: nowrap;
	margin:  0px 20px 10px 20px;
	border: 0;
	vertical-align: middle;
}

.sparks {	font-variant: small-caps; white-space: nowrap; text-align: center; color: #00009c; font-size: 9pt; font-family: Verdana, arial, sans-serif; }

.sparksdiv 
{
	background-color: #edf0f9;
	margin: auto;
	text-align: center;
	border: dashed 0px #00009c;
	padding: 0px 0px 0px 0px;
}


/*
#############################################################################
    sitemap css
#############################################################################
*/


#sitemap
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.sitemapdesc
{
	padding: 10px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.sitemaplinkcol
{
	padding: 10px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

a.sitemaplink
{
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	border: 0px;
	text-decoration: underline;
} 

a.sitemaplink:link
{
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	border:0px;
	text-decoration: underline;
}
 
a.sitemaplink:visited
{
	color: #800080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	border:0px;
	text-decoration: underline;
} 

a.sitemaplink:hover
{
	color: #d42e50;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	border: 0px;
	text-decoration: none; 
} 

a.sitemaplink:active
{
	color: #800080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant: small-caps;
	border: 0px;
	text-decoration: underline;
}

/*
#############################################################################
    site-wide link css
#############################################################################
*/


a {
	color: #000099;
	border: 0px;
	text-decoration: underline;
} 

a:link {
	color: #000099;
	border:0px;
	text-decoration: underline;
} 
a:visited {
	color: #800080;
	border:0px;
	text-decoration: underline;
} 
a:hover {
	color: #d42e50;
	border: 0px;
	text-decoration: none; 
} 
a:active {
	color: #800080;
	border: 0px;
	text-decoration: underline;
}

a.camolink
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
}

a.camolink a
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
} 

a.camolink:link
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
}

a.camolink:visited
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
}

a.camolink:hover
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
}

a.camolink:active
{
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
	font-size: 12pt;
	color: #edf0f9;
} 

/*
#############################################################################
    calculator form and search buttons
#############################################################################
*/

form { background-color: #EDF0F9; border: solid 2px #000099; padding: 10px;}

form input { cursor: pointer; font: normal 11pt Verdana, arial, sans-serif; background-color: #FFFF99; text-align: Center; border: 1px solid #000099; }

.button
{
	font: bold 10pt Verdana, arial, sans-serif;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url("../images-menu/bluebutton.jpg");
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	text-decoration: none;
}

#search
{
	width: 400px;
	margin: auto;
	border: solid 0px #000099;
	text-align: left;
	vertical-align: top;
	padding: 25px 0px 20px 0px;
	background-color: #ffffff;
}

#search a 
{
	display:block;
	width: 200px;
	margin-bottom: 1px;
	padding: 5px 3px 4px 20px;
	font: bold 11px Verdana, arial, sans-serif;
	color: #feffef;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	background-color: #466faf;
	height: 14px;
	background-repeat: no-repeat;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#search a:link
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 30px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#search a:visited
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 30px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#search a:hover
{
	color: #000000;
	background: url("../images-menu/house-tiny.gif") no-repeat 0px 0px;
	padding: 5px 30px 4px 30px;
	border-color: #feffef #666666 #666666 #feffef;
	background-color: #84b5f7;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#search a:active
{
	color: #ffffff;
	background: url("../images-menu/bluebutton.jpg") no-repeat 0px 0px;
	padding: 5px 30px 4px 30px;
	background-color: #466faf;
	border-color: #feffef #666666 #666666 #feffef;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-decoration: none;
}

#searchdesc
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	color: #d42e50;
	background-color: #ffffff;
	line-height: 110%;
	text-align: justify;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}

/*
#############################################################################
    end CSS
#############################################################################
*/