/* CSS Copyright Hubonline */

/* Clear styling, set fonts
--------------------------*/
* {
margin : 0;
padding : 0;
}

html {
height : 100%;
}

body {
height : 100%;
font-size : 76%; /* Font sizes are in EMs, if you need to scale the font, do it globally with this value */
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
background-color : #fff;
background-image : url(http://www.ngfarah.com.au/img/sub_bg.gif);
background-repeat: repeat-x;
}

/* =General styles
------------------*/

.warning {
color : #cc0000;
font-weight : bold;
}

#content ul, #content ol {list-style-position: inside;}

#imageband {
margin-top: 7px;
}

#break{
clear:both;
}


/* =Container Wrapper
----------------*/

div#container {
margin : 0px auto 0 auto; /*center the wrapper*/
width : 780px;
padding: 0px;
color : #000;
font-size : 1.0em;
}

/* =Footer
----------------*/

div#footer {
clear : both;
text-align : center;
padding: 6px 0px 7px 0px;
font-size : 0.9em;
}

#footer p {
color: #999;
}

div#footer a:link, div#footer a:active, div#footer a:visited {
color : #999;
text-decoration : none;
}

div#footer a:hover {
color : #999;
text-decoration : underline;
}

/* Header
----------------*/

#header {
height : 70px;
}

#header #logo {
width: 250px;
height : 0px;
display : block;
}

#header #logo img {
padding-top : 17px;
}

#header #fastfind {
color : #315b8a;
font-weight : bold;
padding : 22px 0px 0px 0px;
float : right;
}

#header #fastfind input.inputbox {
color : #000;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
font-size : 0.8em;
padding : 2px 1px 3px 1px;
font-weight : normal;
background-color : #fff;
width : 155px;
text-align : left;
}

#header #fastfind input.button {
color : #ffffff;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
background-color : #315b8a;
width : 40px;
padding-bottom : 3px;
height: 21px;
font-size : 10px;
font-weight : bold;
text-align : center;
border: 0px;
}

/* =Menu
----------------*/

#menu {
margin : 0px;
padding : 0px;
font-size : 1.0em;
border-bottom : 2px solid #fff;
xmargin-bottom: 7px;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #fff;
}

form label {
display: block;
float: left;
width: 200px;
}

form input,
form select {
width: 270px;
}

form input#fusekey,
form input#fcall {
width: 15px;
}

form textarea {
width: 400px;
}

form p {
clear: both;
}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input {
width: auto;
padding: 0 10px;
cursor: pointer;
}

form fieldset {
border: 1px solid #4e2748;
}

form legend {
font-weight: bold;
color: #000;
font-size: 1.1em;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
background-color: #315b8a;
border: 0px;
color: #fff;
font-size: 1em;
height: 20px;
padding-bottom: 3px;
font-family: verdana, arial, helvetica, sans-serif;
}

/* =Home
----------------*/

body#home {
background-image : url(http://www.ngfarah.com.au/img/home_bg.gif);
background-repeat: repeat-x;
}

body#home #row1 #qs_search {
height: 250px;
width: 164px;
float: left;
margin: 0px 0px 0px 0px;
font-size: 1.0em;
font-weight: normal; 
xborder: 1px solid red;
padding: 0px;
}

body#home #row1 #qs_search h1 {
color: #fff;
padding: 10px 0 12px 0px;
font-size: 1.0em;
}

body#home #row1 #qs_search fieldset {
border: none;
padding: 0;
margin: 0px;
}

body#home #row1 #qs_search label {
font-size: 0.9em;
color: #fff;
float: none;
display: inline;
margin: 0px 12px 0px 0px;
padding: 0px;
}

body#home #row1 #qs_search p#firsttitle {
margin-top: 7px;
}

body#home #row1 #qs_search label#qs_option,
body#home #row1 #qs_search label#to {
display: inline;
margin: 0px;
float: none;
padding: 0px;
}

body#home #row1 #qs_search input { 
margin: 0px 0px 0px 0px;
vertical-align: left;
width: auto;
padding: 0px; 
}

body#home #row1 #qs_search input#qs_st-buy { 
margin: 0px 0px 0px 0px;
vertical-align: middle;
width: auto; 
padding: 0px;
}

