body
{
	font:		normal 70%/1.6 Arial, Helvetica, sans-serif;
	background-color:	#A8A8A8;
	width:		970px;
	margin: auto;
	
}

.nocss
{
	display: none;
}

body span 
{
		margin-left: 10px;
		color:#FFFFFF;
}

body span a
{
	color:#FFFFFF;
}

div#outer
{	
	width:		970px;
	margin:		0 auto;
	border: 10px solid #FFFFFF;
	background-color:	#dfdfdf;
}



/*
	header
*/
div#header
{
	background-color: #6d9717;
	color: #ffffff;
	height: 103px;
	background-image: url(../img/header.png);
}

/*
	menu
*/
div#menu
{
	border-bottom: 2px solid #a8a8a8;
	height: 40px;
	background-image: url(../img/menu-bg.png);
}

div#menu ul,
div#menu li,
div#menu .CC_List
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: block;
}

div#menu
{
	padding: 0 0 0 10px;
}



div#menu li
{
	float: left;
	color: white;
	/*background-image: url(../img/menu-0.png);*/
	width: 113px;
	height: 40px;
	overflow: hidden;
}

div#menu li a
{
    display: block;
	width: 113px;
	height: 60px;
	margin-top: -20px;
	background-position: 0 20px;
}

div#menu li.Selected a
{
	background-position: 0 -44px;
}

div#menu li a:focus,
div#menu li a:active,
div#menu li a:hover
{
	background-position: 0 -108px;
    background-color: transparent;
}

div#menu li.Selected a:focus,
div#menu li.Selected a:active,
div#menu li.Selected a:hover
{
	background-position: 0 -44px;
    background-color: transparent;
}



div#menu li.home a
{
	background-image: url(../img/menu-home.png);
}
div#menu li.prop a
{
	background-image: url(../img/menu-prop.png);
}
div#menu li.land a
{
	background-image: url(../img/menu-land.png);
}
div#menu li.tent a
{
	background-image: url(../img/menu-tent.png);
}
div#menu li.mend a
{
	background-image: url(../img/menu-mend.png);
}
div#menu li.paym a
{
	background-image: url(../img/menu-paym.png);
}
div#menu li.comm a
{
	background-image: url(../img/menu-comm.png);
}
div#menu li.btol a
{
	background-image: url(../img/menu-btol.png);
}


/*
	content (dark sections)
*/
div#content
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;	
	background-color: #3D5861;	/*#6f888a;*/
	color: #ffffff;
	width: 620px;
}

div#content a
{ 
	color: #ffffff;
}

div#content div.top
{
	overflow: show;
	height: 10px;
	background-image: url(../img/content-back-top.png);	
}

div#content div.mid
{
	padding: 0 10px;
}

div#content div.bot
{
	clear: both;
	overflow: show;
	height: 10px;
	background-image: url(../img/content-back-bot.png);
}


/*
	content (light sections)
*/
div#contentl
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;	
	background-color: #a1bec0;	/*#6f888a;*/
	color: #3d5861;
	width: 620px;
}

div#contentl a
{ 
	color: #3d5861;
	font-weight:bold;
	
}

div#contentl div.top
{
	overflow: show;
	height: 10px;
	background-image: url(../img/content-back-l-top.png);	
}

div#contentl div.mid
{
	padding: 0 10px;
}

div#contentl div.bot
{
	clear: both;
	overflow: show;
	height: 10px;
	background-image: url(../img/content-back-l-bot.png);
}



/*
	sidebar
*/
div#sidebar
{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 320px;
	background-color: #cbcbcb;
	color: #000000;
}

div#sidebar a
{
	color: #000000;
}

div#sidebar div.top
{
	overflow: show;
	height: 127px;
	background-image: url(../img/sidebar-back-top.png);	
}

div#sidebar div.mid
{
	/* padding-top:10px; */

}

div#sidebar div.bot
{
	clear: both;
	overflow: show;
	height: 10px;
	background-image: url(../img/sidebar-back-bot.png);
}

div#sidebar h3
{
	margin-top:	0;
	background-color:	#ffffff;
	font-size:			1.5em;
	line-height: 29px;
	padding-left: 10px;
	margin-bottom:	10px;
	padding-top:10px;
}

/*
	FOOT
*/
div#footer
{
	clear: both;
	border-top: 10px solid #dfdfdf;
	background-color: #6d9717;
	color: #ffffff;
	padding: 3px;
}

div#footer span
{
	float: right;
}

div#footer a
{
	color: #ffffff;
}


/*
	handy
*/

.right
{
	float: right;
}

.left
{
	float: left;
}


div.Clear
{
	/*width: 0;
	height: 0;
	overflow: show;
	padding: 0;*/
	clear: both;
}


/*
	Basic Heading and Paragraph Text
*/
h1
{
	font-size:			2em;
	margin:				0.67em 0;

}

h2
{
	font-size:			1.8em;
	margin:				0 0 0.67em 0;
}

h3
{
	font-size:			1.5em;
	margin:				0.91em 0em 0em 0em;
	color: #3d5861;
}

h4
{
	font-size:			1.5em;
	margin:				0em 0em 0em 0em;
}

h5
{
	font-size:			1.2em;
	margin:				0em 0em 0em 0em;
	font-weight: bold;
}

p
{
	font-size:			1.1em;
	line-height:		1.25em;
	margin:				0em 0em 1em 0em;
}

strong
{
	font-weight:bolder;
}

li,
ul.green li
{
	list-style-type: square;
	color: #6d9717;
	font-size:12px;
	line-height:25px;
}

