/* CSS Document */


/* Zeroes out margins and padding for all elements unless specified, sets global font */

*{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;}

body {background:#C6C3BE url(images/layout/bg_stripes.jpg) repeat-x center top;}
input, textarea, select {font-family:verdana;font-size:8pt;margin-top:3px}
td{font-family:verdana}
td.calday{font-family:verdana;font-size:8pt;color:#C6C3BE;background-color:#635a51}
#content ul.calday {margin-left:0px;margin-bottom:0px;margin-top:0px;font-size:8pt}
#content li.calday {margin:1px 1px 1px 1px}



/*Entire content area, including header, menus, footer - this is done to give it the shadow background, since the body background was the stripes */

#container {background:url(images/layout/bg_content.jpg) repeat-y center top; width:778px; margin-left:auto; margin-right:auto; text-align:center;}


/* Header - on members pages, background image is changes with code in the head styles */

#header {height:274px; background:url(images/layout/bg_head_main.jpg) no-repeat center top; text-align:right;}
#header img {float:left; display:inline; margin-left:26px; margin-top:45px;}
#header p {padding-top:45px; padding-right:20px; font-size:.7em; color:#FFFFFF;}


/* Left menu, floated left - display set to inline to correct the IE double margins bug */

#menu {margin-top:-6px; margin-left:17px; float:left; display:inline; width:175px; background: url(images/layout/bg_purplefade.jpg) repeat-x left top; text-align:left; } /*negative margin coupled with background image applied the shadow from the element above it*/
#menu ul {margin-top:15px; margin-bottom:30px; list-style-type:none; padding-top:5px; border-top:1px solid #6A635C;}
#menu li {font-size:.8em; text-transform:uppercase; color:#C6C3BE; text-align:left; padding:5px 5px 5px 10px; border-bottom:1px solid #6A635C;}
#menu li a:link, #menu a:visited {color:#C6C3BE; text-decoration:none;}
#menu li a:hover, #menu a:active {color:#FFF; text-decoration:none; padding-left:2px;}
#menu li ul {border:none; margin-top:5px; margin-bottom:5px;}
#menu li ul li {border:none; color:#DDCFC4;}
#menu li ul li a:link, #menu li ul li a:visited {color:#DDCFC4; text-decoration:none;}
#menu li ul li a:hover, #menu li ul li a:active {color:#FFF; text-decoration:none; padding-left:2px;}
#menu img {margin-top:40px; margin-bottom:20px; margin-left:32px;} /* this positions the realtor logo */


/* Hides sumbenus, they are shown by placing appropriate code in the head styles of appropriate pages */

#menu_find {display:none;}
#menu_commu {display:none;}
#menu_dir {display:none;}
#menu_commi {display:none;}
#menu_busi {display:none;}

#calendar ul, #calendar ol {list-style-type:none;color:#635A51; font-size:10pt; margin:0px 0px 0px 0px;}
#calendar li {padding:2px 10px 7px 5px;}
#calendar a:link, #calendar a:visited {font-size:.9em;color:#000000; text-decoration:none; font-weight:bold;}
#calendar td {font-family:Verdana;font-size:10pt}

/* Content area styling, standard stuff */

#content {margin-right:0px; margin-left:210px; padding-bottom:10px; text-align:left;}
#content font{font-size:10pt}
#content h1 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#635A51; font-size:1.3em; font-weight:normal; padding-top:10px; margin-bottom:10px;}
#content h2 {color:#635A51; font-size:.9em; font-weight:bold; margin-top:20px; margin-bottom:10px;}
#content h3 {color:#635A51; font-size:.85em; font-weight:bold; margin-top:20px; margin-bottom:10px;}
#content h4 {color:#635A51; font-size:.8em; font-weight:bold; margin-top:20px; margin-bottom:10px;}
#content h5 {color:#635A51; font-size:14pt; font-weight:bold; margin-top:20px; margin-bottom:10px;}
#content h6 {color:#635A51; font-size:7pt; margin-left:5px;margin-right:5px;margin-top:2px; margin-bottom:2px;}
#content p {color:#635A51; font-size:.8em; margin-bottom:10px; margin-top:5px;}
#content p.indiv {color:#635A51; font-size:.8em; margin-bottom:3px; margin-top:3px;}
#content ul, #content ol {color:#635A51; font-size:10pt; margin:30px 10px 10px 30px;}
#content a:link, #content a:visited {font-size:9pt;color:#8F9BA1; text-decoration:none; font-weight:bold;}
#content td {font-family:Verdana;font-size:10pt}
#content a:hover, #content a:active {font-size:9pt;color:#635A51; text-decoration:none; font-weight:bold;}
#content li {padding:2px 10px 7px 5px;}
#content li ul {color:#635A51; font-size:.85em; margin:5px 10px 10px 30px;}
#content li ul li {padding:0 5px 0 5px; display:inline; border-left:1px dotted #635A51;}
#content img {float:right; margin:5px; margin-right:0px;}
#content img.pdf {float:none;verticle-align:middle;margin-left:5px;height:20px;position:relative;bottom:-10px}
#content address {color:#635A51; font-size:.8em; margin:2px 50px; font-style:italic;}
#content table {margin-top:5px; margin-bottom:15px;}
#content .event {background:#C6C3BE; margin:10px; padding:10px; border:1px dotted #635A51;}
#content .event h4 {margin:0 0 5px 0; padding:0;}
#content .event ul {list-style-type:none; margin:0; padding:0;}
#content .event li {color:#000000; margin:2px 0; padding:0;}
#content .news p,td,font{font-size:10pt}

/* Right column (purple background, only on homepage) */

#homebox {margin-top:-6px; margin-right:11px; float:right; display:inline; width:250px; background: url(images/layout/bg_purplefade.jpg) repeat-x left top; text-align:left;} /*negative margin coupled with background image applied the shadow from the element above it*/
#homebox h2 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#DDCFC4; font-size:1.1em; font-weight:normal; padding-top:20px; margin-bottom:10px; padding-left:10px;}
#homebox h3 {text-transform:uppercase; color:#FFF; font-size:.9em; font-weight:normal; padding-top:10px; margin-bottom:10px; padding-left:10px;}
#homebox ul {margin:15px 10px 30px 30px; list-style-type:square; padding-top:5px;}
#homebox li {font-size:.75em; color:#FFF; text-align:left; margin:15px 0;}
#homebox a:link, #homebox a:visited {color:#A1B0B7; text-decoration:none; font-weight:bold; font-size:.9em;}
#homebox a:hover, #homebox a:active {color:#FFF; text-decoration:none; font-weight:bold; font-size:.9em;}


/* Footer styles. Footer2 is also used, so that the shadow image can be placed at the bottom of the page */

#footer {clear:both; border-top:1px solid #C6C3BE; text-align:center; background-color: #544C45; padding-top:15px; margin-left:17px; margin-right:11px;}
#footer p {font-size:.7em; color:#DDCFC4; letter-spacing:.005em; padding-bottom:2px;}
#footer a:link, #footer a:visited {color:#DDCFC4; text-decoration:underline;}
#footer a:hover, #footer a:active {color:#FFF; text-decoration:none;}
#footer2 {clear:both; text-align:center; background:#544C45 url(images/layout/bg_footer.jpg) no-repeat center bottom; padding-bottom:20px;}
#footer2 p {font-size:.7em; color:#DDCFC4; letter-spacing:.005em; padding-bottom:2px; background:url(images/layout/bg_footer.jpg) repeat-y;}
#footer2 a:link, #footer2 a:visited {color:#DDCFC4; text-decoration:underline;}
#footer2 a:hover, #footer2 a:active {color:#FFF; text-decoration:none;}


/* Div containing pic and name, for Bio pages */
#biopic {float:right; padding-left:10px; padding-bottom:10px; margin-right:40px; width:200px;}
#biopic img {float:none; border:1px solid #999999; margin:20px 5px 0 5px; text-align:center}
#biopic p {text-align:center; font-size:.7em; padding-top:5px;}

#officepic {float:right; padding-left:10px; padding-bottom:10px; margin-right:40px; width:300px;}
#officepic img {float:none; border:1px solid #999999; margin:20px 5px 0 5px; text-align:center}
#officepic p {text-align:center; font-size:.7em; padding-top:5px;}


/* Style for popup windows */

#popup h1 {text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#DDCFC4; font-size:1.5em; font-weight:bold; margin:20px 0 10px 0;}
#popup h2 {text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#DDCFC4; font-size:1.2em; font-weight:bold; margin:10px 0 10px 0;}
#popup p {color:#000000; padding-bottom:10px; padding-top:5px; font-size:1em; margin-left:5px; margin-right:5px;}
#popup ul {margin:0 5px 15px 20px; list-style-type:disc;}
#popup li ul {margin:2px 0 0 20px; font-size:1em; padding-left:0px; border-left:1px dashed #A1B0B7; list-style-type:none;}
#popup li {color:#FFF; padding:2px 5px 3px 0; font-size:.8em; margin-left:10px}
#popup td {color:#FFF; padding:10px 0;}
#popup td.description {text-align:left; padding:0 5px; font-size:.8em;color:#000000}
#popup td.titletext {text-align:right; padding:0 5px; font-size:1em; font-weight:bold;color:#000000}
#popup a:link, #popup a:visited {color:#A1B0B7; font-weight:bold; text-decoration:underline;}
#popup a:hover, #popup a:active {color:#FFF; font-weight:bold; text-decoration:underline;}