html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the box in IE 5* browsers. The text is then set to the left aligned default in the #box selector */
	color: #555555;
	background: #0D81AD url(../media/global/background.jpg) repeat-x left top;
	font: 0.9em/1.25 "Lucidia Grande", Verdana, Arial, Helvetica, serif;
}
p {
	text-indent: 2em;
	color: #555555;
	font: 0.9em/1.3 "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	padding: 0.5em 1em .5em;
}
h1 {
	font: bold 1.2em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FF9900;
	text-indent: 2em;
	text-transform: capitalize;
	padding-bottom: 0.5em;
}
h2 {
	font: bold 1.10em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #444444;
	text-indent: 2em;
	text-transform: capitalize;
}
h3 {
	font: 1em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #444444;
	text-indent: 2em;
	text-transform: capitalize;
}
h4 {
	font: 1em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FF9900;
	text-indent: 2em;
	text-transform: capitalize;
}
h5 {
	font: bold 1em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #AAAAAA;
}
a {
	color: #444444;
	text-decoration: none;
	font-family: "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	line-height: 1.3;
}
img  a:hover {
	border-top: thin dotted #FF9900;
}
a:hover, a:active, a:focus {
	color: #0D81AD;
	text-decoration: underline;
}
.floatLeft {
	float: left;
	clear: both;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
}
.floatRight {
	float: right;
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
.listCat {
	border-bottom: 1px solid #FF9900;
	padding-bottom: 0.1em;
}
.page411 {
	padding-bottom: 1.25em;
}
.shoutOutBlue {
	font: 0.75em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #0D81AD;
}
.shoutOutOrange {
	font: 0.75em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FF9900;
}
.footnote1 {
	font-size: 0.5em;
}
.footnote2 {
	font-size: 0.7em;
	text-align: right;
	font-style: italic;
	text-indent: 0px;
	line-height: 1;
}
.footnote3 {
	font-size: 0.75em;
	text-align: left;
	font-style: italic;
	text-indent: 25px;
	line-height: 1.25;
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #box, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
#box {
	width: 760px;  /* this width will create a box that will fit in an 800px browser window if text is left at browser default font sizes */
	background: url(../media/global/site_bg.jpg) repeat-y left top;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* HEADER */
#header {
	width: 760px;
	height: 79px;
	margin: 0;
	position: relative;
	z-index: 9998;
	background: #0D81AD url(../media/global/titleBg.jpg) no-repeat left top;
}
#header h1 {
	width: 100em;
	position: absolute;
	left: -100em;
}
#header    ul#navsite  {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 486px;
	text-decoration: none;
	list-style: none outside;
	display: block;
	left: 31px;
	top: 49px;
	position: relative;
}
#header  li#navsite  {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
#header #navsite a {
	text-decoration: none;
	background: url(../media/global/sdspnavbg.jpg) no-repeat left top;
	display: block;
	float: left;
	height: 0px;
	width: 81px;
	overflow: hidden;
	cursor: auto;
}
#header #navsite { margin: 0; padding: 0; }
#header #navsite li { display: inline; }
#header #navsite li a { float: left; width: 81px; height: 0; padding-top: 30px; overflow: hidden; }
 
/* UP STATES */
#header #navsite li#home a { background-position: 0px 0; }
#header #navsite li#profile a { background-position: -81px 0; }
#header #navsite li#rentals a { background-position: -162px 0; }
#header #navsite li#listings a { background-position: -243px 0; }
#header #navsite li#links a { background-position: -324px 0; }
#header #navsite li#contact a { background-position: -405px 0; }
 
/* OVER STATES */
#header #navsite li#home a:hover { background-position: 0px -30px; }
#header #navsite li#profile a:hover { background-position: -81px -30px; }
#header #navsite li#rentals a:hover { background-position: -162px -30px; }
#header #navsite li#listings a:hover { background-position: -243px -30px; }
#header #navsite li#links a:hover { background-position: -324px -30px; }
#header #navsite li#contact a:hover { background-position: -405px -30px; }
 
/* CLICK STATES */
#header #navsite li#home a:active { background-position: 0px -60px; }
#header #navsite li#profile a:active { background-position: -81px -60px; }
#header #navsite li#rentals a:active { background-position: -162px -60px; }
#header #navsite li#listings a:active { background-position: -243px -60px; }
#header #navsite li#links a:active { background-position: -324px -60px; }
#header #navsite li#contact a:active { background-position: -405px -60px; }
 
