/******************************
* START CLASSES REQUIRED BY WYSIWYG
* ALTHOUGH CLASSES CAN BE MODIFIED TO SOME EXTENT, 
* THESE SHOULD BE STANDARD TO ALL STYLESHEETS
******************************/
*
{
	margin: 0px;
	padding: 0px;
}

/*** TEXT CLASSES ***/
 
BODY /* default text */
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #000;
	padding-top: 0px; /* for Opera, achieves same as margin-top: 0px in IE/FF */
	margin-top: 0px;
}
 
TD, TH, CAPTION /* default text */
{
	text-decoration: none;
	vertical-align: top;
}
 
H1 /* page title */
{
	font-size: 130%;
}
 
H2 /* header within page */
{
	font-size: 120%;
}
 
H3 /* header within page */
{
	font-size: 110%;
}
 
.textunderline /* underlined text */
{
	text-decoration: underline;
}

.textdefault /* a text 'reset' class for use in wysiwyg only, should match default text style */
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

.helptitle /* help page text */
{
	font-size: 130%;
	font-weight: bold;
}

.helpsubtitle /* help page text */
{
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
}

/*** LINK CLASSES ***/
 
A:link, A:visited /* default link */
{
	color: #000;
	text-decoration: underline;
}
 
A:hover, A:active /* default link */
{
	color: #666;
	text-decoration: none;
}

/*** LIST CLASSES ***/

UL.circle {list-style-type: circle;}
UL.disk {list-style-type:  disc;}
UL.square {list-style-type: square;}
OL.decimal {list-style-type: decimal;}
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;}

/*** TABLE, IMAGE AND PARAGRAPH TEXT ALIGNMENT ***/
 
TABLE.left, P.left, IMG.left /* align table or <p>-wrapped image/image to the left */
{
	float: left;
	margin: 0px 10px 10px 0px;
}
 
TABLE.right, P.right, IMG.right /* align table or <p>-wrapped image/image to the right */
{
	float: right;
	margin: 0px 0px 10px 10px;
}
 
TABLE.center /* align table to the centre */
{
	margin: 0px auto;
}
 
P.center /* align <p>-wrapped image to the left */
{
	text-align: center;
}

P.textcenter /* align paragraph text to the centre */
{
	text-align: center;
	display: block;
}
 
P.textleft /* align paragraph text to the left */
{
	text-align: left;
	display: block;
}
 
P.textright /* align paragraph text to the right */
{
	text-align: right;
	display: block;
}
 
P.textjustify /* 'justify' align paragraph text */
{
	text-align: justify;
	display: block;
}

/******************************
* STYLES SPECIFIC TO WYSIWYG OBJECTS
*
* ADD PADDING TO NON-PADDED CONTENT IMAGES
******************************/
.wysiwyg IMG
{
	margin: 10px;
}

.wysiwyg P.left IMG, .wysiwyg P.right IMG, .wysiwyg P.center IMG
{	
	margin: 0px;
}

/******************************
* END OF WYSIWYG SPECIFIC STYLES
*
* END CLASSES REQUIRED BY WYSIWYG
******************************/

.date /* for displaying the date on news etc. */
{
	font-size: 90%;
	color: #666;
}

/*** FORMS AND INPUTS ***/

FORM /* removes unwanted form whitespace */
{
	margin: 0px;
}

INPUT, SELECT, TEXTAREA
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.currentPage 
{
	font-weight: bold;
	color: #f00;
}

.pageNumber 
{
	font-weight: bold;
	color: #4aa949;
	text-decoration: underline;
}

.textarea /* for <input type="text"> and <select> fields */
{
	border: 1px solid #666;
	width: 97%;
	float: left;
	overflow: auto;
}

.textareashort /* for shorter <input type="text"> and <select> fields*/
{
	border: 1px solid #666;
	width: 120px;
}

.textarea2d /* for <textarea> */
{
	border: 1px solid #666;
	width: 97%;
	height: 150px;
	overflow: auto;
}

.textareafree /* for <input type="text"> and <select> fields of free width */
{
	border: 1px solid #666;
}

INPUT.btn  {
	color: #003f85;
	font-weight: bold;
	background: #fff url(../images/but_arrow.gif) no-repeat 100% 50%;
	border: 1px solid #4aa949;
	width: 7em;
	padding: 0 22px 0 0;
	margin-bottom: 5px; 
}
INPUT.big {
	width: 11em;
}
INPUT.btn:hover {
	cursor: pointer;
}