body#home #row1 #qs_search input#qs_st-rent { 
margin: 0px 0px 0px 12px;
vertical-align: middle;
width: auto; 
padding: 0px;
}

body#home #row1 #qs_search select {
width: 152px;
font-size: 1.0em;
margin: 10px 12px 10px 0px;
display: block; 
padding: 0px;
}

body#home #row1 #qs_search select#qs_min-price,
body#home #row1 #qs_search select#qs_rent_min-price {
width: 66px;
vertical-align: middle;
margin: 10px 0px 10px 0px;
padding: 0px;
display: inline;
}

body#home #row1 #qs_search select#qs_max-price,
body#home #row1 #qs_search select#qs_rent_max-price {
width: 66px;
vertical-align: middle;
margin: 10px 0px 10px 0px;
padding: 0px;
display: inline;
}

body#home #row1 #qs_search select#price {
width: 75px;
}

body#home #row1 #qs_search .button {
color : #ffffff;
background-color : #315b8a;
font-size : 0.9em;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
text-align : center;
width: 65px;
margin-top: 5px;
border: 1px solid #fff;
padding: 0px 0px 1px 0px;
}

body#home #row1 #pic {
width: 430px;
height: 262px;
margin : 0px 7px 0px 0px;
float: right;
padding: 0px;
}

body#home #row1 #pic img {
width: 419px;
}

body#home #row1 #pic img {
border-left : 2px solid #fff;
border-right : 2px solid #fff;
border-bottom : 0px;
border-top : 0px;
padding: 0px;
margin: 0px;
}

body#home #row1 #sidebuttons {
width: 174px;
height: 252px;
float: right;
font-size: 0.9em;
xborder: 1px solid red;
}

body#home #row1 #sidebuttons a:link, 
body#home #row1 #sidebuttons a:active,
body#home #row1 #sidebuttons a:visited {
color: #315b8a;
text-decoration: underline;
}

body#home #row1 #sidebuttons a:hover {
color: #315b8a;
text-decoration: none;
}

body#home #row1 #sidebuttons h1 {
color: #315b8a;
font-size: 1.0em;
padding-bottom: 12px;
}

body#home #row1 #sidebuttons p {
padding-bottom: 12px;
}

body#home #row1 #sidebuttons #alertlogin {
margin: 12px 0px 12px 0px;
width: 154px;
border: 1px solid #315b8a;
background-image : url(http://www.ngfarah.com.au/img/alert_bg.gif);
background-repeat: none;
background-color: #fff;
padding: 10px;
}

body#home #row1 #sidebuttons #subscribe {
margin: 0px;
width: 154px;
border: 1px solid #315b8a;
background-image : url(http://www.ngfarah.com.au/img/news_bg.gif);
background-repeat: none;
background-color: #fff;
padding: 10px;
}


body#home #row2 #mag {
width: 132px;
border: 1px solid #4e2748;
background-color : #fff4ea;
float: left;
margin-top: 30px; 
text-align: center;
padding: 10px;
}

body#home #row2 #mag h1 {
color: #4e2748;
font-size: 1.0em;
padding-bottom: 12px;
}

body#home #row2 #mag img {
border: 1px solid #000;
margin-bottom: 7px;
}

body#home #row2 #mag a:link, 
body#home #row2 #mag a:active,
body#home #row2 #mag a:visited {
font-size: 0.9em;
color: #4e2748;
text-decoration: none;
}

body#home #row2 #mag a:hover {
font-size: 0.9em;
color: #4e2748;
text-decoration: underline;
}

body#home #row2 #pow {
width: 419px;
float: right;
margin-right : 8px;
margin-top: 9px; 
margin-bottom: 10px; 
}

body#home #row2 #pow table#pow td#photo {
padding : 10px;
border-top: 1px solid #4e2748;
border-left: 1px solid #4e2748;
border-bottom: 1px solid #4e2748;
}

body#home #row2 #pow table#pow td#photo img {
border : 1px solid #4e2748;
}

body#home #row2 #pow table#pow td#main {
padding : 10px 10px 10px 5px;
border-top: 1px solid #4e2748;
border-right: 1px solid #4e2748;
border-bottom: 1px solid #4e2748;
}

