/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
		#operafix{
			height:1%;
		}
		
		#tpl_siteframe{
			color:#000000;
			background-color:#ffffff;
			width:92%;
			margin-right:auto;
			margin-left:auto;
			max-width:900px;
			min-width:640px;
			height:100%;
			position:relative;
		}

		#tpl_frametop{
			background-image:url("/images/template/f_top.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
		}
		#tpl_frametop .inner{
			background-image:url("/images/template/f_topright.jpg");
			background-repeat:no-repeat;
			background-position:bottom right;
		}
		#tpl_frametop .inner2{
			background-image:url("/images/template/f_topleft.jpg");
			background-repeat:no-repeat;
			background-position:bottom left;
			height:20px;
			font-size:1px;
		}

		#tpl_framebot{
			background-image:url("/images/template/f_bot.jpg");
			background-repeat:repeat-x;
			background-position:top left;
			color:#ffffff;
			background-color:#5078A1;
		}
		#tpl_framebot .inner{
			background-image:url("/images/template/f_botright.jpg");
			background-repeat:no-repeat;
			background-position:top right;
		}
		#tpl_framebot .inner2{
			text-align:right;
			background-image:url("/images/template/f_botleft.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			height:36px;
			padding:18px 30px 6px 0px;
			font-size:0.9em;
		}
		#tpl_framebot .inner2 a{
			color:#D0DBE6;
			background-color:inherit;
			text-decoration:underline;			
		}

		#tpl_frameleft{
			background-image:url("/images/template/f_left.jpg");
			background-repeat:repeat-y;
			background-position:top left;
			padding-left:20px;
		}
		#tpl_frameright{
			background-image:url("/images/template/f_right.jpg");
			background-repeat:repeat-y;
			background-position:top right;
			padding-right:20px;
		}

		#tpl_rightbar{
			width:180px;
			font-size:0.9em;
			padding-top:10px;
			height:100%;
		}

		#tpl_header{
			height:150px;
		}
		
		#tpl_page{
			margin-right:200px;
			padding:15px 0px 20px 20px;
			height:100%;
		}
		
		#tpl_slideshow{
			overflow:hidden;
			position:absolute;
			top:40px;
			right:20px;
			margin-left:400px;
			border-left:3px solid #6E5068;
			border-bottom:3px solid #6E5068;
		}
		#tpl_slideshow .inner{
			border-left:1px solid #ffffff;
			border-bottom:1px solid #ffffff;
		}

		#tpl_topbar{
			color:#000000;
			background-color:#D0DBE6;
			text-align:right;
			padding-right:20px;
		}
		#tpl_topbar .topcity{
			position:absolute;
			top:-6px;
			left:10px;
		}
		#tpl_topbar a{
			color:#013976;
			background-color:inherit;
		}
		#tpl_topbar a:hover{
			color:#000000;
			background-color:inherit;
			text-decoration:underline;			
		}
		#tpl_signup{
			position:absolute;
			width:204px;
			height:34px;
			top:156px;
			right:20px;
		}


/* NEWSLETTER - iFRAME */
iframe{
	border:2px dotted #aaaaaa;
	height:216px;
}


/* NAVIGATION BAR
----------------- */

#tpl_nav{
	color:#ffffff;
	background-color:#6E5068;
	background-image:url("/images/template/nav_topbg.gif");
	background-repeat:no-repeat;
	background-position:top left;
}
#tpl_nav h2{
	font-size:1.1em;
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;
	padding:10px 0px 0px 10px;
	margin:0px;
	border:none;
	font-family:Tahoma, Arial,"Trebuchet MS",Trebuchet,sans-serif;
}
#tpl_nav ul{
	list-style-type:none;
	margin:0px;
	padding:5px 10px 10px 10px;
	height:100%;
}
#tpl_nav ul li{
	padding:0px;
	margin:0px;
	background-image:none;
}

