body {
  text-align: center; background:#c0c0c0;  margin:0; padding:0; 
  color:#333;  font:62.5%/1.5em Arial, Helvetica, sans-serif; 
  /* background:url(../images/logo-faded.gif) repeat left top; */
  }

#nav {
  float:left;
  width:100%;
  /* border-bottom: 2px solid #000; */
  background: #231F20;
  font-size:12px;
  line-height:10px; 
  }

#nav ul {
  margin:0;
  padding:3px 3px;
  list-style:none;  }

#nav li {
  float:left;
  /* background:url(../images/nav_left.gif) no-repeat left top; */
  margin:0 1px 0 0;
  padding:0 0 0 4px; }

#nav a {
  float:left;
  display:block;
  /* background:url(../images/nav_right.gif) no-repeat right top; */
  padding:6px 10px 4px 7px;
  text-decoration:none;
  color:#fff; }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
  color:#E7821C ; }

#nav #active {
  color:#fff;
  }

#nav #active a {
  color:#E7821C; 
  }
  
 /* -------   Layout ------- */
 
#container {
	/* background: #fff url(../images/pg_bg.gif); */
	position: relative;	
	margin: 0 auto;	
	padding: 0;	
	text-align: left; 
	border: 1px solid #231F20; 
	border-width: 0 1px 1px 1px; 
	background: #fff;
	width: 750px;}

#directory #container {background: #fff url(../images/dir_bg.gif);} 



	
#header {height: 96px; background-color:#231F20; }
#banner {float:right; padding:0; }
#logo {	float: left; padding: 0;}

/* ----  Banners ----- */


#header-text {	font-size: 2.5em; Font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; float: right; padding-right: 1em; padding-bottom: 1em;}

#sidebar { /* border-left: 1px solid #ccc;  */
	float: right; width: 235px; }
#sidebar-left { /* border-left: 1px solid #ccc;  */
	width: 235px; float:left;}
#content { /* border-right: 1px solid #ccc; */
         background: #fff url(../images/logo-light-bg.gif) no-repeat right;
	 width: 510px; }
#content-dir { /* border-right: 1px solid #ccc; */
	 width: 510px; float: right;}

#about #container, #weather #container, #advertise #container, #links #container, #contact #container {background: #fff }
#about #content, #weather #content, #advertise #content, #links #content, #contact #content   {width:740px;}
#about #sidebar, #weather #sidebar, #advertise #sidebar, #links #sidebar, #contact #sidebar {display:none;}
/*#directory #container #content {background: #fff; width: 740px;}*/



#content div {padding: 0 10px;}
#content-dir div {padding: 0 1em;}
#sidebar div, #sidebar-left div {padding: .4em; }
#content div.subnav div.subnav_b{padding: 0em; }

#footer {/*background: #E8E1DB;*/
	color: #900; height: 4em ; clear:both;	border-top: 1px solid #ccc;
	background: #fff;
	padding: 1px 0 0 10px;	margin: 0}

.contentpadding {padding: 1em 3em;}	
.sidebarpadding {padding: 1em 1em;}	
	
 /* --------- Links ----------- */