body#home #row2 #pow table#pow td#main h1 {
color: #4e2748;
font-size: 1.0em;
padding-bottom: 12px;
}

body#home #row2 #pow table#pow td#main p#address {
padding-bottom: 12px;
}

body#home #row2 #pow table#pow td#main p {
font-size: 0.9em;
}

body#home #row2 #pow table#pow td#main a:link, 
body#home #row2 #pow table#pow td#main a:active,
body#home #row2 #pow table#pow td#main a:visited {
color: #4e2748;
text-decoration: none;
}

body#home #row2 #pow table#pow td#main a:hover {
color: #4e2748;
text-decoration: underline;
}

body#home #row2 #news {
width: 148px;
height: 221px;
float: right;
border: 1px solid #4e2748;
padding: 12px;
margin-top: 18px;
}

body#home #row2 #news h1 {
color: #4e2748;
font-size: 1.0em;
padding-bottom: 12px;
}

body#home #row2 #news p {
font-size: 0.9em;
padding-bottom: 12px;
}

body#home #row2 #news a:link, 
body#home #row2 #news a:active,
body#home #row2 #news a:visited {
color: #4e2748;
text-decoration: none;
}

body#home #row2 #news a:hover {
color: #4e2748;
text-decoration: underline;
}

/* =Dynamic
----------------*/

body.dynamic #content {
width: 750px;
border: 1px solid #4e2748;
margin: 12px 0px; 
display: block;
padding: 15px 15px 25px 15px;
font-size : 0.9em;
}

body.dynamic #content a:link, 
body.dynamic #content a:active,
body.dynamic #content a:visited {
color: #4e2748;
text-decoration: underline;
}

body.dynamic #content a:hover {
color: #4e2748;
text-decoration: none;
}

body.dynamic #content p {
padding : 0px 0px 12px 0px;
}

body.dynamic #content h1 {
color: #4e2748;
padding: 0px 0 12px 0px;
font-size: 1.2em;
}

body.dynamic #content #bodyimg1 {
float : right;
margin : 8px 12px 12px 12px;
border : 1px solid #000;
}

body.dynamic #content #dyn-img1 {
float : right;
margin : 8px 12px 12px 12px;
}

body.dynamic #content img#magcover {
border: 1px solid #000;
margin-left: 15px;
}

/* Offices
---------------*/

body.offices #content {
height: 2490px;
}

body.offices #textcontent {
float: left;
width: 475px;
}

body.offices #pics {
float: right;
width: 250px;
text-align: center;
}

body.offices #pics img#ngkingsford {
margin-top: 55px;
margin-bottom: 165px;
}
body.offices #pics img#ngmaroubra {
margin-bottom: 195px;
}
body.offices #pics img#ngcoogee {
margin-bottom: 525px;
}
body.offices #pics img#ngrandwick {
margin-bottom: 360px;
}
body.offices #pics img#ngproject {
margin-bottom: 100px;
}



/* Contact Us
---------------*/

body.contact #addressdetails table {
margin-bottom: 20px;
}

body.contact #content dl {
margin-bottom: 15px;
}

body.contact #content h2 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 15px;
}

/* Calculator
----------------*/
body.calcs #mortgage-calculator {
padding : 5px 12px 20px 12px;
}

body.calcs form label {
display: block;
float: left;
width: 150px;
}

body.calcs form fieldset {
border: 1px solid #0F0F56;
}

body.calcs form fieldset legend {
color: #0F0F56;
font-weight : bold;
margin-bottom : 5px;
margin-left : 10px;
}

body.calcs form em span,
body.calcs form .required {
color: #B90000;
font-weight: bold;
}

body.calcs form fieldset {
margin-bottom: 5px;
padding: 0px;
}

body.calcs form input,
body.calcs form textarea,
body.calcs form select {
width: 150px;
padding : 0px;
margin : 0px;
}

body.calcs form p {
clear: both;
}

body.calcs form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

body.calcs form fieldset#submit input {
background-color: #EC1A3B;
color : #fff;
height : 20px;
width: auto;
padding: 0 10px;
font-weight : bold;
font-size : 1em;
cursor: pointer;
}

