/*----------------------------------------
Name: Lark Hill Village CSS
Developed by: SMD
Date Created: SMD
Last Updated: 25/07/08
----------------------------------------*/

/*Mass Reset*/

/*span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}*/
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* Standard Definitions----------------------------------------*/

.floatleft 	{float:left;}
.floatright {float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1.4em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #303030;
	background: #FFF url(../_images/bg-main.jpg) repeat-x;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}

#mainwrapper {
	text-align: left;
	width: 868px;
	padding: 0px;
	margin: 0px auto;
	}
	
#header {
	margin: 0px;
	padding: 0px;
	height: 121px;
	width: 868px;
	background: url(../_images/bg-header.png) no-repeat;
	position: relative;
}

	#header #logo {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 180px;
	left: 39px;
	top: 17px;
}
	
	#header #seclogos {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 400px;
	right: 39px;
	top: 26px;
	}
	
#contentwrapper {
	background: url(../_images/bg-contentwrapper.png) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 868px;
}

#navigation {
	width: 790px;
	height: 213px;
	margin: 0px auto;
	padding: 0px 0px 25px;
	z-index: 3;
}

	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/basic_dd.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the assocaited (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	.menu {	
	width: 790px;
	height: 45px;
	margin: 0px auto;
	padding: 0px;}
	
	/* remove the bullets, padding and margins from the lists */
	.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	/* make the top level links horizontal and position relative so that we can position the sub level */
	.menu li{
	float:left;
	position:relative;
	z-index:100;
	}
	
	/* use the table to position the dropdown list */
	.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:45px;
	}
	
	/* style all the links */
	.menu a {
	display:block;
	font-size:16px;
	width:157px;
	height: 45px;
	line-height: 45px;
	padding:0px;
	color:#000;
	background:url(../_images/menu-bg-tab.jpg) no-repeat;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	font-weight: bold;
	cursor:default;
	}
	
	/* style the links hover */
	.menu :hover{
	color:#444;
	}
	
	/* hide the sub level links */
	.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:156px;
	height:0;
	}
	
	.menu ul li ul li a {
	background: #b9e386;
	cursor:pointer;
	border-bottom: 1px solid #FFFFFF;
}
	.menu ul li ul li.first a {background: #b9e386; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; cursor:pointer;}
	.menu ul li ul li a:hover {background: #9fd067; cursor:pointer;}
	
	/* make the sub level visible on hover list or link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{
	visibility:visible;
	}
	
	#navigation #pic {
	background: #e7e7e7;
	margin: 0px;
	padding: 0px;
	height: 168px;
	width: 790px;
	clear:both;
	z-index: 3;
}

#flashcontent {
	z-index: 0;
}

#maincontent {
	width: 790px;
	height: inherit;
	margin: 0px auto;
	padding: 0px 0px 25px;
}

	#maincontent #left {
	width: 500px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
	/* !!Check frontpage.css stylesheet here!---*/
	
	#maincontent #right {
	margin: 0px;
	padding: 0px 0px 0px 35px;
	float: right;
	width: 255px;
	}
	
		/* The News Shizzy-----*/
		
		#maincontent #right h2 {
			font-size: 1.5em;
			font-weight: bold;
			color: #e4ae5c;
			margin: 0px 0px 1.1em;
			padding: 0px 0px 4px;
			border-bottom: 2px double #CCCCCC;
			}
		
		#maincontent #right .newsstory {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px;
	border-bottom: 1px solid #f4f4f4;
			}
		
		#maincontent #right .newsstory h3 {
	font-size: 1.2em;
	line-height: 1.25em;
	font-weight: bold;
	color: #f06132;
	margin: 0px 0px 5px;
	padding: 0px;
			}
			
			#maincontent #right .newsstory span.date {
	color: #999999;
	text-align: right;
	padding: 0px;
	margin: 0px 0px 20px;
}
			
		#maincontent #right .newsstory a:link, #maincontent #right .newsstory a:active, #maincontent #right .newsstory a:visited {
				color: #e4ae5c;
				text-decoration: none;
				font-weight:bold;
			}
			
		#maincontent #right .newsstory a:hover{
				color: #ecb768;
				text-decoration: underline;
				font-weight:bold;
			}
	
#footer {
	margin: 0px auto 15px;
	padding: 10px 0px 0px;
	clear: both;
	color: #d4d4d4;
	text-align: right;
	border-top: 1px solid #d4d4d4;
	width: 790px;
}

	#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
			color: #d4d4d4;
			text-decoration: none;
			}

/* Text-------------------------------------------------------*/

p {
	margin: 0px 0px 1.2em;
	padding: 0px;
}

p.enhance {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #00a290;
	margin: 0px 0px 1em;
	padding: 0px;
	font-weight: bold;
}

p.thanks {
	background: #FFF6BF;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

h1 {font-size: 1.65em;
margin: 0px 0px 1.2em;}

h2 {
	font-size: 1.5em;
	color: #00a290;
	margin: 0px 0px 1em;
	padding: 0px;
	line-height: 1.4em;
}

h3 {}

.quote {
	background: url(../_images/bg-quote.gif) no-repeat left top;
	margin: 0px 0px 1.2em;
	padding: 15px 0px 15px 75px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.sidebox {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	float: right;
	width: 238px;
	border: 1px solid #11ad73;
	background-color:#fcfcfc;
}

	.sidebox h4 {
	line-height: 30px;
	background: #11ad73 repeat-x;
	margin: 0px;
	padding: 0px;
	height: 30px;
	font-size: 1.2em;
	color: #FFFFFF;
	text-align: center;
}
	
	.sidebox .words {
	margin: 0px;
	padding: 7px;
}

		.sidebox .words ul {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.floorplanview {
	margin: 0px 0px 1.5em;
	padding: 0px;
	height: 50px;
	width: 500px;
	position: relative;
}

	.floorplanview .words {
	font-weight: normal;
	color: #333333;
	position: absolute;
	z-index: 20;
	left: 215px;
	top: 5px;
	width: 265px;
}

		.floorplanview .words a:link, .floorplanview .words a:active, .floorplanview .words a:visited {
				color: #333333;
				text-decoration: none;
			}
			
		.floorplanview .words a:hover{
				color: #333333;
				text-decoration: underline;
			}

/* Tables-----------------------------------------------------*/

td {padding-top: 7px;
	padding-bottom: 7px;
}

tr {
	border-bottom: 1px solid #CCCCCC; margin-bottom: 5px;
}

/* Images-----------------------------------------------------*/

img.rightnoborder {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	float: right;
}

img.leftnoborder {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
}

img.right {
	margin: 0px 0px 10px 10px;
	padding: 8px;
	float: right;
	border: 1px solid #CCCCCC;
}

img.left {
	margin: 0px 10px 10px 0px;
	padding: 8px;
	float: left;
	border: 1px solid #CCCCCC;
}

.imagebox {
	background: #CCCCCC;
	margin: 0em 0px 1.2em;
	padding: 0px;
}

	.imagebox .overlay {
	color: #FFFFFF;
	background: #000000;
	margin: 0px;
	padding: 2px 5px;
	width: 490px;
	clear:both;
	text-align: right;
}

/* Linkage----------------------------------------------------*/

a.normal:link, a.normal:active, a.normal:visited {
	color: #303030;
	text-decoration: underline;
}

a.normal:hover{
	color: #303030;
	text-decoration: none;
}


/* Hackage----------------------------------------------------*/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}


img, #header, #contentwrapper { behavior: url(iepngfix.htc); }