* { 
margin: 0px; 
padding: 0px; 
}

BODY, TD, P  { font-size : 12px; font-family : verdana, helvetica, arial, sans-serif; color : #2A2323; line-height : 1.5em;}

P {margin-top : 0; margin-bottom : 1em;}

BODY {
  margin : 0;
  color : #2A2323;
  background : #52B39B;
  text-align: center;
}

ul,ol { list-style-position: outside; margin-left : 1em; margin-bottom : 1em; }
li {margin-left : 1.33em;}

h1 {font-weight : bold; font-size : 28px; color : #3597D4; margin-bottom : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}
h2 {font-weight : bold; font-size : 20px; color : #3597D4; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}
h3 {font-weight : bold; font-size : 18px; color : #3597D4; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}
h4 {font-weight : bold; font-size : 16px; color : #3597D4; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}
h5 {font-weight : bold; font-size : 14px; color : #3597D4; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}
h6 {font-weight : bold; font-size : 12px; color : #3597D4; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serf;}

A  {color : #57894D; font-weight : bold; text-decoration : underline;}
A:Visited  { color : #57894D; font-weight : bold; text-decoration : underline;}
A:Active  { color : #57894D; font-weight : bold; text-decoration : underline;}
A:Hover  { color : #8BBF80;	font-weight : bold; text-decoration : none;}

div#wrapper {
   width: 920px;
   min-height : 500px;
   margin: 20px auto 30px auto;
   text-align: left;
   background : #fff url(images/bg_wrapper.gif) bottom left repeat-x;
   padding-bottom : 30px;
   position : relative;
}

div#header {
  width : 100%;
  height : 250px;
  position : relative;
}

img#img_index {
	position : absolute;
	top : 75px;
	right : 15px;
	border-bottom : 5px solid #3597D4;
}

img#logo {
	position : absolute;
	top : 18px;
	left : 14px;
	z-index : 15;
}

div#subnavigation {
  font-size : 10px;
  margin : 0.5em 1em;
  text-align : center;
}

div#nav-wrapper {
  background : #fff;
  position : absolute;
  top : 40px;
  right : 15px;
}

ul#nav {
  font: normal 12px "Trebuchet MS", Verdana, sans-serif;
  color : #000;
  margin : 0;
  list-style: none;
}

ul#nav li {  
  margin : 2px 2px;
  padding : 0;
  display : inline;
  text-align : center;
  float : left;
}

.bg1 {background : #FFE514;}
.bg2 {background : #FFB914;}
.bg3 {background : #8BBF80;}
.bg4 {background : #52B39B;}
.bg5 {background : #C8E7FA;}
.bg6 {background : #79BDE7;}
.bg7 {background : #3597D4;}


ul#nav li a, ul#nav li a:link, ul#nav li a:visited
{
  text-decoration: none;
  font-weight : normal;
  text-align : center;
  color : #000;
  padding : 2px 5px;
  float : left;
  }

ul#nav li a:hover {
  background : #e7e7e7;
}

div#leftside {
	float : left;
	margin-top : 50px;
	margin-left : 15px;
	width : 180px;
}

div#content {
  margin : 10px 10px 15px 200px;
  padding : 7px 10px;
}

div#footer {
	width : 100%;
	text-align : center;
	font-size : 10px;
}

div#footer p, div#footer div {
	font-size : 10px;
}

ul#nav-side {
  margin : 0 0 20px 0;
  width : 180px;
  font: normal 13px "Trebuchet MS", Verdana, sans-serif;
  color : #000;
  list-style: none;
  float : left;
  background : #fff;
}

.sbg1 {background : #FFEF66;}
.sbg2 {background : #FFD266;}
.sbg3 {background : #8ECEBE;}
.sbg4 {background : #A8D4F0;}

ul#nav-side li {  
  margin : 3px 0;
  padding : 0;
  position: relative;
}

/* Fix IE. Hide from IE Mac \*/
 * html ul#nav-side li { float : left; height: 1%;} 
 * html ul#nav-side li a { height: 1%;} 
/* End */

ul#nav-side li ul {
	position: absolute;
	left: 180px; 
	top: 0;
	display: none;
	width : 125px;
	background : #D1D3C9;
	z-index : 30;
	list-style: none;
	margin : 0;
}

ul#nav-side li a, ul#nav-side li a:link, ul#nav-side li a:visited
{
  text-decoration: none;
  font-weight : normal;
  text-align : left;
  color : #000;
  padding : 5px 5px 5px 5px;
  display : block;
  }

ul#nav-side li a:hover {
  background : #D1D3C9;
}

ul#nav-side li ul li a { padding: 1px 5px; display : block; font-size : 11px; text-align : left;} /* Sub Menu Styles */
ul#nav-side li:hover ul, ul#nav-side li.over ul { display: block; } /* The magic */


div#sidebar_right {
  background : #FFEE63;
}

div#sidebar_right div.article {
  padding : 3px;
  border-bottom : 1px dashed #000;
  font-size : 10px;
  line-height : 1.2em;
  margin : 10px 0;
}

div#sidebar_right div.article p {
  font-size : 10px;
  line-height : 1.2em;
}

div#sidebar_right h1 {
  size-size : 16px;
  color : #000;
  margin : 0;
}

div#sidebar_right div.article h3 {
  font-size : 14px;
  color : #000;
  margin : 0;
}