body.calcs #content p {
padding : 0px 0px 10px 12px;
font-size : 1em;
}

body.calcs #content p#note {
padding : 10px 0px 10px 0px;
}

/* News
----------------*/
body.news h2 {
font-size: 1.1em;
}

body.news #newsarchive {
border-top: 1px dashed #4e2748;
padding-top: 12px;
}

/* OFI List
-----------*/

body.ofi #title {
display : block;
height: 32px;
}

body.ofi #title #heading {
float: left;
width: 300px;
display : block;
}

body.ofi #title #printbutton {
float: right;
width: 100px;
display: block;
text-align: right;
}

body.ofi #title #printbutton a.button {
background-color: #315b8a;
color: #fff;
text-align: center;
padding: 2px 4px 3px 4px;
font-size: 0.9em;
display : block;
text-decoration: none;
}

body.ofi table#ofi_list {
font-size: 0.9em;
width: 100%;
}

body.ofi table#ofi_list a:link,
body.ofi table#ofi_list a:visited,
body.ofi table#ofi_list a:active {
color: #4e2748;
text-decoration: underline;
}

body.ofi table#ofi_list a:hover {
color: #4e2748;
text-decoration: none;
}

body.ofi table#ofi_list {
font-size: 1.0em;
}

body.ofi .date td {
color : #4e2748;
padding : 4px 0 4px 5px;
border: 1px solid #4e2748;
}

body.ofi .items td {
padding : 4px 0;
}

body.ofi .stripe {
background-color : #fff4ea;
}

body.ofi #ofi_list td.address {
padding-left: 5px;
}

body.ofi #ofi_list td.icons {
padding-right: 5px;
width : 200px;
}

body.ofi #bedbathcar {
margin-bottom: 2px;
font-weight: bold;
}

body.ofi #bedbathcar span {
margin-right: 10px;
}

body.ofi #bedbathcar span#iconlast {
margin-right: 4px;
vertical-align: middle;
}

body.ofi #bedbathcar img {
margin-right: 10px;
vertical-align: middle;
}

body.ofi #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 150px;
}

body.ofi #ofi_list td.link {
padding-right: 5px;
width : 150px;
text-align : right;
}

/* OFI Print List
-----------*/

html.ofiprint,
body.ofiprint {
background-image: none;
background-color: #fff;
}

body.ofiprint #container {
margin : 0px auto 0 auto; /*center the wrapper*/
width : 580px;
padding: 0px;
color : #000;
}

body.ofiprint #content {
font-size: 0.9em;
width: 580px;
}

body.ofiprint #ofi_list td.address {
width: 215px;
}

body.ofiprint #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 135px;
}

/* =search xsl
----------------*/

body#xsl_search #content {
padding : 0px;
}

body#xsl_search h1 {
font-size : 1.1em;
padding : 15px 0px 15px 0px;
color : #0F0F56;
}

body#xsl_search #content a:link,
body#xsl_search #content a:visited {
color : #EC1A3B;
text-decoration : none;
}

body#xsl_search #content a:hover {
text-decoration : underline;
}

body#xsl_search #content p {
margin : 0 0px 15px 0px;
}

body#xsl_search #content #filter {
width : 760px;
margin-bottom : 7px;
background-color : #fff4ea;
border : 1px solid #4e2748;
}

body#xsl_search #filter {
height: 40px;
padding: 10px;
margin-bottom: 5px;
}

body#xsl_search #filter label {
float: none;
display: block;
width: auto;
font-size: 0.9em;
font-weight: bold;
padding-bottom: 8px;
}

body#xsl_search #filter select {
width: 90px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#qs_suburb {
width: 120px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#areafrom,
body#xsl_search #filter select#areato {
width: 70px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter select#qs_min-price,
body#xsl_search #filter select#qs_max-price {
width: 80px;
display: block;
font-size: 0.9em;
}

body#xsl_search #filter p {
clear: none;
float: left;
margin-right: 24px;
}

body#xsl_search #filter input {
width: auto;
padding: 1px 10px 3px 10px;
margin-top: 21px;
cursor: pointer;
font-size: 0.9em;
background-color: #4e2748;
border: none;
color: #fff;
}

body#xsl_search #filter label {
color: #000;
}