/*** DATA TABLE ***/

TABLE.datatable
{
	border-style: solid;
	border-color: #003f85;
	border-width: 1px 0px 0px 1px;
}

TABLE.datatable TH
{
	color: #fff;
	border-style: solid;
	border-color: #003f85;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	background-color: #4aa949;
	padding: 4px;
}

TABLE.datatable TH.plaintext /* for default text in a <th> */
{
	font-weight: normal;
	text-align: left;
}

TABLE.datatable TD
{
	border-style: solid;
	border-color: #003f85;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	padding: 4px;
}

TABLE.datatable TH TH,
TABLE.datatable TH TD /* tidy borders nested in table header cells */
{
	border: 1px solid #003f85;
}

TABLE.datatable TD TD /* remove borders from nested table cells */
{
	border-width: 0px
}

TABLE.datatable TABLE.datatable TD
{
	border-width: 0px 1px 1px 0px;
}

TABLE.datatable TABLE.datatable TEXTAREA
{
	height: 3.5em;
}

TABLE.datatable CAPTION
{
	color: #fff;
	border-style: solid;
	border-color: #003f85;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-width: 1px 1px 0px 1px;
	background-color: #003f85;
}

/*** CONTAINER ***/

#container
{
	width: 960px;
	margin: 0px auto;
	background: url(../images/pagebg.gif) repeat-y;
	padding: 0px 13px;
}

/*** PREVIOUS/NEXT CONTROLS ***/

DIV.prevnext
{
	font-size: 85%;
}

/*** REMOVE IMAGE BORDERS BY DEFAULT ***/

IMG
{
	border: 0px;
}

/*** HIDING ELEMENTS USED IN NON CSS DISPLAY (E.G HR) ***/

.hide
{
	display: none;
}
/******************************
* END CLASSES USED BY GREENFIELDS
******************************/
/******************************
* START ADDITIONAL SITE-SPECIFIC STYLES - POTENTIALLY OVERRIVING ALL ABOVE
******************************/
*							{ margin: 0px; padding: 0px; }
body						{ background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; }
.clear						{ clear: both; }
.print						{ display: none; }

#container					{ width: 960px; margin: 0px auto; background: url(../images/pagebg.gif) repeat-y; padding: 0px 13px; }

#nav						{ width: 960px; height: 32px; background: #003f85; font-size: 1.1em;}
#nav DIV.telephone { width: 130px; float: right; color: #fff; padding-top: 5px; margin-right: 5px; font-weight: bold; font-size: 1.2em; }

DIV#topnav					{ text-align: right; padding: 7px 0px 0px 0px; width: 690px; float: right; margin: 0px 10px 0px 0px; }
DIV#topnav a					{ color: #fff; font-weight: bold; border-right: 2px solid #5081b7; padding: 0px 15px 0px 10px; text-decoration: none; }  /* negative margins and borders create light blue separators and hide the line to the right of the last nav button */
DIV#topnav a#current-nav,
DIV#topnav a.on				{ color: #fe9c00; }
DIV#topnav a:hover			{ text-decoration: underline; }

#header						{ width: 960px; height: 200px; margin: 0px auto -75px;/* was 75 */ position: relative; z-index: 2;}
#header-inner 				{ width: 960px; height: 195px; background: url(../images/greenbg-new.png) no-repeat;}
* html #header-inner		{ behavior: url(/iepngfix.htc); } /* IE PNG Hack */
#header h1					{ padding: 5px 0px 0px 10px; float: left; width: 182px; }
#header h1 a#logo			{ width: 182px; height: 106px; text-indent: -9999px; display: block; background: url(../images/logo-strapline.gif) no-repeat; }
#header h1 a#logoextra		{ width: 182px; height: 106px; text-indent: -9999px; display: block; background: url(../images/logo-extranet.gif) no-repeat; }

#header-content				{ position: relative; width: 475px; float: right; padding: 5px 25px 0px 0px; height: 90px; }
form#searchForm			    { background-color: #fff; position: absolute; z-index: 3; top: 10px; right: 5px; height: 30px; float: right; text-transform: uppercase; color: #666; font-size: 1.25em; }
form#searchForm input			{ float: left; margin-right: 3px; }
form#searchForm input.search	{ padding: 3px; }
form#searchForm label			{ float: left; margin-right: 5px; }
#header-content p			{ clear: both; padding-top: 0px; color: #000; font-size: 1.5em; letter-spacing: 0.05em; margin-top: 45px;}
#header-content p span		{ color: #02a131; }
#header-content a				{ color: #21bb4f; text-decoration: none; }
#header-content a:hover			{ text-decoration: underline; }

