/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 760px;
}

/* header */
#header {
	height: 50px;
	text-align: left;
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content h1#logo {
	position: absolute;	
	font: bold 40px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px; 
	color: #FFF;
	margin: 0; padding: 0;		
	
	/* change the values of left and top to adjust the position of the logo */
	top: 8px; left: 0px;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}

#header-content #slogan0 {
	position: absolute;
	font: bold 12px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px;
	left: 0;
	width: 350px;
}

#header-content #slogan1 {
	position: absolute;
	font: bold 15px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* change the values of left and top to adjust the position of the slogan */
	top: 19px;
	left: 0;
	width: 480px;
}

/* header menu */
#header-content ul {
	position: absolute;
	right: 0px;
	top: 19px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #F4F2F3;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 10px;
	color: #FFF;
	background-color: #2B5FAA;
	text-decoration: none;
	border-right: 1px solid #003366;
}
#header-content li a:hover {
	background: #FF9934;
	color: #FFF;
}
#header-content li a#current  {
	background: #FF9934;
	color: #FFF;
}

/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 760px;
	height: 73px;
	padding: 10px 10px 10px 10px;
	background: #FFF url(../../site/hdpic.jpg) no-repeat center;
	color: #FFF;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;	
}

#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;
}

/* sidebar */
#sidebar {
	float: right;
	width: 30%;
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
	background: #F5F5F5;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #FF9934;
	color: #F60;
}

/* main */
#main {
	float: left;
	width: 68%;	
	margin: 0 0 10px 0; padding: 0;	
}
#main h1 {
	padding: 10px 0px 0px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
	font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
	list-style-image: url(bullet2.gif);
}



/* main2 [wide pages] */
#main2 {
	float: left;
	width: 760px;	
	margin: 0 10px 10px 0; padding: 0;	
}
#main2 h1 {
	padding: 15px 0px 10px;
	margin: 0 30px 0 30px;
	border-bottom: 1px solid #f2f2f2; 	
	font: normal 1.75em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main2 ul li {
	list-style-image: url(bullet2.gif);
}

#main2 .photo {
padding : 15px 0 5px;
display: block;
margin-left: 27px;
margin-right: auto;}


#main2 .piccaption {
	margin: 5px 5px 5px 30px;
	font-size: 1.1em;
	width: 700px;
}

#main2 .piccaphead {
	margin: 0 5px 5px 30px;
	font-variant: small-caps;
	font-size: 1.4em;
	padding-top: 10px;
}

#main2 ul li {
	list-style-image: none;
}