body#xsl_search #content a:link,
body#xsl_search #content a:active,
body#xsl_search #content a:visited {
color: #4e2748;
text-decoration: underline;
}

body#xsl_search #content a:hover {
color: #4e2748;
text-decoration: none;
}

body#xsl_search #content p.order {
margin-top : 15px;
margin-bottom : 15px;
font-size: 0.9em;
}

body#xsl_search #content .item {
background-color : #fff;
padding : 0;
width : 100%;
height : 180px;
margin-bottom: 8px;
border: 1px solid #4e2748;
}

body#xsl_search #content .item:hover {
background-color : #fff4ea;
}

body#xsl_search .item .photo {
width : 240px;
float: left;
display: block;
}

body#xsl_search .item .main {
float: right;
width: 510px;
padding : 10px 15px;
font-size: 0.9em;
display: block;
}

body#xsl_search td.mainheading,
body#xsl_search td.icons {
padding-bottom: 3px;;
}

body#xsl_search td.details {
padding-right: 8px;
border-right: 1px solid #4e2748;
}

body#xsl_search td.description {
padding-left: 10px;
}

body#xsl_search .mainheading h2 {
color: #4e2748;
font-size: 1.1em;
padding-top: 2px;
}

body#xsl_search td.icons img {
margin : 0px 5px 8px 5px;
}

body#xsl_search td.icons {
font-size: 1.1em;
color: #4e2748;
font-weight: bold;
}

body#xsl_search #content .pagebar {
font-size: 0.9em;
margin : 10px 0px 20px 0px;
}

/* Property detail
-------------------*/

body.detail #content {
padding : 0px;
}

body.detail a:link, 
body.detail a:active,
body.detail a:visited {
color: #4e2748;
text-decoration: none;
}

body.detail a:hover {
color: #4e2748;
text-decoration: underline;
}

body.detail #titlebar {
width : 780px;
height : 25px;
margin : 15px 0px 5px 0px;
display : block;
overflow: hidden;
}

body.detail #titlebar #title {
float : left;
width : 550px;
font-size : 1.0em;
}

body.detail #titlebar #title h1 {
font-size : 1.1em;
color: #4e2748;
}

body.detail #titlebar #icons {
float : right;
font-size : 1.1em;
padding : 0px 0 4px 0px;
font-weight: bold;
vertical-align : middle;
text-align: right;
width : 230px;
}

body.detail #bedbathcar {
margin-bottom: 10px;
font-weight: bold;
}

body.detail #bedbathcar span {
margin-right: 10px;
}

body.detail #bedbathcar span#iconlast {
margin-right: 4px;
vertical-align: middle;
}

body.detail #bedbathcar img {
margin-right: 10px;
vertical-align: middle;
}

body.detail #left {
width: 460px;
float: left;
font-size: 0.9em;
}

body.detail img#mainimage {
width: 460px;
border: 0px;
}

body.detail #right {
width: 300px;
float: right;
}

body.detail #content p {
margin-left : 0px;
}

body.detail #content h3 {
font-size: 1.2em;
margin: 12px 0px 12px 0px;
}

body.detail #content ul {

list-style-type: none;
list-style-position: none;
}

body.detail #content ul#outgoingslist,
body.detail #content ul#features {
list-style-position: none;
}

body.detail #content ul#toolslist {
padding-left : 12px;
}

body.detail #addressbar {
height: 25px;
display : block;
}

body.detail #addressbar #address {
float : left;
}

body.detail #addressbar #icons {
vertical-align: top;
float : right;
}

body.detail #addressbar #address h1 {
font-size : 1.3em;
padding : 0px 0 4px 0px;
color : #0F0F56;
padding: 0px;
}

body.detail #content h2 {
font-size: 1.1em;
border-top: 1px solid #4e2748;
border-bottom: 1px solid #4e2748;
color : #4e2748;
background-color: #fff4ea;
padding: 3px 0;
margin: 12px 0px 12px 0px;
} 

body.detail dl#agentdetails {
margin-bottom: 10px;
}

body.detail #content h2#mainheading {
font-size: 1.2em;
border: none;
padding-bottom: 0;
padding-top: 0px; 
margin-top: 0px; 
}