div.clear {
  clear :both;
}

.photo {
  position : relative;
  float: left;
  width: 170px;
  height : 170px;
  margin: 5px;
  padding: 0;
  font-size : 10px;
  text-align : center;
  overflow : auto;
}

.photo img {
  display : block;
  margin : 0 auto;
  text-align : center;
  border : none;
}

/* Events */
table.calendar {
  width:550px;
  border-collapse : collapse;  
}

/* Fix IE. Hide from IE Mac \*/
 * html table.calendar { height: 1%;} 
/* End */

td.calheadcell{
	/*float:left;
	display:  table-cell;*/
	width:13.5%;
	background :#81B9C2;
	padding: 1px;
	font-size: 13px;
	font-weight: bold;
	border : 1px solid #529EAB;
}
tr.calrow{
	overflow:none;
}
td.calno{
	/*float:left;*/
	width:13.5%;
	background-color : #ECECEC;
	height:115px;
	padding: 1px;
	border : 1px solid #529EAB;
}
td.full{
	/*float:left;*/
	width:13.5%;
	background-color:#ccc;
	height:115px;
	border:1px solid #81B9C2;
	overflow:auto;
	font-size : 10px;
	vertical-align : top;
}

td.empty{
	/*float:left;*/
	width:13.5%;
	height:115px;
	background-color:#ddd;
	border:1px solid  #81B9C2;
	font-size : 10px;
	vertical-align : top;
}
td.today{
	/*float:left;*/
	width:13.5%;
	height:115px;
	background-color:#E2EFF1;
	border:1px solid  #81B9C2;
	overflow:auto;
	font-size : 10px;
	vertical-align : top;
}

.date {
  font-weight : bold;
}

div#norlink {
  text-align : center;
  font-size : 9px;
  color : #000;
}

div#norlink a {
  color : #000;
  font-weight : normal;
}

table#tbl-home td {
  width : 155px;
  vertical-align : top;
  border-right : 15px solid #fff;
}

table#tbl-home h3 {
  color : #000;
  font-size : 14px;
  font-weight : bold;
  width : 100%;
  border-bottom : 4px solid #fff;
  margin : 0;
  padding : 7px 0;
  text-align : center;
}

table#tbl-home td img {
	width : 155px;
	height : 107px;
	overflow : hidden;
	display : block;
}

td.residents {
 background : #D0EBE4;
}

td.residents h3 {
  background : #8ECEBE;
}

td.visitors {
  background : #FFF9BF;
}

td.visitors h3 {
	background : #FFEF66;
}

td.business {
  background : #FFEDBF;
}

td.business h3 {
  background : #FED265;
}

td.townhall {
	background : #DBEDFB;
}

td.townhall h3 {
	background : #A8D4EF;
}

div#sidebox {
  float : right;
  width : 195px;
  border : 2px solid #D9B283;
  padding : 5px;
  text-align : right;
}

div#sidebox input, div#sidebox select{
  width : 60px;
  margin-right : 5px;
}

div.clearright {
  clear : right;
}

div#icons {
  position : absolute;
  top : 245px;
  right : 15px;
  font-weight : bold;
  font-size : 16px;
  color : #B36607;
  font-family : "Trebuchet MS", Verdana, sans-serf;
}

div#icons img {
  margin-right : 3px;
}
  

form#realty_add{
 position : relative;
 /*display:inline;*/
}

form#realty_add div {
  padding : 0.6em 0 0 0;
}

div.field-wrapper {
  position : relative;
  padding : 0;
  width : 325px;
}

div.field-wrapper input.main {
 	position:absolute;
 	left:65px;
	top : auto;
	width : 240px;
}

div.listing {
  float : left;
  width : 160px;
height : 155px;
  margin : 5px;
  text-align : center;
  border : 1px solid #C6C6AC;
  position : relative;
  overflow : hidden;
}

input.viewlisting {
  background : #B9B99F;
  color : #fff;
  font-weight : bold;
  font-size : 12px;
  border : none;
  margin : 2px 3px;
  width : 100px;
  height : 23px;
}

div.list-thumbs {
  float : right;
  width : 125px;
}

div.list-thumbs img {
  margin-bottom : 5px;
  border : 1px solid #000;
}