body {
  background:#494539;
  margin:0;
  text-align:center;
}

#wrapperTable {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.leftDropshadowColumn
{
  width:11px;
  background:#494539 url(../../sji/images/shadow_left.gif) repeat-y;
}
.rightDropshadowColumn
{
  width:11px;
  background:#494539 url(../../sji/images/shadow_right.gif) repeat-y;
}
.bottomDropshadowRow
{
  width:782px;
  height:12px;
  background:#494539 url(../../sji/images/shadow_bottom.gif) no-repeat;
}

#innerWrapper {
  width:740px;
  background:#ffffff;
  padding:0px 10px 0px 10px;
}

#topLinks
{
  text-align:right;
  font-family:Arial;
  font-size:12px;
  margin:9px 9px 18px 0;
}
#topLinks a, a:visited
{
  color:#000000;
  text-decoration:none;
}
#topLinks a:hover
{
  color:#000000;
  text-decoration:underline;
}

#topHeaderArea {
  width:740px;
  height:65px;
 
}

#topHeaderArea2 {
  width:740px;
  height:140px;
  height:166px;
  
  }

#page
{
  padding:0px 0px 0px 0px;
}

#main {
  width:529px;
  padding:0 0 10px 0;
  margin:0;
}

#main2 {
  width:529px;
  padding:30px 0 10px 6px;
  margin:0;
}

#home_link_menu a.link, a.link:visited {
  color: #7f9fb8;
  font-family:Arial;
  font-size:12px;
  text-decoration: none;
  padding-right: 8px;	
}

#home_link_menu a.current_link {
  color: #000;
  font-family:Arial;
  font-size:12px;
  text-decoration: none;
  padding-right: 8px;
  	
}

#content {
  padding:2px;
  font-family:Arial;
  font-size:12px;
  line-height:20px;
}

#infoBox
{
  width:518px;
  height:413px;
  margin:12px 11px 0px 0px;
  background:#EDEFE6;
}
#infoBox .infoContent
{
  height:361px;
  padding:1px;
  border:1px solid #51610C;
  border-top:0;
  margin:0;
  overflow:auto;
}
#infoBox #weather {
  display:block;
}
#infoBox #webcam {
  display:none;
}
#infoBox #calendar {
  display:none;
}
#infoBox #latestNews {
  display:none;
}


#infoboxNav, #infoboxNav ul /* all lists */
{ 
	padding:0;
	margin:0;
	list-style:none;
}

#infoboxNav li /* all list items */
{ 
	float:left;
	position:relative;
}


#infoboxNav_weather a {
  display:block;
  background:#51610C url(../../sji/images/infoboxNav2_weather.gif) no-repeat;
  background-position:0px 0px;
}
#infoboxNav_weather a img {
  height:32px;
  width:130px;
}
#infoboxNav_weather a:hover {
  background-position:-130px 0px;
}
#infoboxNav_weather a.selected {
  background-position:-260px 0px;
}

#infoboxNav_webcam a {
  display:block;
  background:#51610C url(../../sji/images/infoboxNav2_webcam.gif) no-repeat;
  background-position:0px 0px;
}
#infoboxNav_webcam a img {
  height:32px;
  width:130px;
}
#infoboxNav_webcam a:hover {
  background-position:-130px 0px;
}
#infoboxNav_webcam a.selected {
  background-position:-260px 0px;
}

#infoboxNav_calendar a {
  display:block;
  background:#51610C url(../../sji/images/infoboxNav2_calendar.gif) no-repeat;
  background-position:0px 0px;
}
#infoboxNav_calendar a img {
  height:32px;
  width:130px;
}
#infoboxNav_calendar a:hover {
  background-position:-130px 0px;
}
#infoboxNav_calendar a.selected {
  background-position:-260px 0px;
}

#infoboxNav_latestNews a {
  display:block;
  background:#51610C url(../../sji/images/infoboxNav2_latestNews.gif) no-repeat;
  background-position:0px 0px;
}
#infoboxNav_latestNews a img {
  height:32px;
  width:128px;
}
#infoboxNav_latestNews a:hover {
  background-position:-128px 0px;
}
#infoboxNav_latestNews a.selected {
  background-position:-256px 0px;
}