body.detail #tools {
width: 150px;
background-color: #fff4ea;
border: 1px solid #4e2748;
float: right;
margin: 0px 0px 10px 10px;
padding: 5px;
overflow: hidden;
display: block;
}

body.detail #content ul {
list-style-position: outside;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail dl dt {
font-weight: bold;
}

body.detail #developmenttbl {
margin-bottom: 12px;
}

body.detail #right p {
font-size: 0.9em;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}

body.detail img#staffphoto {
border: 1px solid #000;
margin-bottom: 10px;
}

/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #container {
width: 625px !important;
background-image: none;
background-color: #fff;
height: 100%;
margin: 0 auto;
}

body.detail #content {
padding : 0px;
}

body.brochure a:link, 
body.brochure a:active,
body.brochure a:visited {
color: #4e2748;
text-decoration: none;
}

body.brochure a:hover {
color: #4e2748;
text-decoration: underline;
}

body.brochure #titlebar {
width : 625px;
height : 25px;
margin : 15px 0px 5px 0px;
display : block;
overflow: hidden;
}

body.brochure #titlebar #title {
float : left;
width : 350px;
font-size : 1.0em;
}

body.brochure #titlebar #title h1 {
font-size : 1.1em;
color: #4e2748;
}

body.brochure #titlebar #icons {
float : right;
font-size : 1.1em;
padding : 0px 0 4px 0px;
font-weight: bold;
vertical-align : middle;
text-align: right;
width : 220px;
}

body.brochure #bedbathcar {
margin-bottom: 10px;
font-weight: bold;
}

body.brochure #bedbathcar span {
margin-right: 10px;
}

body.brochure #bedbathcar span#iconlast {
margin-right: 4px;
vertical-align: middle;
}

body.brochure #bedbathcar img {
margin-right: 10px;
vertical-align: middle;
}

body.brochure #left {
width: 350px;
float: left;
font-size: 0.9em;
}

body.brochure img#mainimage {
width: 350px;
border: 0px;
}

body.brochure #right {
width: 250px;
float: right;
}

body.brochure #content p {
margin-left : 0px;
}

body.brochure #content h3 {
font-size: 1.2em;
margin: 12px 0px 12px 0px;
}

body.brochure #content ul {

list-style-type: none;
list-style-position: none;
}

body.brochure #content ul#outgoingslist,
body.brochure #content ul#features {
list-style-position: none;
}

body.brochure #content ul#toolslist {
padding-left : 12px;
}

body.brochure #addressbar {
height: 25px;
display : block;
}

body.brochure #addressbar #address {
float : left;
}

body.brochure #addressbar #icons {
vertical-align: top;
float : right;
}

body.brochure #addressbar #address h1 {
font-size : 1.3em;
padding : 0px 0 4px 0px;
color : #0F0F56;
padding: 0px;
}

body.brochure #content h2 {
font-size: 1.1em;
border-top: 1px solid #4e2748;
border-bottom: 1px solid #4e2748;
color : #4e2748;
background-color: #fff4ea;
padding: 3px 0;
margin: 12px 0px 12px 0px;
} 

body.brochure dl#agentdetails {
margin-bottom: 10px;
}

body.brochure #content h2#mainheading {
font-size: 1.2em;
border: none;
padding-bottom: 0;
padding-top: 0px; 
margin-top: 0px; 
}

body.brochure #content ul {
list-style-position: outside;
}

body.brochure #content ul#outgoingslist {
list-style-type: square;
}

body.brochure dl dt {
font-weight: bold;
}

body.brochure #developmenttbl {
margin-bottom: 12px;
}

body.brochure #right p {
font-size: 0.9em;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}

body.brochure img#staffphoto {
border: 1px solid #000;
margin-bottom: 10px;
}

/* Printlist
-------------*/
body#printlist #container {
margin : 0px auto 0 auto; /*center the wrapper*/
width : 625px;
background-color : #fff;
color : #000;
font-size : 0.9em;
}

body#printlist #header {
background-image : none;
background-color : #0F0F56;
background-position : left top;
height : 60px;
}

body#printlist #header #logo {
width: 625px;
height : 60px;
display : block;
padding : 0px;
margin : 0px;
border : 0px;
}