#header-content p.breadcrumb { font-size: 1.25em; text-align: right; padding-top: 60px; }
#header-content div#breadcrumb { font-size: 1.25em; text-align: right; padding-top: 60px; clear: both; color: #000; letter-spacing: 0.05em; width: 100%;} /* Added because our breadcrumbs are stored in a div */
#header-content div#breadcrumb a	{ color: #000; text-decoration: none; }
#header-content div#breadcrumb a:hover	{ text-decoration: underline; }

#home-main					{ width: 960px; margin: -80px auto -90px; background: #111306 url(../images/group.jpg) no-repeat -50% 0%; position: relative; z-index: 1; color: #fff; font-size: 1.25em; padding-bottom: 90px; }
#home-main a				{ color: #fff; text-decoration: none; }
#home-main a:hover			{ color: #fff; text-decoration: underline; }
#home-main h1				{ font-size: 1em; padding-bottom: 10px; margin-bottom: 5px; }
#home-main ul				{ list-style: none; margin-bottom: 15px; }
#home-main li				{ padding-left: 15px; }

.home-main-blue h1			{ border-bottom: 1px dotted #2563a7; }
.home-main-blue li			{ background: url(../images/bullet-blue.gif) no-repeat center left; }
.home-main-blue p			{ font-size: 0.85em; margin-bottom: 10px;}
.home-main-blue p storng	{ font-size: 1em; }
.home-main-blue p a			{ color: #fe9c00; margin-left: 80px;}
td.home-main-blue { background-color: #003f85; }

.home-main-green h1			{ border-bottom: 1px dotted #1fbb51;}
.home-main-green li			{ background: url(../images/bullet-green.gif) no-repeat center left; }
.home-main-green p			{ font-size: 0.85em; }
.home-main-green p storng	{ font-size: 1em; }
.home-main-green p a		{ color: #fe9c00; }
.home-main-green a#repair	{ display: block; background: #21bb4f url(../images/repair.gif) no-repeat right center; padding: 15px; font-weight: bold; color: #fff; }
.home-main-green a#rent		{ display: block; background: #48d372 url(../images/rent.gif) no-repeat right center; padding: 15px; font-weight: bold; color: #fff; }
.home-main-green a#onlineservices		{ display: block; background: #21bb4f url(../images/onlineservices.gif) no-repeat right center; padding: 15px; font-weight: bold; color: #fff; }
td.home-main-green { background-color: #4aa949; }

/* Google Translate */
DIV#google_translate_element {
  background-color: #FFF;
  margin-top: 5px;
  height: 70px;
  width: 100%;
}
DIV#google_translate_element DIV.skiptranslate {
  padding: 5px;
}
DIV#google_translate_element SPAN {
  float: left;
}
DIV#google_translate_element A {
  color: #444 !important;
}
DIV#sidebar DIV#google_translate_element {
  margin: auto;
  width: 90%;
  margin-bottom: 10px;
}

#subpage-content			{ width: 960px; margin: 0px auto -90px; background: #fff url(../images/contentbg.gif) repeat-y; position: relative; z-index: 1; color: #7a7a7a; font-size: 1.25em; padding-bottom: 90px; }

#otherpage-content		{ font-size: 1.25em;}
#sidebar			{ padding-top: 80px; margin-top: 0px; width: 170px; float: left; }
#sidebar a#want-a-home		{ display: block; background: #4aa949; padding: 10px 15px; color: #fff; text-decoration: none; font-weight: bold; }
#sidebar a#am-a-resident	{ display: block; background: #21bb4f; padding: 10px 15px; color: #fff; text-decoration: none; font-weight: bold; }
#sidebar a#repair		{ display: block; background: #48d372 url(../images/repair.gif) no-repeat right center; padding: 10px 15px; font-weight: bold; color: #fff; text-decoration: none; }
#sidebar a#rent			{ display: block; background: #4aa949 url(../images/rent.gif) no-repeat right center; padding: 10px 15px; font-weight: bold; color: #fff; text-decoration: none; margin-bottom: 10px; }
#sidebarlinks h3		{ border-bottom: 1px dotted #2563a7; color: #fff; font-size: 1em; padding: 0px 10px 10px; margin-bottom: 5px; }
#sidebarlinks ul		{ list-style: none; margin: 0px 0px 0px; padding-left: 10px;}
#sidebarlinks ul ul 		{ border-top: 2px dotted #4D7EB0; margin: 2px 10px 2px 0px; padding-top: 2px;}
#sidebarlinks li		{ background: url(../images/bullet-blue.gif) no-repeat top left; background-position: 0px 2px; padding: 0 5px 0 15px;}
#sidebarlinks li li		{ background: url(../images/disc-blue.gif) no-repeat top left; background-position: 0px 2px; padding: 0 5px 0 15px;}
#sidebarlinks a			{ color: #fff; text-decoration: none; }
#sidebarlinks a:hover		{ text-decoration: underline; }
#sidebarlinks li.menuitemon 	{font-weight: 600;}
#sidebarlinks li.sectionoff 	{font-weight: normal;}
#sidebarlinks li.sectionon 	{font-weight: 600;}

#reportoffensive 			{ line-height: 19px; font-weight: normal; font-size: 1.15em; color: #000; }
#reportoffensive p			{padding-bottom: 1em; }

#content					{ width: 700px; float: left; margin-left: 40px; padding-top: 10px; line-height: 19px; font-weight: normal; font-size: 1.25em; color: #000; }
#content h3					{ color: #21bb4f; font-weight: normal; margin-bottom: 10px; font-size: 1.1em;}
#content h2					{ color: #21bb4f; font-weight: normal; margin-bottom: 10px; font-size: 1.2em;}
#content h1					{ color: #21bb4f; font-weight: normal; margin-bottom: 10px; font-size: 1.5em;}
#content p, #content ul, #content ol	{ margin-bottom: 10px;}
#content ul, #content ol	{ margin-left: 25px;}
#content a					{ color: blue; text-decoration: none; }
#content a:hover			{ text-decoration: underline; }

#orangebg					{ width: 960px; height: 80px; clear: both; background: url(../images/orangebg.png) no-repeat; position: relative; z-index: 2; }
* html #orangebg			{ behavior: url(/iepngfix.htc); } /* IE PNG Hack */

#orangebg-subpage			{ width: 960px; height: 80px; clear: both; background: url(../images/orangebg-subpage.png) no-repeat; position: relative; z-index: 2; }
* html #orangebg-subpage	{ behavior: url(/iepngfix.htc); } /* IE PNG Hack */

#footer { width: 960px; margin: 0px auto; background: #003f85; position: relative; z-index: 2; color: #fff;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer DIV.row {
  float: none;
  clear: both;
  padding: 2px 5px 5px 5px;
}
#footer div.firstrow {
  padding-top: 20px;
}