#tpl_nav ul li a{
	color:#ffffff;
	background-color:inherit;
	display:block;
	padding:3px 5px 3px 5px;
}
#tpl_nav ul li a.selected{
	font-weight:bold;
	color:#ffffff;
	background-color:#946B8B;
}

#tpl_nav ul li a:hover{
	color:#ffffff;
	background-color:#946B8B;
}
#tpl_nav ul li.selectedli{
	color:#ffffff;
	background-color:#104672;
}
#tpl_nav ul li.selectedli ul li a:hover,
#tpl_nav ul li.selectedli ul li a.selected{
	color:#ffffff;
	background-color:#155E99;
}

/* LATEST NEWS */
#latestnews{
	color:#000000;
	background-color:#F1F1F1;
}
 .btop02,
 .bbot02{
	display:none;
}
#latestnews h2{
	font-size:1.1em;
	color:#000000;
	background-color:#f8f8f8;
	font-family:Tahoma, Arial,"Trebuchet MS",Trebuchet,sans-serif;
	background-image:url("/images/template/latestnews_bg.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
	font-weight:bold;
	padding:10px 5px 10px 10px;
	margin:0px;
}

#latestnews ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#latestnews ul li{
	padding:0px;
	margin:0px;
	background-image:none;
}
#latestnews ul li a{
	color:#000000;
	background-color:inherit;
	display:block;
	padding:10px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
}
#latestnews ul li a:hover{
	text-decoration:none;
	color:#000000;
	background-color:#fafafa;
}

#latestnews ul li a .ctitle{
	font-weight:bold;
}
#latestnews .listmore{
	color:#ffffff;
	background-color:#6E5068;
	text-align:right;
	padding:5px 10px 0px 10px;
}
#latestnews .listmore a{
	color:#ffffff;
	background-color:inherit;	
}
.newsfooter{
	font-size:1px;
	height:15px;
	background-image:url("/images/template/latestnews_bg2.gif");
	background-repeat:no-repeat;
	background-position:top right;
}

/* LATEST NEWS ON MAIN PAGE (SELF) */
ul#previewOnMain li{
	background-position:0em 0.6em;
}


/* CURRENT DEVELOPMENTS PREVIEW - LIST */
#currentDev h2,
#pastDev h2{
	background-image:url("/images/template/availability.gif");
	background-repeat:no-repeat;
	background-position:left center;
	padding:6px;
	padding-left:40px;
}
#currentDev ul,
#pastDev ul{
	margin:0px;
	padding:0px;
}
#currentDev ul li,
#pastDev ul li{
	background-image:url("/images/template/mglass.gif");
	background-position:10px 0.3em;
	padding:6px 6px 6px 40px;
	border-bottom:2px solid #ffffff;
}
#currentDev ul li p,
#pastDev ul li p{
	margin:0px;
}
#currentDev .readmore,
#pastDev .readmore{
	display:block;
	text-align:right;
	font-size:0.9em;
}
#currentDev .readmore strong,
#pastDev .readmore strong{
	border:1px solid #999999;
	display:block;
	width:7em;
	margin-top:5px;
}

#currentDev .readmore a,
#pastDev .readmore a{
	padding:4px;
	border:1px solid #ffffff;
	color:#000000;
	background-color:inherit;
	background-image:url("/images/template/latestnews_bg.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
	display:block;
}
#currentDev li.li_on{
	color:#000000;
	background-color:#F0F8EF;
}
#currentDev li.li_off{
	color:#000000;
	background-color:#DFF0DD;
}

#pastDev li.li_on{
	color:#000000;
	background-color:#EAF4FF;
}
#pastDev li.li_on{
	color:#000000;
	background-color:#EAF4FF;
}
#pastDev li.li_off{
	color:#000000;
	background-color:#D7EAFF;
}

/* CONTACT DETAILS - RIGHTBAR */
#contactdetails{
	color:#000000;
	background-color:#D0DBE6;
	background-image:url("/images/template/telephone.gif");
	background-repeat:no-repeat;
	background-position:top right;
}

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