a:link { color: #64277D; text-decoration:underline;	}
a:visited { color: #00254A; text-decoration:underline;}
a:hover { color: #00254A; text-decoration:none; }

/* ----- Headers ------ */
h1, h2, h3, h4 { color:000; Font-family:Arial, Helvetica, sans-serif;} 

h1 {font-size: 1.6em; color:#27375F; padding: 0; margin: 0;}

h2	{ font-size: 1.8em; font-style:normal; margin:0; padding: 0 0 .5em 0 ; font-weight:normal; }
#sidebar h2	{ margin-top: 15px;}

h2 span { display:block; height: 1.2em; background: url(../images/h_bullet.gif) no-repeat left; padding: .4em 0 0 1.9em;}
h3  {font-size: 1.4em; margin: 0; padding: 0 0 0 0; color: #333; }

#content-dir h3  {font-size: 1.4em; margin: 0; padding: .2em 0; border-bottom: 1px solid #000;  color: #fff; text-align:right;}
#content-dir h3 div {background: #000; display:inline; padding: .2em .5em;}
#sidebar h3 {font-size: 1.1em;}

h4 { font-size:1.4em; color:#069; padding: 0 0 .5em 0; margin: 0; line-height: 1.5em;}

/* ------ Paragraphs ------------ */
#sidebar p { font-size: 1.2em ;}
p { font-size: 12px; line-height:1.6em; margin: 0; padding: 0 0 1em 0;}
p.footer {font-size:1.1em; color:#999; padding: 5px 5px 5px 0px;	margin:0;}	
p.footer a:link, p.footer a:visited { color:#999; 	}


/* ----- Tables ---- */
td, th { font-size: 12px; margin: 0; padding: 0;}
th {font-weight: bold;}
#content-dir table {width: 95%;}
td.phone {font-weight: bold; text-align:right; padding-right:15px;}
.dirspace {height: 10px}
td a:link {font-size:12px;}

/* --------- Bannera --------------- */

#feature {height:204px;  background: #231F20;} 

#topbar {
	height:11px; background: #fff url(../images/blk_line.gif) repeat-x; border-top: 5px solid #f60; border-bottom: 1px solid #fff;}	
#bottombar {
	height:11px; background: #fff url(../images/blk_line.gif) repeat-x; border-bottom: 1px solid #fff;}	
	
/* ----- Lists ------ */

#content ul{ font-size: 1.2em; margin-top:0; list-style-image:url(../images/bullet.gif);}
td a { font-size: 10px; margin-top:0; list-style-image:url(../images/bullet.gif);}
#content ul ul { font-size: .9em; margin-top:0; list-style-image:url(../images/bullet.gif);}
#sidebar ul{ font-size: 11px; margin: 0 0 .5em 2.5em; padding: 0;list-style-image:url(../images/bullet.gif);}
#sidebar li, #content li{ line-height: 1.5em}
ol { margin: 0 0 .5em 2em; padding: 0 0 .5em 2em;}
#sidebar-left ul{ font-size: 12px; margin: 0 0 .5em 2.5em; padding: 0;list-style-image:url(../images/bullet.gif);}
#sidebar-left li, #content li{ line-height: 1.5em}
ol { margin: 0 0 .5em 2em; padding: 0 0 .5em 2em;}



/* ------- Images --------- */
 .cmsimg {float: left; border: 1px solid #999; margin: 0 1.5em .2em 0; padding: .3em;}
 img.banner {border-width:0;}

/* -------- Other -------  */
.indent {margin-left: 1.5em;}
.clear {clear:both; height:0;}
.whtline {clear:both; height:15px; background:#fff;}

.hide { display:none; }	
.floatleft {float: left; margin: 5px 10px 5px 1px; position:relative;}
.floatright {float: right; margin: 0 1px 10px 10px;position:relative;	}
.weatherhome { background-color: #fff; float: right; margin: 0 0px 2px 5px;position:relative;	border: 1px solid #999; padding:0;}

/* --------- Admin ------------ */

.update, .add, .delete {padding:0;margin:5px;}
.admin {font-size:10px;color:#999;padding: 0px 5px 0px 0px;margin:0;	}
	
.admin a:link, .admin a:visited {
	font-size:10px;	color:#999;	padding: 5px 5px 0px 0px; margin:0;
		} 	
/* Form Elements */	

textarea #content_text {background: #ccc;}
form {margin: 0;padding: 0;}
fieldset {	margin:0; padding: 0; border: 0px; color: #c00; font-size: 1.2em;}
input {	border: 1px solid #036;	font-size:10px;	padding: 1px;	margin: 2px;}
fieldset br {display: none;}
legend {display: none;}
label {	display: block;}


#error {float: right;	margin-left: 5em;	color: #903;}

/*
fieldset div:hover span, * html fieldset div span {
	font-size: 1em;	color: #000; background-color: #f0f0f0;	margin-left: 30em;	padding: .1em .5em;
	border: 1px dotted #666666;	display: block;	position: absolute;	right: 3px;}
* html fieldset div span {
	position: static;	margin-left: 3em;	background-color: transparent;}
*/

div.cr p {	margin: 0;}
.mandat {font-weight: bold;	font-size: 1em;	color: #f60; }
.mandat:after {	content: "*";}
.optional {	font-weight: bold;	font-size: 85%;	color: #666666;}
div.formbtn {clear: both; background-color:#00FF00;	
}
.removed {display: none !important;}

/* app config */

#container-app {
	background: #fff;
	position: relative;	margin: 0 auto;	padding: 0;	text-align: left; border: 1px solid #999; border-width: 0 1px 1px 1px; 
	width: 760px;
	}

#content-app { /* border-right: 1px solid #ccc; */
	float: left; 
	padding: 1em;}

#container fieldset {margin: 1em;}
/* ----  --- */
#search {padding:0 0 15px 0; border-bottom: 1px solid #fff; margin: 5px 5px 0 0 }
#search form {padding:0 ; margin:0;}
#search label { display:inline; color: #333; font-weight: bold; font-size: 11px; }
#search input.btn {	color:#fff; border: 1px solid #036;	font-size:10px;	padding: 1px; background: #AF8327; font-weight:bold; font-size: 10px;}
#search fieldset {margin: 0;}
.smallwidth {width:80px;}
.homelist {margin:0; padding: 20px 5px 5px 20px; font-size: 11px; }
.homelist li{ font-size: 12px; padding-bottom:.5em;}
.weathergraph {float: right; margin: 0 200px 10px 10px; position:relative;	}
.small {font-size: 10px;}
td {font-size: 12px}
td.tdsuburb { font-size:14px; color:#069; padding-top: .5em; margin: 0; font-weight: bold;}
th a { font-size: 12px; font-weight:normal;}
th a strong{ font-size: 12px; font-weight:normal;}
td a { font-size: 12px; font-weight:normal;}

/* --- --- */
#content div.subnav {background: #CCFFCC url(../images/subnav_t.jpg) right top no-repeat; width: 200px; padding: 15px 0 0 0; margin-bottom: 10px; }
.subnav_b { height: 10px; background: url(../images/subnav_b.jpg) right bottom no-repeat; padding: 0; }

.subnav ul { padding: 2px 0; margin: 0; border-top: 1px dashed #999;}
.subnav ul li { border-bottom: 1px dashed #999; list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
.subnav ul li a { display: block; padding: 2px 0px 2px 20px; background: url(../images/bullet.gif) 2% 50% no-repeat; text-decoration: none; width: 215px; font-size: 14px;}
.subnav ul li a:hover { background: #762179 url(../images/bullet.gif) 2% 50% no-repeat; color: #FC0;  }