.sitemap {font-size: 1em;}
.sitemapA {display: inline; padding-left: 0px; border-bottom: 1px solid #21BB4F;}
.sitemapB {display: inline; padding-left: 0px;}
.sitemapC {padding-left: 15px; font-size: 1em;}
.sitemapD {padding-left: 30px; font-size: 1em;}

#SearchDataGrid td	{ padding: 10px 0; }
tr.pagerstyle td	{ background-color: #fff; padding: 0;}
tr.pagerstyle td span { padding: 0 10px; }

#photogallery		{ border: 1px solid #4aa949; }
#photogallery td	{ padding: 5px; vertical-align: middle;}
div.faq_question	{ border-top: 1px solid #4aa949; padding-top: 3px; font-weight: bold; }
/******************************
* END ADDITIONAL SITE-SPECIFIC STYLES
******************************/
/*** TEXT RESIZE ***/

DL#text-resize {
	padding-top: 5px;
	padding-left: 5px;
	font-size: 90%;
	font-weight: bold;
	width:110px;
	color: white;
	float: left;
}
DL#text-resize img {
  display: block;
}
DL#text-resize img, a, a:link, a:hover, a:visited, a:active {
	border-style: none;
}
DL#text-resize DD {
  float: left;
  width: 20px;
	margin-left: 4px;
}
DL#text-size DD #label {
	margin-right: 3px;
}

