/*

v4.0

css developed by dave agius : holycow.com.au

read bug and hack notes


+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  TAGS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  text
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

html {height: 100%;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525051;
	background-color: #C6C6C6;
}

h1,h2,h3,h4,h5,h6{margin:0px 10px 0px 10px; padding: 0px;}

p{margin:0px; padding: 10px 10px 0px 10px;}


p,ul,ol {
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
}
ul{
	list-style-type: circle;
}

 h1{
	display:block;
	height:20px;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #A0C804;
	background-image: url(../images/graphics/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
}

h2{
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #A0C804;
	font-style: normal;
}
h3{
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	font-style: italic;
	text-align:right;
}
h4{
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}
h5{
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
}
h6{
	font-size: 12px;
	line-height: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

/* 
  table cells
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

table	{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

table p	{
line-height:20px;
	color: #6B6B6B;
}

/* 
 hyperlinks
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
a:link,a:visited		{color: #A0C804;text-decoration: none;}
a:hover        		{color: #339933;text-decoration: none;}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  ELEMENTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

header, submenu, content, footer, sectionmap, page
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
#page{
	margin:0px auto 0px auto;
	width:740px;
	padding:0px 0px 0px 0px;
	background-color:#F9F9F8;
}
#header{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#submenu{
	margin: 4px 0px 4px 4px;
	border-style: solid;
	border-color:#E0E0E0;
	border-width: 1px 0px 1px 0px;
	background-color: #ffffff;
	height: 16px;
	width:732px;
	clear: both;
}
#content{
	clear:both;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer{
	border-style: solid;
	border-color:#ffffff;
	border-width: 1px 0px 0px 0px;
	background-color: #514F50;
	width:740px;
	clear: both;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sponsor {
	width:740px;
	float: none;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding: 0px;
	clear: both;
	text-transform:uppercase;
}
#sponsor ul {
	width:550px;
	padding: 0px;
	font-size:9px;
	list-style-type: none;
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 190px;
}
#sponsor ul li {
	height:22px;
	margin: 0px;
	padding:0px;
	display:inline;
}
#sponsor ul li a {
	margin: 0px;
	padding: 0px 4px 0px 4px;
	background-color:#AAAAAA;
	float:right;
	color:#FFFFFF;
	border-bottom: 0px;
	text-decoration: none;
}
#sponsor ul li a:hover {
	color: #FFFFFF;
	background-color:#999999;
	text-decoration:none;
	cursor:pointer;
}

#sectionmap{
	margin: 4px 0px 0px 0px;
	border-style: solid;
	border-color:#ffffff;
	border-width: 1px 0px 0px 0px;
	background-color: #ff0000;
	height: 86px;
	width:740px;
	clear: both;
}

/* 
 submenu menu links
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
important : read buggn' notes below. 
*/
#submenu ul{
	margin: 0;
	padding: 0px 0px 4px 184px;
	list-style-type: none;
 }
#submenu li {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	background-image: url(../images/graphics/menu_divider.gif);
	background-position: left;
	background-repeat: no-repeat;
}
 #submenu li a{
	text-decoration: none;
	padding: .2em .9em;
	color: #A19FA0;
 }
 #submenu li a:visited{
	text-decoration: none;
	padding: .2em 1em;
	color: #A19FA0;

 }
#submenu li a:hover {
	color: #A0C804;

 }
/* 
footer links 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
#footer ul{
	margin: 0;
	padding: 0px 0px 4px 0px;
	list-style-type: none;
	display:inline;
	clear: both;
 }
 
#footer li {
	display: inline;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/graphics/menu_divider.gif);
	background-position: left;
	background-repeat: no-repeat;
}
 #footer li a,#footer li a:visited{
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #999999;
	font-size: 9px;
 }
 
#footer li a:hover {
	color: #A0C804;
 }
*/ 
#footer ul{
	margin: 0;
	padding: 0px 0px 4px 10px;
	list-style-type: none;
	display:inline;
 }