#contactdetails h2{
	font-size:1.1em;
	color:#000000;
	background-color:inherit;
	font-weight:bold;
	padding:0px 0px 0px 10px;
	margin:0px;
	position:relative;
	font-family:Tahoma, Arial,"Trebuchet MS",Trebuchet,sans-serif;
	border:none;
}

/* AVAILABILITY TABLE IN DEVELOPMENTS */
table.availability{
	width:100%;
}
table.availability td{
	vertical-align:top;
}
table.availability th.afloorspace{
	width:75px;
}
table.availability th.aplot{
	width:30px;
}
table.availability th.aguideprice{
	width:75px;
}
table.availability th.adescription{
}
table.availability th.alocation{
	width:90px;
}

/* VALIDATION LINKS */
#validlinks{
	padding-left:30px;
}


		

/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both;font-size:1px;}
		.textright		{text-align:right;}
		.textleft		{text-align:left;}
		.textcenter		{text-align:center;}
		.hidden			{display:none;}
		.nobotgap		{padding-bottom:0px;margin-bottom:0px;}
		.notopgap		{padding-top:0px;margin-top:0px;}
		.nogaps			{padding:0px;margin:0px;}
		.nobullets li	{background-image:none;
						 list-style-type:none;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:85%;}
		.relative_top-2	{position:relative;top:-2px;left:0px;}
		.icon			{vertical-align:middle;}
		.icon_border	{vertical-align:middle;border:1px solid #000000;margin:2px;}
		.mandatory		{color:red;font-weight:bold;background-color:#ffffff;}
		.printheader	{display:none;}
		.readmore		{display:block;text-align:right;}



/*ERROR MESSAGES
=======================================*/

		#okmsg,
		#errormsg,
		#mysqlerror{
						margin-bottom:15px;}
		#okmsg h1{	
						color:#279876;
						background-color:#f5fff5;;
						font-weight:normal;}
		#errormsg h1{
						color:#cc0000;
						background-color:#fff5f5;
						font-weight:normal;}
		#mysqlerror	h1{	color:#0000cc;
						background-color:#f5f5ff;
						font-weight:normal;}
		#okmsg div{		border:1px solid #229922;
						color:#000000;
						background-color: #f5fff5;
						padding:5px;}
		#errormsg div{	border:1px solid #cc0000;
						color:#000000;
						background-color: #fff5f5;
						padding:5px;}
		#mysqlerror div{border:1px solid #0000cc;
						color:#000000;
						background-color: #f5f5ff;
						padding:5px;}
		#errormsg li,
		#errormsg ul,
		#okmsg li,
		#okmsg ul,
		#mysqlerror li,
		#mysqlerror ul{
						padding:0px;
						margin:0px;}	



/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below
*/
/*<SPLIT>*/



body	 {
	color:#000000;
	background-color:#D0DBE6;
	font-family:Tahoma, Arial,"Trebuchet MS",Trebuchet,sans-serif;
	font-size:0.75em;
	margin:35px;
	padding:0px;
}

h1{
	color:#013976;
	background-color:inherit;
	font-family:Georgia,"Times New Roman",Tahoma,sans-serif;
	margin-top:0px;
	font-size:2.8em;
	letter-spacing:-2px;
	font-weight:normal;
	border-bottom:1px dotted #aaaaaa;
	padding-bottom:10px;
}
h2{
	color:#000000;
	background-color:inherit;
	font-family:Georgia,"Times New Roman",Tahoma,sans-serif;
	font-size:1.4em;
	font-weight:normal;
	border-bottom:1px dotted #aaaaaa;
	padding-bottom:10px;
}
h3{
	font-family:Tahoma, Arial,"Trebuchet MS",Trebuchet,sans-serif;
	margin-bottom:0px;
	font-size:1.2em;
}