#rightSidebar {
  width:211px;
  padding:0;
  margin:0;
  background:#CFC7B0;
}
#rightSidebar .descriptiveText
{
  height:211px;
  background:#003F72;
}

#searchProperties
{
  width:190px;
  margin:12px 11px 12px 10px;
  background:transparent;
}
#searchProperties h1
{
  width:140px;
  color:#003F72;
  font-size:14px;
  background:transparent;
  margin:0;
  padding:2px;
}
#searchProperties #searchPropertiesContent
{
  height:150px;
  padding:10px;
  border-top:1px solid #ffffff;
  margin:0;
  overflow:auto;
  background:transparent;
}

#featuredProperties
{
  width:190px;
  margin:12px 11px 12px 10px;
  background:transparent;
}
#featuredProperties h1
{
  width:140px;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  background:#003F72;
  margin:0;
  padding:2px;
}
#featuredProperties #featuredPropertiesContent
{
  height:361px;
  padding:10px;
  border:1px solid #003F72;
  font-family:Arial;
  font-size:11px;
  margin:0;
  overflow:auto;
  background:#ffffff;
}

#testimonials
{
  width:190px;
  margin:12px 11px 12px 10px;
  background:transparent;
}
#testimonials h1
{
  width:140px;
  color:#ffffff;
  font-family:Arial;
  font-size:12px;
  background:#51610C;
  margin:0;
  padding:2px;
}
#testimonials #testimonialsContent
{
  height:150px;
  padding:5px;
  border:1px solid #51610C;
  font-family:Arial;
  font-size:11px;
  margin:0;
  overflow:auto;
  background:#ffffff;
}




.homeBox
{
  width:720px;
  height: 150px;
  background-color: #F9F8EC; 
  cursor: pointer;
  border-top:solid 1px #6A7F10;
  border-bottom:solid 1px #6A7F10;
  margin:15px 0 10px 0;
  padding:8px;
}

.homeBox .homePic
{
  float:left;
  padding:4px 0 0 2px;
}

.homeBox .homeDetails
{
  float:left;
  padding:0 0 0 17px;
  font-family:Arial;
  font-size:11px;
  line-height:13px;
  color:#555042;
  width: 500px;
}

.homeDetails .header {
  margin: 0 2px 0px 2px; 
  padding: 0 0 0 0;
  font-family: Arial; 
  border-bottom: 1px solid #DFD9C4;	
  font-size:12px;
  line-height: 12px;
  color:#005D84;
  float: left;
}

.homeDetails .header a, a:visited {
  text-decoration: none;
  color:#005D84;
}

.homeDetails .homePrice {
  color: #000;
  font-size: 10px;
  float: right;
}

.homeDetails .clear {
  clear: both;
}

.homeDetails .description {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000;
  font-size: 11px;
}

.homeDetails .description2 {
  color: #003F72;
  font-size: 10px;
  padding-top: 4px;
}

#navigation2 {
  width:740px;
  height:39px;
  background:#51610C;
  border-top:solid 7px #ffffff;
}

#navigation {
  width:740px;
  height:39px;
  background:#51610C;
  margin-top:0px;
  margin-bottom:10px;
}

.topNavSeparator
{
  margin:0;
  padding:0;
  height:34px;
  width:1px;
  background:#ffffff url(../../sji/images/nav_separator.gif) no-repeat;
}

.topNav 
{
	height:34px;
	display:block;
	padding:0;
}
.topNav ul
{
}
.topNav a
{
  padding:0;
  margin:0;
}

/*

in order to get the rollover to work,
  create a double image of the regular state and rollover state attached horizontally
  then do a:hover { text-indent: -nnnpx; }
  
each topNav ID needs to have its own text-indent

see: http://www.christianmontoya.com/2006/02/01/pure-css-image-rollover/


This will also work for the selected state.
If the section is selected,
  then PHP can write out a special class which will apply the text-indent: -nnnpx; style.

*/