#footer li {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	background-image: url(../images/graphics/menu_divider.gif);
	background-position: left;
	background-repeat: no-repeat;
}
 #footer li a{
	text-decoration: none;
	padding: .2em .9em;
	color: #FFFFFF;
 }
 #footer li a:visited{
	text-decoration: none;
	padding: .2em 1em;
	color: #A19FA0;
 }
#footer li a:hover {color: #A0C804;}/* 
/*
sectionmap links 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/ 
#sectionmap div ul{
	margin: 0;
	padding: 0px 0px 2px 2px;
	list-style-type: none;
 }
#sectionmap div li {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	background-image: url(../images/graphics/menu_divider.gif);
	background-position: left;
	background-repeat: no-repeat;
}
 #sectionmap li a{
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
 }
 #sectionmap li a:visited{
	text-decoration: none;
	padding: .2em 1em;
	color: #A19FA0;
 }
#sectionmap li a:hover {color: #A0C804;}

#sectionmap form{
	display:inline;
	padding: 0px 4px 0px 4px;
	margin: 0px;
}
#sectionmap input{
	width:148px;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #e0e0e0;
	background-color:#ffffff;
	margin: 0px;
	border: 1px solid #e0e0e0;
}
/*
switcher used for 15 good reasons and rules 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/ 
#switcher div{
	display:none; 
	z-index: 100; 
	position: 
	relative; top: 0px; 
}
/*
section map divs - allocated ids to hide them.. 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/ 
#living_at_the_village,#apartments,#pics,#location,#fees,#apply,#enquiries{
	display:none; 
	z-index: 100; 
	position: relative; 
	top: 0px;  
	margin-left:10px; 
	height:30px; 
	overflow:hidden;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  CLASSES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
column widths
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
 .c1,.c2,.c3,.c4{
	float:left;
	display: inline;
}

 .c1{width:184px;}
 .c2{width:368px;}
 .c3{width:552px;}
 .c4{
	width:736px;
	margin: 0px;
}

/* 
content box layout 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/
.bCopy,.bImage,.bAd,.bSnippet,.bMenu,.bCaption,.bSpacer{
	margin: 0px 0px 4px 4px;
	border-style: solid;
	border-color:#E0E0E0;
	border-width: 1px;
	background-color: #FFFFFF;
}
.bImage,.bSpacer{
}

.bCopy{
	padding: 0px 0px 20px 0px;
}
/* 
content box text 
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
*/

.bAd h1{
	margin:0px;
	font-size:10px;
	padding-right:10px;
	text-align:right;
	color: #6B6B6B;
	border-top:1px solid #E0E0E0;
	background-color:#E0E0E0;
	background-image: url(../images/graphics/spacer.gif);
}