ul.blue li
{
	list-style-type: square;
	color: #3D6CA6;
	font-size:12px;
	line-height:25px;
}

li,
ul li     /* Plain white version for Property Details bullets using Admin Editor*/
{
	list-style-type: square;
	color: #ffffff;
	font-size:12px;
	line-height:25px;
}

ul.news li
{
	list-style-type: square;
	color: #3d5861;
	font-size:12px;
	line-height:16px;
}


/*
	Basic Link styling and accessibility
*/
a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:focus
{
	color:				#fff !important;
	background-color: 	#39f;
}

input:focus
{
	color:				#36f;
}

a img
{
	border: none;
}


p.center
{
	text-align: center;
}

p.status
{
	text-align: center;
	color: #900;
	font-weight: bold;
}




table.logintable
{
	border:		none;
	margin: 0 auto;
	border-collapse: collapse;
}

table.logintable th,
table.logintable td
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
}



table.form
{
	/*border:		1px solid #CCC;*/
	margin: 0 auto;
	border-collapse: collapse;
}

table.form th,
table.form td
{
	/*border:		1px solid #CCC;*/
	text-align: left;
	vertical-align: top;
	padding: 5px;
}





table.border
{
	border:		1px solid #CCC;
	/*margin: 0 auto;*/
	border-collapse: collapse;
}

table.border th,
table.border td
{
	border:		1px solid #CCC;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}


/*
	Contact Information fragment that sits below content on some pages
*/
div#ContactInfo
{
	background-color:	#ffffff;
	color: #3D6CA6;
	background-image:	url(../img/ContactInfoBot.png);
	background-position:	bottom;
	background-repeat: no-repeat;
	padding-bottom:	10px;
	position: relative;
}

div#ContactInfo h2
{
	margin: 10px 0 5px 10px;
	padding-top:4px;
	color: #5f5f5f;
}

div#ContactInfo a
{
	color: #6d9717;
}

div#ContactInfo div
{
	background-color: #dfdfdf;
	padding: 0 10px;
	width: 400px;
	line-height: 1.5em;
}

div#ContactInfo div img
{
	float: right;
}

a#ContactInfoHouse
{
	position: absolute;
	left: 430px;
	top: 5px;
}

/*
	Regular Page Items, used for pages like Landlords and Tenants with less padding than News (allows for future changes too)
*/
div.RegularItem
{
	clear: both;
	padding: 0px 0px ;
	border-top: 1px solid #FFFFFF;
	
}


/*
	News Page Items, can be used for general pages where you want a line between text sections too
*/
div.NewsItem
{
	clear: both;
	padding: 10px 0 ;
	border-top: 1px solid #FFFFFF;
}



/*

	Property Of The Week


*/
div.PropertyOfTheWeek
{
	position: relative;
	clear: both;
	height: 240px;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}

/* thumbnail */

div.PropertyOfTheWeek span
{	
	float: right;
	margin-left: 10px;
}

div.PropertyOfTheWeek p
{
	height: 110px;
	width: 250px;
	overflow: hidden;
}

/* Click for more link */
div.PropertyOfTheWeek a.PropertyLink
{
	position: absolute;
	top: 225px;
	left: 120px;
}

/*

	Property Search Results


*/
div.PropertySummary
{
	position: relative;
	clear: both;
	height: 170px;
	padding: 10px 0 ;
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
}

/* thumbnail */

div.PropertySummary span
{	
	float: right;
	margin-left: 10px;
}

div.PropertySummary p
{
	height: 60px;
	overflow: hidden;
}

/* Click for more link */
div.PropertySummary a.PropertyLink
{
	position: absolute;
	top: 145px;
	left: 460px;
}


/*

	Property Details Gallery
	
	Main Image = 320 x 240
	Thumbnails = 100 X  75
	
	all images have 10px margin all around

*/

div#Gallery
{
	/*border: 2px solid #666;*/
	width:	340px;
	padding: 0 0 10px 0px;
		
	float: right;
	margin-left: 10px;
}


div#Gallery img#imgTarget
{
	vertical-align: bottom;
	margin: 10px 10px 0 10px;
	padding: 0;
}

div#Gallery div#Thumbs
{
	padding: 2px 0 0 2px;
}

div#Gallery input.CC_Image
{
	display: inline;
	float: left;
	border: none;
	margin: 6px 0 0 6px;
	padding: 2px;
	/*border: 1px solid white;*/
}

div#Gallery input.Selected
{
	padding: 1px;
	border: 1px solid #FFFFFF;
}

/* Welcome Area on Home Page */

div#Welcome
{
	color: #000000;
	background-image:	url(../img/welcome-bg.png);
	background-repeat: no-repeat;

	position: relative;
	margin-top: -16px;
	margin-bottom:-10px;
	margin-left:  -10px;
	margin-right: -10px;

}

div#Welcome h2
{
	margin: 10px 0 5px 10px;
	padding-top:30px;
	color: #5f5f5f;
	_padding-top:20px;
}

div#Welcome a
{
	color: #000000;
}

div#Welcome div
{
	padding: 0 10px;
	width: 430px;
	line-height: 1.5em;
}

div#Welcome div img
{
	float: right;
}

a#WelcomeSplash
{
	position: absolute;
	left: 430px;
}


div#Pagination
{
	text-align: center;
	font-size:16px;
	font-weight:bold
}



a.CC_Image,
a.CC_Image:hover,
a.CC_Image:focus,
a.CC_Image:active,
a.CC_ImageButton,
a.CC_ImageButton:hover,
a.CC_ImageButton:focus,
a.CC_ImageButton:active
{
	background-color: transparent;
}