/* ON PAGE "YOU ARE HERE" (Persistant Page Indicator) STATES */
body#home li#home a { background-position: 0px -90px !important; }
body#profile li#profile a { background-position: -81px -90px !important; }
body#rentals li#rentals a { background-position: -162px -90px !important; }
body#listings li#listings a { background-position: -243px -90px !important; }
body#links li#links a { background-position: -324px -90px !important; }
body#contact li#contact a { background-position: -405px -90px !important; }

#mainContent {
	padding: 10px 20px 25px;
}
#footer {
	background:#0D81AD url(../media/global/footer.jpg) no-repeat left top;
	margin: 0px;
	width: 760px;
	height: 35px;
	padding: 0;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.copyright {
	font: 0.5em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FFFFFF;
	padding-left: 50px;
	top: 4px;
	padding-top: 0px;
	float: left;
	position: relative;
}
.slogan {
	font: italic bold 0.8em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FFFFFF;
	float: right;
	top: -8px;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	right: 50px;
}
#endNav {
	left: auto;
	right: auto;
	display: block;
	height: 2.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #0D81AD;
}
#endNav  ul  {
}
#endNav   li  a {
	padding: 0.5em;
	color: #FFCC33;
	text-decoration: none;
	font: 0.75em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	display: block;
	float: left;
	position: relative;
	left: 25%;
}
#endNav a:hover, #endNav a:active, #endNav a:focus {
	text-decoration: underline;
}
#profileMajorBox {
	padding-bottom: 1em;
}
#profileMajor {
	width: 45%;
	padding-right: 1em;
	padding-left: 1em;
	float: left;
	clear: right;
	text-align: justify;
}
#profileMinorBox {
	border-top: 1px solid #FF9900;
}
#profileMinor {
	text-align: left;
	padding-bottom: 0.5em;
	padding-top: 1em;
	width: 100%;
}
.podContainer {
	float: left;
	width: 214px;
	background: url(../media/listings/podColumn.jpg) repeat-y left top;
	padding: 0px;
	clear: right;
	margin: 0px 0.5em 0.5em;
}
.podTitle h1 {
	position: absolute;
	width: 500px;
	left: -500px;
}
.podTitle {
	height: 27px;
	width: 214px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.pod411 {
	width: 210px;
	margin: 0px;
	background: url(../media/listings/pod411.jpg) no-repeat left top;
	padding: 0px;
	float: left;
	clear: right;
	height: 5.5em;
}
.pod411FloatLeftImage {
	float: left;
	padding-left: 5px;
	margin: 0px;
	clear: right;
}
.pod411TextBlock {
	padding-right: 5px;
	padding-top: 5px;
	width: 122px;
	padding-left: 7px;
	height: 4.5em;
	float: right;
	clear: right;
}
.pod411  ul {
	font-size: 0.7em;
	color: #252525;
	font-weight: bold;
	margin: 0px;
	padding: 0em;
	text-align: left;
	width: 100%;
}
.pod411 em {
	color: #FFFFFF;
	display: block;
	text-align: left;
	clear: right;
}
.pod411Status {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	display: block;
	clear: right;
	padding: 0.5em 0.5em 0px 0px;
}
.podFooter {
	background: url(../media/listings/podFooter.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 13px;
	width: 214px;
	float: left;
}
.minorProfilePic {
	float: left;
	width: 75px;
	padding-left: 1em;
	padding-right: 1em;
	clear: right;
}
.profileMinor411 {
	border-left: 1px solid #FF9900;
	padding-left: 1em;
	float: left;
	width: 80%;
	text-align: justify;
}
.propertyListBox {
	padding-bottom: 1.25em;
}
.propertyList {
	padding-left: 1.75em;
}
#mlsBox {
	text-align: left;
	word-spacing: 2em;
	padding-left: 1em;
}
#linksbox {
	padding-left: 2.5em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#linksbox li {
	padding-bottom: 0.3em;
}
#linksState {
}
#contactbox {
}
#contactbox ul {
	padding-left: 2em;
}
.contactSection {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.contactShoutOut {
	font-size: 1em;
	font-weight: bold;
}
#personnelBox {
	width: 715px;
	padding: 0px;
	margin: 0px;
}
.personnel {
	width: 125px;
	line-height: 1.1;
	font-size: 0.95em;
	float: left;
	clear: right;
	padding: 1em;
}
.personnelImage {
	width: 125px;
	margin: 0px;
}
.personnel411 {
	width: 125px;
	margin: 0px;
	padding: 0.5em 0px;
	float: left;
	text-align: center;
	line-height: 1.25;
}
#contactForm {
	font-size: 0.8em;
	margin: 0px;
	border: 1px solid #DEDEDE;
	padding: 1em;
}
#formCol1 {
	float: left;
	width: 200px;
	margin: 0px;
	padding-left: 5%;
	padding-right: 1em;
}
#formCol2 {
	width: 200px;
	float: left;
	margin: 0px;
	padding-right: 1em;
}
#formCol3 {
	float: left;
	width: 200px;
	margin: 0px;
}
#formFooter {
	width: 100%;
	clear: both;
	float: left;
	padding-top: 2em;
}
legend {
	font: bold 1.25em/1.25 "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #FF9900;
	margin: 0em;
	padding-bottom: 1em;
	padding-left: .5em;
}
label {
	display: block;
	text-indent: 7px;
	font: 1em/1.5 "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	color: #444444;
	width: 175px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
textarea {
	height: 21em;
}
input, textarea {
	width: 175px;
}
input:focus, textarea:focus {
	background: #FFDEA7;
}
form em {
	font-weight: bold;
	color: #CC0000;
}
input#submit {
	margin: 0em 0em 0em 5%;
	width: 15em;
	text-decoration: none;
	background: #FF9900 url(../media/contact/submit_back.jpg) repeat-x left top;
	color: #252525;
	font-weight: bold;
	font-family: "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	border-top: thin solid #FFCC00;
	border-right: thin solid #FF7700;
	border-bottom: thin solid #9B3A06;
	border-left: thin solid #FFE74E;
	height: 2em;
	float: left;
	padding: 0px;
}
#placeHolder {
	clear: both;
	float: right;
}
#mapbox {
	padding-top: 0px;
	padding-bottom: 10px;
}
#mapbox  a {
	color: #444444;
	font-size: 0.85em;
	clear: right;
}
#mapGlobalNav {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
#mapGlobalNav li {
	display: inline;
	width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 1em;
}
.map3Col {
	width: 100%;
	position: relative;
	padding-bottom: 0.5em;
	line-height: 1.25;
	height: 100%;
	float: left;
	padding-top: 0.5em;
	clear: both;
}
.map3Col      ul          {
	float: left;
	clear: both;
	width: 17em;
	line-height: 1.25;
	font-size: 0.85em;
}
.map3Col li {
	margin: 0px;
	padding: 0px 0px 1em 1em;
	display: block;
	border-bottom: 1px solid #F7F7F7;
	clear: both;
}
.map3Col      em {
	color: #FF6600;
	font: normal 0.7em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	float: right;
	margin: 0px;
	padding: 0px 0.5em 0px .25em;
	clear: right;
	width: 7em;
	text-align: right;
}
.mapCol1 {
	width: 31%;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px 1em 0px 0px;
}
.mapCol2 {
	width: 31%;
	display: block;
	float: left;
	clear: right;
	padding: 0px 1em 0px 0px;
	margin: 0px;
}
.mapCol3 {
	width: 30%;
	display: block;
	padding: 0px 1em 0px 0px;
	float: left;
	margin: 0px;
}
#listingBox {
	float: left;
	width: 725px;
	margin: 0px;
	padding: 0px;
}
#listingHeader {
	float: left;
	clear: right;
	width: 725px;
}
#listingHeaderTitle {
	width: 470px;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: right;
}
#listingHeaderButtons {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#listingSidebar {
	float: right;
	width: 155px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#listingSidebar img {
	padding: 0.25em;
}
#listingMainContent {
	float: left;
	width: 550px;
	margin: 0px;
	padding: 0px;
	clear: right;
}
#listingMainContent    em {
	color: #FF9900;
	font: bold normal 0.85em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
}
#listMainContentA {
	padding: 0px 0px 0.5em;
	float: left;
	width: 547px;
	clear: right;
}
#listMainContentA1 {
	width: 300px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#listMainContentA2 {
	width: 205px;
	border-left: 1px solid #FF9900;
	float: right;
	clear: right;
	margin: 0px;
	padding: .25em .25em 0.5em .5em;
}
#listMainContentA2 ul {
	font-size: 0.85em;
	color: #252525;
	padding-left: 0.5em;
}
#listMainContentB {
	border-top: 1px solid #FF9900;
	padding-top: 0.5em;
	width: 547px;
	float: left;
}
#listMainContentB img {
	float: right;
	padding-left: .5em;
}
.SOLD {
	color: #CC0000;
	font-family: "Lucidia Grande", Verdana, Arial, Helvetica, serif;
	font-style: italic;
}
.currently {
	font: italic 0.85em "Lucidia Grande", Verdana, Arial, Helvetica, serif;
}