#topNav_welcome a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_welcome.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_welcome a.topNav_link img {
  height:34px;
  width:97px;
}
#topNav_welcome a.topNav_link:hover {
  background-position:-97px 0px;
}
#topNav_welcome a.topNav_selected {
  background-position:-194px 0px;
}

#topNav_homes a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_homes.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_homes a.topNav_link img {
  height:34px;
  width:86px;
}
#topNav_homes a.topNav_link:hover {
  background-position:-86px 0px;
}
#topNav_homes a.topNav_selected {
  background-position:-172px 0px;
}

#topNav_services a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_services.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_services a.topNav_link img {
  height:34px;
  width:96px;
}
#topNav_services a.topNav_link:hover {
  background-position:-96px 0px;
}
#topNav_services a.topNav_selected {
  background-position:-192px 0px;
}

#topNav_activities a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_activities.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_activities a.topNav_link img {
  height:34px;
  width:103px;
}
#topNav_activities a.topNav_link:hover {
  background-position:-103px 0px;
}
#topNav_activities a.topNav_selected {
  background-position:-206px 0px;
}

#topNav_areaInfo a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_areaInfo.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_areaInfo a.topNav_link img {
  height:34px;
  width:100px;
}
#topNav_areaInfo a.topNav_link:hover {
  background-position:-100px 0px;
}
#topNav_areaInfo a.topNav_selected {
  background-position:-200px 0px;
}

#topNav_companyInfo a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_companyInfo.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_companyInfo a.topNav_link img {
  height:34px;
  width:126px;
}
#topNav_companyInfo a.topNav_link:hover {
  background-position:-126px 0px;
}
#topNav_companyInfo a.topNav_selected {
  background-position:-252px 0px;
}

#topNav_requestInfo a.topNav_link {
  display:block;
  background:#51610C url(../../sji/images/nav2_requestInfo.gif) no-repeat;
  background-position:0px 0px;
}
#topNav_requestInfo a.topNav_link img {
  height:34px;
  width:126px;
}
#topNav_requestInfo a.topNav_link:hover {
  background-position:-126px 0px;
}
#topNav_requestInfo a.topNav_selected {
  background-position:-252px 0px;
}


.subNav 
{
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	clear:left;
	line-height:14px;
	display:inline;
	vertical-align:middle;
	padding-right:0;
	margin-top:1px;
	background-color:#ffffff;
}
#nav .subNav a
{
	font-family: Arial;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	display:inline;
	font-weight:normal;
	display:block;
	height:100%;
	padding:4px 4px 4px 22px;
	border-left:solid 1px #cccdd2;
	border-right:solid 1px #cccdd2;
	width:165px;
}
#nav .subNav a:hover
{
	color:#6167ff;
	background-color:transparent;
	border:0px;
	border-left:solid 1px #cccdd2;
	border-right:solid 1px #cccdd2;
}

.subNav3
{
	font-weight:normal;
	text-align:left;
	letter-spacing:0;
	clear:left;
	line-height:14px;
	display:inline;
	vertical-align:middle;
	padding-right:0;
	margin-top:1px;
	background-color:#ffffff;
}

#nav, #nav ul /* all lists */
{ 
	padding:0;
	margin:0;
	list-style:none;
}

#nav li /* all list items */
{ 
	float:left;
	position:relative;
	/*width:auto;*/
}

#nav li ul /* second-level lists */
{ 
	display:none;
	position:absolute;
	left:0;
	width:165px;
	background-color:#cccdd2;
	padding-bottom:1px;
  z-index:5;
}

#nav li>ul 
/* 
to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
*/
{ 
	top:34px;
	left:auto;
}

#nav li ul ul /* third-level lists */
{ 
	display:none;
	position:absolute;
	left:166px;
	top:0px;
	width:165px;
	background-color:#cccdd2;
	padding-bottom:1px;
	margin: 3px 0 0 164px;
  z-index:10;
}

#nav li>ul>ul
/* 
to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
*/
{ 
	top:0px;;
	left:166px;
}

#nav li:hover ul ul, #nav li.over ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul { /* lists nested under hovered list items */
	left: auto;
	display:block;
}