body#printlist #content {
width : 625px;
}

body#printlist h1 {
font-size : 1.2em;
padding : 10px 0px 10px 7px;
color : #0F0F56;
}

body#printlist #content table.item {
padding : 0;
width : 100%;
height : 0px;
border-bottom: 5px solid #fff;
}

body#printlist #content table.item td.photo {
width : 150px;
border-top : 1px solid #09357A;
border-bottom: 1px solid #09357A;
border-left : 1px solid #09357A;
}

body#printlist #content table.item td.photo img {
display: block;
}

body#printlist #content table.item td.main {
padding : 5px;
border-top : 1px solid #09357A;
border-right : 1px solid #09357A;
border-bottom: 1px solid #09357A;
}

body#printlist #content table.item td.main table.content {
width : 100%;
height : 0px;
padding : 7px 7px 3px 7px;
}

body#printlist #content table.item td.main table.content table td h1 {
border : none;
margin : 0;
padding : 0;
vertical-align : top;
}

body#printlist #content table.item td.main table.content td.icon {
height : 25px;
width : 125px;
font-weight : bold;
}

body#printlist #content table.item td.main table.content td.icon img {
margin : 0 5px 0 5px;
}

body#printlist #content table.item td.main table.content td.address {
width : 100%;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
}

body.slideshow img#slide {
display: block;
margin: 20px auto 0px auto;
border: 1px solid #000;
margin-top : 10px;
}

body.slideshow input {
width: auto;
}

body.slideshow {
background-image: none;
background-color: #fff;
}

html#slideshowhtml {
background-color: #fff;
background-image: none;
}

body.slideshow h1 {
font-size: 1.1em;
color: #4e2748;
padding-bottom: 15px;
}

body.slideshow img#logo {
margin: 20px 0px;
}

body.slideshow input {
background-color: #315b8a;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
font-size: 1.0em;
border: 0px;
margin-right: 2px;
font-weight: bold;
color: #fff;
xcolor: #315b8a;
padding: 2px;
}

/* Email a friend
------------------*/

html#emailafriend {
background-color : #fff;
background-image: none;
}

body.emailfriend {
background-color : #fff;
background-image: none;
}

html#emailafriend #content {
float: none;
padding: 15px;
background-color : #fff;
}

body.emailfriend #header {
margin-bottom: 0px;
padding-bottom: 0px;
height : 0px;
padding: 15px;
}

html#emailafriend #content h1 {
color: #4e2748;
font-size: 1.1em;
margin-bottom: 15px;
}

html#emailafriend #content h1 {
padding: 0px 0px 5px 0px;
}

html#emailafriend #content p {
font-size : 0.9em;
padding-bottom : 12px;
}

html#emailafriend form fieldset {
border: 0px solid #ddd;
}

html#emailafriend form label {
display: block;
float: left;
width: 170px;
padding-left: 0px;
}

html#emailafriend form fieldset#submit input {
width: auto;
padding: 0 0px;
cursor: pointer;
font-size: 0.9em;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
}

html#emailafriend form input,
html#emailafriend form textarea,
html#emailafriend form select {
width: 300px;
}

html#emailafriend form em span,
html#emailafriend form .required {
color: #B90000;
font-weight: bold;
}

html#emailafriend form {
padding-top: 10px;
}

html#emailafriend form fieldset {
padding: 0px;
}

/* Staff
-------------------*/

body.staff #content a:link,
body.staff #content a:visited,
body.staff #content a:active {
color : #4e2748;
text-decoration : underline;
}

body.staff #content a:hover {
color : #4e2748;
text-decoration : none;
}

body.staff #content table#layout {
}

body.staff #content table#layout table {
width : 100%;
}

body.staff #content table#layout table td#photo {
width : 110px;
padding : 0px 10px 10px 0px;
}

body.staff #content table#layout table td#photo img#photo {
border : 1px solid #000;
}

body.staff #content img#photo {
border : 1px solid #000;
margin-bottom: 12px;
}

body.staff #content table#layout table td#main {
width : 270px;
padding-right : 10px;
}

body.staff #content #layout #profilephoto img {
width : 200px;
}

body.staff #content #layout #profilephoto {
float: left;
width: 215px;
display: block;
height: 100%;
}

