/**************************************************************
   Used to preload images for CSS rollovers
 **************************************************************/

#preloader {
  position: absolute; 
  width: 0; 
  height: 0; 
  visibility: hidden;
}



/**************************************************************
   Top blue link bar
 **************************************************************/

#topbar {
  height: 2em;
  background: url(../images/Img/thead.gif);
}

#topbarInner {
  width: 730px;
  height: 100%;
  margin: 0 auto;
  text-align: right;
}

#topbar ul {
  margin: 0;
  padding: 0;
}

#topbar ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none; /* Trick IE into not displaying a bullet */
}

#topbar ul li a {
  padding: 0 20px;
  color: #A7AB32;  
}

#topbar ul li a:hover {
  color: #FFF;
  border: 0;
}

/* Icons for the top bar */
#topbar ul li a.house {
  background-position: 6px 2px;
}

#topbar ul li a.house:hover {
}

#topbar ul li a.mail {
  padding: 0 13px 0 20px;
  background-position: 4px 4px;
}

#topbar ul li a.mail:hover {
}




/**************************************************************
   Site Header image and logo
 **************************************************************/


#header { 
  height: 147px;
  font-size: 1px;
  background: url(../images/Img/hderimg.jpg) no-repeat top center;
}

/* For search engine robots and no css display */
#header h1, 
#header h2 {
  display: none;
}

#header .fade {
	z-index: 6;
	background-image: url(../images/Img/thead.gif);
	position: relative;
}

#header .fade img {
  margin: 100;
}




/**************************************************************
   Interface layout classes - these create the white 
   rounded shape as well as the gradient background.
 **************************************************************/

#page {
  position: relative;
  z-index: 0;
  
  height: auto !important;
  height: 249px;
}

#page .fade {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  height: 249px;
  width: 100%;  
}

#page #fadeEdges {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	height: 249px;
	width: 100%;
	background: url(../images/Img/gn_fde.gif);
}

#page #content {
	position: relative;
	text-align: left;
	z-index: 5;
	margin: auto;
	background: #D7DC8D;
	top: 0;
	width: 730px;
}

#page #bottom {
   height: 28px;
  background: url(../images/Img/bottom.jpg) no-repeat top center;
}

#page img {
  margin: 0 auto;
}



/**************************************************************
   Main Menu at the top
 **************************************************************/

/* Default, 4 items */
ul.topMenu {
  margin: 0 11px;
  padding: 0; 
}

ul.topMenu li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none; /* Trick IE into not displaying a bullet */
}

ul.topMenu li a {
  float: left;
  position: relative;
  width: 159px;
  
  margin-right: 10px;  
  padding: 5px;
  line-height: 120%;  
  
  background: none;
  border-bottom: 0;
} 

ul.topMenu li a.last {
  margin: 0 0 0 1px !important;
  margin: 0 0 0 2px;
}

ul.topMenu li a:hover {
  padding-bottom: 5px;
  background: #EEE url(../images/Img/mn_b_grn.gif) no-repeat bottom left;
  border-bottom: 0;
}
 
ul.topMenu li a.here,
ul.topMenu li a.here:hover {
  padding-bottom: 5px;
  background: #EBF1F5 url(../images/Img/mn_b.gif) no-repeat bottom left;
  border-bottom: 0;
}

ul.topMenu li a span.title {
	display: block;
	position: relative;
	z-index: 1;
	font: 700 1.4em 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
	color: #2d472e;
}

ul.topMenu li a:hover span.title,
ul.topMenu li a.here span.title {
  color: #334F63;
}

ul.topMenu li a span.desc {
  font: 400 1em 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
  color: #666;
}

ul.topMenu li a:hover span.desc,
ul.topMenu li a.here span.desc {
  color: #333;
}

ul.topMenu li a span.top {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 172px;
  height: 9px;  
}

ul.topMenu li a:hover span.top {
  background: url(../images/Img/mn_t_grn.gif) no-repeat top left;
}

ul.topMenu li a.here span.top {
  background: url(../images/Img/mn_t.gif) no-repeat top left;
}


/* 3 Item Menu */
.three ul.topMenu li a {
  width: 219px;
  margin-right: 10px;
} 

.three ul.topMenu li a.last {
  margin: 0 0 0 1px !important;
  margin: 0 0 0 2px;
}

.three ul.topMenu li a:hover {
  background: #EEE url(../images/Img/mn_b_grn_3.gif) no-repeat bottom left;
}
 
.three ul.topMenu li a.here,
.three ul.topMenu li a.here:hover {
  background: #EBF1F5 url(../images/Img/mn_b_3.gif) no-repeat bottom left;
}

.three ul.topMenu li a span.top {
  width: 232px;
}

.three ul.topMenu li a:hover span.top {
  background: url(../images/Img/mn_t_grn_3.gif) no-repeat top left;
}

.three ul.topMenu li a.here span.top {
  background: url(../images/Img/mn_t_3.gif) no-repeat top left;
}


/* 5 Item Menu */
.five ul.topMenu li a {
  width: 123px;
  margin-right: 10px;
} 