a,a:visited{
	color:#3966C4;
	background-color:inherit;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
hr{
			margin:6px 0px 0px 0px;
			text-align:left;}
kbd		{	padding:0px 1px 0px 1px;
			border-width:1px 2px 2px 1px;
			border-style:solid;}
abbr	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
acronym	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
dfn		{	font-style:normal;
			border-bottom:1px dashed;
			cursor:help;}
code	{	font-family: courier, monospace;
			padding-left:1px;
			padding-right:1px;}
samp	{	font-family: courier, monospace;
			border:1px solid #cccccc;
			color:#000000;
			background-color:#ccffcc;
			padding-left:1px;
			padding-right:1px;}
blockquote{
			color:#000000;
			background-color:#eeeeee;
			border:1px solid #888888;
			padding:5px;}
table	{	border:1px solid #777777;}
th		{	font-weight:bold;
			padding:5px 3px 5px 3px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			background-repeat:repeat-x;
			background-position:top left;
			border-bottom:1px solid #666666;
			background-image:url("/images/template/misc/table_th_bg.gif");}
td		{	border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:1px 3px 1px 3px;
			text-align:left;}
ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;}
li		{	padding:0.1em 0px 0.1em 20px;
			background-image:url("/images/template/bullet03.gif");
			background-repeat:no-repeat;
			background-position:0em 0.2em;
			list-style-type:none;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}
img		{	border:0px;}


/*CLASSES USED BY THE EDITOR*/
img.vertical_middle{	vertical-align:middle;}
p.blockbutton		{	width:10em;
						border:1px solid #999999;}
p.blockbutton a		{	color:#ffffff;
						background-color: #3c5dac;
						display:block;
						font-weight:bold;
						padding:5px;
						margin:1px;}
p.blockbutton a:hover{	color:#ffffff;
						background-color:#6281c8;}
div.left{text-align:left;}
div.right{text-align:right;}
div.center{text-align:center;}

p.left				{	text-align:left;}
p.center			{	text-align:center;}
p.right				{	text-align:right;}
span.underline		{	text-decoration:underline;}
span.strikethrough	{	text-decoration:line-through;}
span.highlight		{	color:green;
						background-color:inherit;
						text-decoration:underline;
						font-weight:bold;}
span.smalltext		{	font-size:0.85em;}
span.bigtext		{	font-size:1.3em;}
span.biggertext		{	font-size:1.7em;}
hr.clearall			{	clear:both;}

ul.square 			{	list-style-type:square;}
ul.circle			{	list-style-type:circle;}
ul.disc				{	list-style-type:disc;}
ol.lower-alpha		{	list-style-type:lower-alpha;}
ol.upper-alpha		{	list-style-type:upper-alpha;}
ol.lower-roman		{	list-style-type:lower-roman;}
ol.upper-roman		{	list-style-type:upper-roman;}
ol.numeric			{	list-style-type:decimal;}
ol.numeric_zeropad	{	list-style-type:decimal-leading-zero;}

li.alpha			{	list-style-type:lower-alpha;}
li.square			{	list-style-type:square;}
li.circle			{	list-style-type:circle;}
li.disc				{	list-style-type:disc;}
li.lower-alpha		{	list-style-type:lower-alpha;}
li.upper-alpha		{	list-style-type:upper-alpha;}
li.lower-roman		{	list-style-type:lower-roman;}
li.upper-roman		{	list-style-type:upper-roman;}
li.numeric			{	list-style-type:decimal;}
li.numeric_zeropad	{	list-style-type:decimal-leading-zero;}
li.alpha			{	list-style-type:lower-alpha;}

/* PREVIEW BLOCK
========================================*/
.previewblock{
	color:#ffffff;
	background-color:#32669A;
	width:60%;
	padding-bottom:5px;
	margin-bottom:10px;
}
.previewblock a{
	color:#7EB9E4;
	background-color:inherit;
}
.previewblock a:hover{
	color:#ffffff;
	background-color:inherit;
}
.previewblock img{
	border:2px solid #ffffff;
}
.previewblock h2{
	color:#ffffff;
	background-color:#224568;
	margin-bottom:2px;
	padding:4px;
}
.previewblock p{
	margin-top:0px;
}