body.staff #content #layout #profile {
float: right;
width: 520px;
padding-right : 10px;
display: block;
}

body.staff #content #layout #profile #viewbox {
border: 1px solid black;
width: 220px;
padding: 0 0 0 10px;
margin-bottom: 20px;
margin-top: 10px;
}

body.staff #content #layout #profile #viewbox p {
padding: 5px 0 5px 0;
}

body.staff #content #layout #profile #viewbox img {
margin-bottom: -5px;
}

body.staff #content #layout #profile #viewbox a {
text-decoration: none;
}

/* Property Alert
-----------------------*/

body.alert #content {
overflow: hidden;
}

body.alert #content  li {
list-style-type: none;
}

body.alert #content .submit .button {
color : #ffffff;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
background-color : #315b8a;
width : 150px;
padding-bottom : 3px;
height: 21px;
font-size : 10px;
font-weight : bold;
text-align : center;
border: 0px;
}

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #E7E6E6;
list-style-type: none;
margin: 0px;
padding: 0 !important;
margin: 15px 0px 15px 0px;
}

body.alert #content #alertmenu li {
float: left;
border-right : 1px solid #fff;
}
 
body.alert #content #alertmenu a {
padding: 5px 20px;
display: block;
}

body.alert #content #alertmenu .last {
border: none;
}

body.alert #content #alertmenu a:link,
body.alert #content #alertmenu a:visited {
text-decoration: none;
}

body.alert #content #alertmenu a:hover {
text-decoration: underline;
}

body.alert #content form label {
display: block;
float: left;
width: 180px;
}

body.alert #content form textarea {
width: 250px;
}

body.alert #content form select {
width: 254px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
}

body.alert #content form li span {
float: right;
width: 230px;
font-size: 0.9em;
color: #999;
}

body.alert #content form fieldset {
display: block;
}

body.alert #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}


body.alert #content #alert-text {
float: left;
margin-left: 20px;
width: 420px;
border: none;
}


body.alert #content #loginbox {
float: right;
margin-left: 20px;
width: 254px;
}

body.alert #content #loginbox li {
list-style-type: none;
}


body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
background-image: url(/img/alert_register_bg_blank.gif);
background-repeat: no-repeat;
}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 140px;
}

body.alert #content #loginbox label {
width: 70px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 252px !important;
display: block;
background-image: none;
}

body.alert #content #loginbox fieldset.submit .button {
color : #ffffff;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
background-color : #315b8a;
width : 60px;
padding-bottom : 3px;
height: 21px;
font-size : 10px;
font-weight : bold;
text-align : center;
border: 0px;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #DDDDDD;
float: right;
text-align: center;
clear: right;
margin-left: 20px;
margin-bottom: 15px;
background-image: url(/img/alert_register_bg.gif)
}

body.alert #content #registerbox a {
display: block;
padding: 50px;
width: 150px;
}

body.alert #content #registerbox a:link,
body.alert #content #registerbox a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

body.alert #content #registerbox a:hover {
text-decoration: underline;
}



body.alert #content #alertRegister li {
list-style-type: none;
}

body.alert #content #alertRegister input {
width: 292px;
}

body.alert #content #alertRegister select {
width: 295px;
}

body.alert #content #alertRegister .submit .button {
color : #ffffff;
font-family : 'Verdana', 'Arial', 'Helvetica', sans-serif;
background-color : #315b8a;
width : 80px;
padding-bottom : 3px;
height: 21px;
font-size : 10px;
font-weight : bold;
text-align : center;
border: 0px;
}

/* Community Support Page */

body.dynamic#comSupport{
border:1px solid magenta;
}

body.dynamic #comSupport #com #comImages img#dyn-img1 {
float:left;
width:350px;
margin : 8px 12px 12px 12px;
}
body.dynamic #comSupport #com #comText1{
width:350px;
margin : 8px 12px 12px 12px;
float:left;
}
body.dynamic #comSupport #com #comImages img#dyn-img2 {
width:350px;
margin : 8px 12px 12px 12px;
}

body.dynamic #comSupport #com #comText2{
width:350px;
margin : 8px 12px 12px 12px;
float:left;
}