.five ul.topMenu li a.last {
  margin: 0 0 0 1px !important;
  margin: 0 0 0 2px;
}

.five ul.topMenu li a:hover {
  background: #EEE url(../images/Img/mn_b_grn_5.gif) no-repeat bottom left;
}
 
.five ul.topMenu li a.here,
.five ul.topMenu li a.here:hover {
  background: #EBF1F5 url(../images/Img/mn_b_5.gif) no-repeat bottom left;
}

.five ul.topMenu li a span.top {
  width: 172px;
}

.five ul.topMenu li a:hover span.top {
  background: url(../images/Img/mn_t_grn_5.gif) no-repeat top left;
}

.five ul.topMenu li a.here span.top {
  background: url(../images/Img/mn_t_5.gif) no-repeat top left;
}




/**************************************************************
    Container for the columns.  If using a side menu, it 
    should be placed inside a #sideBar container.
 **************************************************************/

#columns {
  position: relative;
}



/**************************************************************
   Fixed width side bar
 **************************************************************/

#sideBar {
 
  position: relative; /* needed to stop IE from destroying the sideMenu */
  float: right;  
  width: 169px;
  margin: 15px 12px 0 0 !important;
  margin: 15px 6px 0 0;
  line-height: 120%;
}

/**************************************************************
   Side menu
 **************************************************************/

ul.sideMenu {
  margin: 0;
  padding: 0;    
}

ul.sideMenu li {
  margin: 0;
  padding: 0;
  list-style: none; /* Trick IE into not displaying a bullet */
}

ul.sideMenu li a {
	display: block;
	position: relative;
	width: 159px; /* Needed to stop IE hover flicker */
	margin-bottom: 15px;
	padding: 5px;
	background: none;
	border-bottom: 0;
	background-color: #D7DC8D;
} 

ul.sideMenu li a:hover {
  padding: 5px;
  border-bottom: 0;
  background: #CCCC99;
}

ul.sideMenu li a.here,
ul.sideMenu li a.here:hover {
  background: #CCCC99;
}

ul.sideMenu li a span.title {
  position: relative;
  z-index: 1;
  display: block;
  font: 700 1.4em 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif; 
  color: #2A5F00;
}

ul.sideMenu li a:hover span.title,
ul.sideMenu li a.here span.title {
  color: #2A5F00;
}

ul.sideMenu li a span.desc {
  color: #666;
}

ul.sideMenu li a:hover span.desc,
ul.sideMenu li a.here span.desc {
  color: #333;
}

ul.sideMenu li a span.top {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 172px;
  height: 9px;  
}

ul.sideMenu li a.here span.top,
ul.sideMenu li a.here:hover span.top {
  background: url(../images/Img/mn_t.gif) no-repeat top left;
}

ul.sideMenu li a:hover span.top {
  background: url(../images/Img/mn_t_grn.gif) no-repeat top left;
}




/**************************************************************
   Footer and sub-footer
 **************************************************************/

#footer { 
  clear: both; /* CHANGED */
  margin: 0 0 0 1.5em;
  padding-top: 2.5em;
  font-size: 0.9em;
  color: #2D472E;
  line-height: 120%;
}

#footer ul {
  float: right;
  margin: 0;
  padding: 0;
}

#footer ul li {
  display: inline;
  margin: 0;
  padding: 0 7px;
  list-style: none;
  list-style-image: url(../css/foo.gif); /* Trick IE into not displaying a bullet */
  border-right: 1px solid #CCC;
}

#footer ul li.last {
  border: 0;
  padding-right: 12px;
}

#subFooter {  
  clear: both;  
  font-size: 0.9em;
  z-index: 10;
  color: #2D472E;
  background: #CBCB95;
  line-height: 120%;
  padding-top: 0.5em
}

#subFooterWidth {
  margin: 0 auto;  
  width: 730px;
  text-align: left;
}

#subFooterWidth .left {
  float: left;
  width: 45%;
  padding: 0 0 1em 1em;
}

#subFooterWidth .right {
  float: right;
  width: 45%;
  padding: 0 0.75em 1em 0;
  text-align: right;  
}


/**************************************************************
   Width classes 
 **************************************************************/

.width100 {
  width: 100%;
}

.width90 {
  width: 90%;
}

.width75 {
  width: 74%;
}

.width66 {
  width: 65.7%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}

.width {
  width: 730px;
}





/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}


/**************************************************************
   Navigation
 **************************************************************/

.whitePhone {
  padding-left: 0px;
  background-position: 0 10px;
}

.whiteCheck {
  margin-top: 10px;
  padding-left: 22px;
  background-position: 0 10px;
}

.blueExclamation {
}




/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 0.8em;
}

.big {
	font-size: 1.2em;
	color: #2A3F00;
}

.bigger {
  font-size: 1.3em;
}

.blue {
  color: #2D472E;
  font-weight: bold;
}

.center {
  text-align: center;
}

#listitems ul li {
 padding-bottom: 10px;
}

#map {
  margin-left: 10px;  
  border: thin solid gray; 
}