/***************** main formatting css ************************/

/* Reset */

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, b, u, i, center, 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-size: 14px;
	vertical-align: baseline;
	background: transparent;
	}

html /* add so that IE sets font size to 1em */
	{
	font-size: 14px;
	}

body 
	{
	font-size: 14px; /* set font size to default */
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 1.25em;
	width: 100%;
	background: #656565;
	color: #4c4c4c;
	}

ol, ul, li
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* End of Reset */

/* Main Layout Divs */


#container {
	width: 740px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	background-color: #FFFFFF;
}

#header_left {
	float: left;
	width: 355px;
	margin-top: 20px;
	margin-left: 15px;
	color: #cc0000;
	font-style:italic;
	font-family:"Palatino Linotype", Georgia, Garamond, "Times New Roman";
}

.header_text {
	font-size: 14px;
}

#header_right a:link, a:visited, a:active {
	text-decoration: none;
	color: #cc0000;
	font-size: 14px;
}

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

#header_right {
	padding: 40px 20px 0 0;
	float: right;
	height: 100px;
	font-size: 32px;
	font-family:"Palatino Linotype", Georgia, Garamond, "Times New Roman";
	font-style:italic;
	color:#cc0000;
}

#top_image {
	width: 740px;
}

#main_content {
	width: 740px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100%;
}

#image_right {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

#side_nav {
	width: 180px;
	float: left;
}

#nav {
	float: left;
	width: 170px;
	padding-right: 10px;
	background-color: #FFFFFF;
}

#nav_bottom {
	float: left;
	width: 160px;
	padding-top: 8px;
	padding-right: 10px;
}

#nav_bottom ul li {
	padding-left: 10px;
	font-size: 90%;
	padding-top: 3px;
	padding-bottom: 3px;
}

#nav_bottom a {
	font-size: 90%;
	color: #4c4c4c;
}

#nav_bottom a:hover {
	background-color: #cc0000;
	text-decoration: none;
	color: #FFFFFF;
}

#content {
	float: right;
	width: 548px;
	padding-left: 10px;
	border-left-color: #ac9fcb;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 120%;
}

#footer {
	float: left;
	text-align: center;
	margin-top: 10px;
	position: relative;
	font-size: 12px;
}

#footer a: {
	font-size: 12px;
	color: cc0000;
}

#form {
	margin-bottom: 10px;
}

/***************** image layout ************************/




/***************** side navs ************************/

#nav_home {width:170px; height:40px; float:left; margin-bottom:2px;}
#nav_home a {background:url('images/property_portal_home.gif') no-repeat 0 0; display:block; width:170px; height:40px; overflow:hidden;}
#nav_home a:hover {background-position:-170px 0;}

#home #nav_home a {background-position:-170px 0;}

#nav_join {width:170px; height:25px; float:left; margin-bottom:2px;}
#nav_join a {background:url('images/property_club_join.gif') no-repeat 0 0; display:block; width:170px; height:25px; overflow:hidden;}
#nav_join a:hover {background-position:-170px 0;}

#join #nav_join a:visited {background-position:-170px 0;}

#nav_about {width:170px; height:40px; float:left; margin-bottom:2px;}
#nav_about a {background:url('images/property_portal_about.gif') no-repeat 0 0; display:block; width:170px; height:40px; overflow:hidden;}
#nav_about a:hover {background-position:-170px 0;}

#about #nav_about a:visited {background-position:-170px 0;}

#nav_contact {width:170px; height:40px; float:left; margin-bottom:2px;}
#nav_contact a {background:url('images/property_portal_contact.gif') no-repeat 0 0; display:block; width:170px; height:40px; overflow:hidden;}
#nav_contact a:hover {background-position:-170px 0;}

#contact #nav_contact a:visited {background-position:-170px 0;}



/* side nav images --------------------------- */



/***************** image layout ************************/




/***************** content layout ************************/

.text_indented {
		text-indent: 40px;
}


/***************** text formatting ************************/


h1 {
	font-size: 120%;
	font-weight: 120;
	font-style:italic;
	font-family: "Palatino Linotype", Georgia, Garamond, "Times New Roman";
}

h2 {
	font-size: 115%;
	font-weight: 100;
	color: #17b7eb;
	font-family: "Palatino Linotype", Georgia, Garamond, "Times New Roman";
	color: #CC0000;
	font-style:italic;
}

h3 {
	font-size: 110%;
	color: #CC0000;
	font-weight: 110;
	font-style:italic;
	font-family: "Palatino Linotype", Georgia, Garamond, "Times New Roman";
}

h4 {
	font-size: 105%;
	color: #CC0000;
	font-weight: 100;
	font-style:italic;
	font-family: "Palatino Linotype", Georgia, Garamond, "Times New Roman";
}

.heading_main {
	color: #17b7eb;
}

.heading_join {
	color: #b63e98;
}

.heading_about {
	color: #72c166;
}

.heading_contact {
	color: #bf83b9;
}

#content ul {
    list-style-position: outside;
}

#content ul li  {
    margin: 0 20px 0 20px;
	list-style-type: disc;
}

.dark_purple_text {
	color: #b63e98;
}

.green_text {
	color: #73C167;
}

.light_purple_text {
	color: #bf83b9;
}

.orange_text {
	color: #F78F1E;
}

.red_text {
	color: #ED1849;
}

.yellow_text {
	color: #ffd205;
}

.image_right {
	float: right;
	padding-left: 10px;
}

/***************** links ************************/

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* extend height of div containing floating divs - behave like content in tables ---------------------------- */



/* contact form ---------------------------- */



/* misc */

.none {
display:none;
}