.post {
	margin: 0; padding: 0;
	background: #FFF url(gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 10px;
	font-size: 95%;
}
.post .post-footer .date {
	background: url('clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url('comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url('page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

#post h3 {
	top: 50px;
	border-top-width: 10px;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;	
}

#footer h1, #footer p {	margin-left: 0; }

#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #777;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 470px;
	padding: 0 5px 30px 0;	
}
#footer-content .col2 {
	width: 230px;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

/* Container that holds the description of the property, bulleted list and the links ==Lori Corbett== */
.prop-desc {
	padding-left: 115px;
	height: 140px;
}

/* Moved styling of "More Info | Enquire" from XHTML page to here ==Lori Corbett== */
.more-info {
	padding-left:120px; /*This aligns links text with Subhead ==Lori Corbett== */
	margin:0 10px;
	padding-top:10px;
	border-bottom:1px solid #E8E8E8;

}

/* Moved styling of "More Info | Enquire" from XHTML page to here ==Lori Corbett== */
.more-info-last {
	padding-left:120px; /*This aligns links text with Subhead ==Lori Corbett== */
	margin:0 10px;
	padding-top:10px;

}

.more-info-links {
	position:relative;
	top:-10px;
}

.news-forms {
	width:218px;
	float:left;
}

td.join-form {
	width:200px;
}

/* For links graphics */
.links_img {
border:none;
float:right;
}

/* For search results pics */
.img_left {
border:none;
float:left;
}

/*Button effect*/
a.action {
padding : 4px 18px;
margin-left: 0;
background-color : rgb(248,145,62)!important; 
font : bold 11px Helvetica, Arial, sans-serif;
color : rgb(240,255,230); 
text-decoration : none;
border-radius : 10px; }

a.action:hover {
background-color : rgb(220,147,56)!important; 
text-decoration : none; }

/* picture */
div.pic_detail {
float : left;
width : 650px; 
height : auto; 
margin : 0 0 0 34px; }



/* Gallery (photogallery) */

ul.gallery2 {
list-style-type : none;
overflow : hidden; }

ul.gallery2 li {
float : left;
width : auto; 
height : 105px; 
margin : 0 5px 5px 0;
border: none;
}

/* Gallery for 100px images */
ol.gallery3 {
list-style-image: none;
list-style-type : none;
overflow : hidden;
margin-left: 0;
width: 490px;
}

ol.gallery3 li {
float : left;
width : 104px; 
height : 165px; 
margin : 0 18px 0 0;
border: none;
list-style-type: none;
list-style-image: none;
}

/* Gallery for 150px images */
ol.gallery4 {
list-style-image: none;
list-style-type : none;
overflow : hidden;
margin-left: 0;
width: 490px;
}

ol.gallery4 li {
float : left;
width : 154px; 
height : 195px; 
margin : 0 9px 0 0;
border: none;
list-style-type: none;
list-style-image: none;
}

/* Gallery wider for 150px images */
ol.gallery4a {
list-style-image: none;
list-style-type : none;
overflow : hidden;
margin-left: 0;
width: 765px;
}

ol.gallery4a li {
float : left;
width : 150px; 
height : 205px; 
margin : 0 41px 0 0;
border: none;
list-style-type: none;
list-style-image: none;
}

/* Gallery for 200px images */
ol.gallery5 {
list-style-image: none;
list-style-type : none;
overflow : hidden;
margin-left: 0;
}

ol.gallery5 li {
float : left;
width : 204px;
margin-right: 40px;
margin-bottom: 10px;
}

ol.gallery5 p {
padding-bottom: 10px;
}


ol.gallery5 li.last {
float : left;
width : 204px;
margin-right: 0;
}


/* outline : 1px solid red; */

/* Gallery (article bigger pics) */

ul.gallery5 {
list-style-type : none;
overflow : hidden; }

ul.gallery5 li {
float : left;
width : 150px; 
height : 150px; 
margin : 0 0px 0px 0; }

/* Gallery (for 100 px high images) */

ol.gallery6 {
list-style-type : none;
overflow : hidden; 
width : 470px}

ol.gallery6 li {
float : left;
width : auto; 
height : 100px; 
margin : 0 10px 10px 0;
border: none;
}

/* Gallery (for 100 px high images) */

ol.gallery7 {
list-style-type : none;
overflow : hidden; }

ol.gallery7 li {
float : left;
width : auto; 
height : 125px; 
margin : 0 10px 5px 0;
border: none;
}


/* Two Column wider layout */

div.col2 {
float : left; 
width : 230px; 
margin-right : 10px;
list-style-type : none;
overflow : hidden;  }

div.last { 
margin-right : 0; }

div.col2 ul, div.col2 ol { 
list-style-type : none; }

ul.col2 li, ol.col2 li {
float : left; 
width : 230px; 
margin : 0 10px 0 0; }

form ul.col2 li, form ol.col2 li {
width : 230px; 
margin : 0 0px 0 0; }


/* Pagination */

.pagination { 
overflow : hidden;
clear : both; 
padding-top : 1px;
margin-right : 38px; 
border-width : 0!important; }

.pagination ul { 
float : right; 
margin : 0 0 .5em 0; }

.pagination li { 
display : inline; 
margin-right : 5px; }

.pagination li a { 
padding : 3px 7px; 
background-color : rgb(255,255,255); 
border : 1px solid #7c95dd; 
font : normal 11px Helvetica, Arial, sans-serif;
text-transform : uppercase;
text-decoration : none; }

a.currentpage { 
background-color : #7f95dd; 
color : rgb(0,0,0); 
border-color : rgb(185,219,149); }

a.disablelink { 
background-color : rgb(255,255,255); 
border-color : rgb(200,200,200); }

/* Sidebar box */

div.box { 
position : relative;
margin-bottom : 1.5em; 
border-bottom : 3px solid rgb(185,219,149); }

div.box.last { 

margin-bottom : 0; 
border-bottom-width : 0;
}

div.box ul { 
list-style-type : none; }

div.box li.last { 
border-bottom-width : 0!important; }

div.box h4 { 
margin-bottom : .85em;
margin-left: 32px; 
font : 14px}

div.box .action { 
position : absolute; 
top : 0;
right : 0; }

/* Photo-detail */

.photo-detail .content-main { 
width : 670px; }

.photo-detail .content-sub { 
width : 230px; }

.photo-detail .photo-meta {
list-style-type : none;
font : normal 10px Helvetica, Arial, sans-serif; }