img.flag {
	margin-right: 2px;
}
.calendar {
	width: 250px;
}
.calendar TH {
	background-color: #003f85;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	padding: 0.2em;
	vertical-align: top;
	text-align: left;
}
.calendar TD {
	vertical-align: top;
	text-align: left;
	background-color: #ECEBE7;
}
.calendarkey TD {
	width: 25px;
}
.calendarkey TH {
	border-bottom: 1px solid #003f85;
	padding-bottom: 0.5em;
	color: #003f85;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
}
.calendarkey TD.label {
	width: 80px;
}
.calendar TD.normalday, .calendarkey TD.normalday {
	background-color: #fff;
	color: #003f85;
	border: 1px solid #ECEBE7;
}
.calendar TD.pastevent, .calendarkey TD.pastevent  {
	background-color: #48d372;
	color: #fff;
}
.calendar TD.futureevent, .calendarkey TD.futureevent  {
	background-color: #f5ab2a;
	color: #fff;
}
.calendar TD.currentday-event , .calendarkey TD.currentday-event {
	background-color: #fff;
	color: #000;
	border: 1px solid #003f85;
	/*background-color: #48d372;
	color: #fff;
	border: 1px solid #003f85;*/
}
.calendar TD.currentday-noevent , .calendarkey TD.currentday-noevent {
	background-color: #fff;
	color: #000;
	border: 1px solid #003f85;
}
#adobe {
  background: #fff;
  width: 90%;
  margin: 0 auto;
  clear: both;
  padding-bottom: 5px;
}
#adobe H2 {
  color: #fff;
  background: #21bb4f; 
  padding: 5px; 
  margin: 0;
}
#adobe P {
  font-size: 1.1em;
  padding: 5px; 
}
#adobe A {
  width: 112px;
  margin: 10px auto 20px;
  display: block;
}
#adobe IMG {
  display: block;
}

/**************************************************************************
* COLLAPSABLE CONTENT
**************************************************************************/
#TJK_ToggleON,
#TJK_ToggleOFF {
	padding: 0px 10px 10px 0px;
}
#TJK_DL DT {
	padding: 5px;
	margin: 0.7em 0 0.5em 0;
}
#TJK_DL DD {
/*	background: url(../images/answer.gif) no-repeat;
	min-height: 45px;*/
	margin: 0;
	padding: 0 0.5em;
}
#TJK_DL .showDD {
	display: block;
}
#TJK_DL .hideDD {
	display: none;
}
#TJK_DL DT A {
	display: block;
}
#TJK_DL DT A.singlecontrol {
	float: right;
	font-weight: normal;
	font-size: 0.9em;
}

/**************************************************************************
* News Template *
**************************************************************************/
#content DIV.latestnewsbox {
  border: 1px solid #21bb4f;
  float: left;
  width: 33%;
  height: 250px;
}
#content DIV.latestnewsbox DIV.inner {
  padding: 0.5em;
}
#content DIV.latestnewsbox DIV.inner SPAN.date {
  clear: both;
  float: left;
}
#content DIV.latestnewsbox DIV.inner DIV.summary {
  clear: both;
  height: 55px;
  overflow: hidden;
}
#content DIV.latestnewsbox DIV.inner H2 {
  clear: both;
  float: left;
  height: 40px;
  margin: 0;
  width: 100%;
}
#content DIV.latestnewsbox DIV.latestimage {
  height: 120px;
}
#content DIV#latestnewsbox2 {
  border-left: 0px;
  border-right: 0px;
}
#content DIV.latestnewsbox DIV.inner H2 A:link,
#content DIV.latestnewsbox DIV.inner H2 A:visited,
#content DIV.latestnewsbox DIV.inner H2 A:active,
#content DIV.latestnewsbox DIV.inner H2 A:hover {
  color: #21bb4f;
  font-weight: bold;
}
#content DIV.latestnewsbox IMG {
  width: 100%;
  height: 120px;
}
#content DIV.newsbox {
  float: left;
  padding-top: 1em;
  width: 100%;
}
#content DIV.newsbox H2 {
  margin: 0;
  clear: both;
  float: left;
}
#content DIV.newsbox DIV.summary {
  float: left;
  clear: both;
  width: 100%;
}
#content DIV.newsbox DIV.readmore {
  float: left;
  clear: both;
  width: 100%;
}
#content DIV.newsbox DIV.newsdate {
  float: right;
}
#content DIV.newsbox H2 A:link,
#content DIV.newsbox H2 A:visited,
#content DIV.newsbox H2 A:active,
#content DIV.newsbox H2 A:hover {
  font-weight: bold;
  font-size: 0.8em;
}