/* Write About Property CSS for articles and blog */

/* A 2 column blog effect, center to the screen and with a 100% header*/

body {
width:800px;
text-align:center;
margin:10px auto 0 auto;
font-family:Tahoma,arial,helvetica,sans-serif;
font-size:13px;
line-height:110%;
}

a {
color:#0000ff;
text-decoration:none;
margin:0;
padding:0
}

a:hover {
text-decoration:underline
}

a img {
border:0
}

h3, h4, h5, h6 {
font-size:16px
}
.left {
text-align:left;
}

.courtesy {
font-size:0.5em;
width:500px;
text-align:right
}

.adverts {
float:right;
margin:0;
padding:0 0 5px 5px;
width:300px;
text-align:right;
}


#main .byline {
float:left;
text-align:right;
font-size:11px;
width:220px;
}


#main .colLeft .banner form {
width:500px;
margin:auto;
text-align:center;
margin-bottom:-20px;
height:60px;
border:0;
padding-top:10px;
color:#B11613;
font-weight:bold;
background:url("../images/subscribebannerbg.gif") no-repeat;
margin-bottom:10px
}

#main .colLeft .banner legend {
text-align:center;
color:#B11613;
font-weight:bold;
margin-left:65px;
margin-top:-5px
}

#main .colLeft .banner p {
float:left;
text-align:left;
margin:3px
}

#main .colLeft .banner label {
width:152px;
text-align:right;
margin-right:5px;
margin-left:18px;
}

#main .colLeft .banner input {
padding:0;
margin:0;
}

#header h1 {
clear:both;
text-align:center;
margin:0;
padding:0;
font-size:18px;
padding:4px;
position:relative;top:-10px
}

#main h2, #main .colLeft h1, #main h2 a {
width:530px;
text-align:center;
font-size:16px;
color:#000000;
margin-bottom:40px;
padding:4px
}

#main a.readmore {
color:#000000
}

#main h2 a:hover, #main a.readmore:hover {
color:#00FF33;
text-decoration:none
}

#main h1 {
font-size:16px;
margin-bottom:10px;
}

#main .colLeft h2.artnavprev a {
text-align:left;
font-size:13px;
color:#999999
}

#main .colLeft h2.artnavprev a:hover {
color:#00ff33;
}

#main .colLeft h2.artnavnext a {
text-align:right;
font-size:13px;
color:#999999
}

#main .colLeft h2.artnavnext a:hover {
color:#00ff33;
}

p.bringup, .bringup {margin-top:0px}

.errors {
font-weight:bold;
color:#B11613
}

.sub {
postion:relative;
top:30px;
margin-left:10px;
border:0;
}

.sub:hover {
border:2px #0000ff solid
}

.meta {
width:530px;
text-align:right;
font-size:10px;
font-weight:bold;
color:#B11613;
width:530px;
background:255 114 14
}

.center {
text-align:center
}

.noborder {
border:0px;
}

h3 {
font-weight:normal
}

.left {
float:left
}

.right {
float:right
}

.clear {
clear:both
}

.preview, #main .colRight ul {
list-style:none;
font-size:12px;
margin:0px;
margin-bottom:2px;
padding:0px;
padding-left:12px;
background:url("../images/liner.png") no-repeat center left
}

#main .colRight ul {
background:#ffffff;
margin-left:-12px
}

/* Solid 100% Header */
#header {
width:800px;
text-align:center;
margin:0 auto;
}

/* For any image to float with content wrapped under */
.imgLeft {
float:left;
padding:0 20px 10px 0
}

.imgRight {
float:right;
overflow:auto;
padding:0 0 10px 20px;
}

#header .imgLeft, #header .imgRight {
padding:0 0 0 0;
margin:0 0 10px 0;
}

#main {
clear:both;
width:800px;
text-align:center;
margin:0 auto
}

#main .slideshow {
width:520px;
float:left;
}

#main .mainpoints {
margin:0px;
float:left;
width:260px;
margin-left:20px;
text-align:left;
font-size:15px
}

#main .mainpoints li {
padding:0px 0 10px 0;
text-align:left;
margin-left:-20px
}

#main .mainpoints a {
font-size:13px;
width:150px;
}

#main .mainpoints h4 {
font-size:17px;
width:270px;
text-align:center
}


#main .previewbox {
float:left;
width:175px;
height:355px;
background:url("../images/propbg2.png") no-repeat top center;
padding:5px;
margin:0px 10px 10px 0px;
font-size:10px;
text-align:left
}

#main .previewbox .heading {
font-size:14px;
color:#990066;
font-weight:bold;
margin:0px 0 -20px 0
}

#main .previewbox img {
padding:18px 5px 0px 5px
}

#main .previewbox p {
padding:0px 5px 5px 5px;margin-top:0px;
text-align:left;
}

h2.latest_props {
clear:both;text-align:left;float:left;font-size:11px;padding:5px;margin-bottom:10px;width:175px
}

#main .colLeft {
float:left;
width:510px;
margin:0 20px 20px 20px;
text-align:justify;
line-height:150%
}

#main .colLeft label {
float:left;
width:150px;
text-align:left;
margin-right:5px;
margin-top:2px
}

.colLeft a img.sub {
float:none;
padding:0px 0 0 10px;
margin:0px;
position:relative;top:3px;
border:0px;
}

#main .colLeft .comment {
border-bottom:1px #000000 solid;
}

#main .colRight {
float:right;
width:250px;
margin:0px;
text-align:left;
}


#main .colRight .header {
width:250px;
text-align:center;
font-size:15px;
font-weight:bold;
border-top:solid 5px #000000;
border-bottom:dotted 1px #b11613;
}

#footer {
clear:both;
width:780px;
height:150px;
margin:0 auto;
text-align:center;
margin-left:20px;
margin-top:20px;
background:url("../images/footer.png");
}

#footer img {
margin-top:5px
}