.bAd h2{
	font-size:10px;
	text-align:right;
	background-image: url(../images/graphics/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top:10px;
	padding-bottom:10px;

}

.bAd p{
	text-align:right;
}

.bSnippet p{
	text-align:right;
	color:#666666;
	display:block;
	line-height:20px;
	padding: 0px 4px 4px 0px;
}

.bMenu h1{
	display:block;
	height:20x;
	margin:0px;
	font-size:10px;
	padding-right:10px;
	text-align:right;
	color: #6B6B6B;
	display: block;
	background-color: #e0e0e0;
	background-image: url(../images/graphics/spacer.gif);
	background-position:bottom;
	background-repeat: no-repeat;}

.bCaption h1{
	display:block;
	height:18px;
	margin:0px;
	font-size:10px;
	padding-right:10px;
	text-align:right;
	color: #6B6B6B;
	border-top:1px solid #E0E0E0;
	background-color: #fafafa;
	background-image: url(../images/graphics/spacer.gif);
	line-height: 18px;
}

.tHeader	{
	margin: 0px;
	background-color: #E0E0E0;
}
.tHeader p	{
	color: #6B6B6B;
	line-height: 24px;
}

/* 
 vertical menu links
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷ 
important : read buggn' notes below. 
*/
.bMenu ul{
	list-style-type: none;
	font-size:10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
 }
.bMenu li{
	margin: 0px 8px 0px 8px;
	padding:4px 0px 0px 0px;
	background-image: url(../images/graphics/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;

 }
 .bMenu a{
	display: block;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color:#A19FA0;
	text-align:right

}
.bMenu a:visited{
	text-decoration: none;
	color: #848484;
 }
.bMenu a:hover{
	color:#A0C84F;
	text-decoration: none;
}

/* 
table cells
++++++++++++++++++++++++++++++++
*/
.tHeader	{
	margin: 0px;
	background-color: #E0E0E0;
      }.tHeader p	{
	color: #6B6B6B;
	line-height: 24px;
      }td p, 	td{
	color: #6B6B6B;
	line-height: 14px;
      }
	  
		/*

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TABLE STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
table {
	margin: 0px;
	padding: 0px;
	border: none;
	}
/* TABLE FORM STYLING - force pad top and bottom - give the table some space */
.tableform td {padding-top:5px; padding-bottom:5px; }

/* TABLE IMAGE STYLING - force pad from top */
td img {display: block;}

/* Table formatting class */
#formTable {
	background-color:#FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
}

#formTable td, #formTable th {border: 1px solid #FFFFFF;}
#formTable td p, #formTable th p, #formTable td h2, #formTable th h2 {padding:0px; margin: 5px 0px 2px 5px; font-size:10px;}

/* table row background colors */
#formTable .trheader {background-color:#999999;} 
#formTable .trheader p {font-size:11px; font-weight:bold; color:#FFFFFF;}

#formTable .tr1 {background-color:#f0f0f0;} 
#formTable .tr1 p {color:#333333; margin-right:5px;}
#formTable .tr2 {background-color:#e0e0e0;}
#formTable .tr2 p {color:#333333; margin-right:5px;} 

/* tablepadding + margin */
#formTable table {margin:0px 10px 10px 0px;}

/* select options box padding + margin */
.selectOptions {margin: 8px 0px 5px 0px;}

.tr1 div, .tr2 div {padding:0px; margin: 5px 0px 2px 5px; font-size:10px;}
.trheader div {font-size:11px; font-weight:bold; color:#FFFFFF;}

/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  HACKS / BUGGN'
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
 
mozilla & safari : 
these browsers add 4px padding-bottom to
IMG and OBJECT tags. To fix, set tags to display 
as BLOCK with 0px margin, padding. 
*/
img, object{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}	

.imgmap {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin: 0px;
}
/*all browsers : 
if floated divs are placed inside a div, the
wrapper div will not stretch around the floated
divs. To fix, add this class to the lowermost 
floated div */
.stretcher{font-size:20px;clear:both;}		
.h2_left {
	margin:0px;
	background-color:#f1f1f1;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	font-size: 10px;
	line-height: 13px;
	color: #333333;
}
.h1_left {
	display:block;
	height:20px;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #A0C804;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 12px;
}
.index_right {
	width: 552px;
	display: inline;
}
.index_left {
	width:188px;
	float: left;
	font-size: 10px;
	line-height: 10px;
	background-color: #FFFFFF;
	height: 382px;
}
.index_left p {
	font-size: 10px;
	line-height: 14px;
	color: #808285;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
}
.landing_left {
	width:176px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 330px;
	padding-top: 10px;
}
.landing_right {
	float: left;
	padding-top: 10px;
	width: 545px;
	background: #FFF;
	border: 1px solid #E0E0E0;
	margin-top: 5px;
	margin-left: 5px;
	height: 330px;
	margin-right: 5px;
}
.studying {
	margin-left: 10px;
	border-style: none;
}
.landing_image_bottom {
	clear: both;
	margin-left: 5px;
}