body
{
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
	
margin-top:0px; 
margin-bottom:0px;
background:url(images/background.jpg) repeat-y center; 
background-color:#d2d2d2; 
/*background-color:#FF0000;*/
        
		

				 text-align:center; /* for IE */

}

div#wrapper {
text-align:left;
background-color:#000000;
margin:0 auto; /* for the rest */
width:950px; /* or a percentage, or whatever */
border: solid 1px;
		border-color:#000000;
}
div#ares-wrapper {
	/*text-align:left;*/
background-color: #999999;
	margin:0 auto; /* for the rest */
	width:950px; /* or a percentage, or whatever */
	height: auto;
}

       



.flash
{
	width: 200;s
	height: 200;
	z-index: 3;
	/*overflow: default;*/
	top: 100px;
	left: 201px;
	position: absolute;
} 


.text2
{
	z-index: 2;
	/*overflow: default;*/
	color: #000000;
	background-image:url(images/bg.png);
	font-size: 18px;
	top: 151px;
	left: 1px;
	position: absolute;
	width: 401px;
	height: 30px;
	

} 
#feature {
	position: relative;
	width: 950px;
	bottom: 0px;
      } 
	  
	  #feature-top {
        position: absolute;
		color:#af6019;
		z-index: 2;
        top:0 ; 
        right:1px;
		  height: 25px; 
        width: 949px; 
        background-image:url(images/bg77.png);
		
      } 
	  #feature-header1 {
        position: absolute;
		color:#FFFFFF;
		z-index: 2;
		top:30 ;
        right:1px; 
		 height: 20px; 
        width: 949px; 
        background-image:url(images/dark-bg.png);
		
      } 
	  #feature-header1 span{
        
		padding: 2 0 0 250px;
        font-size: .8em;
      } 
	  #feature-header2 {
        position: absolute;
		color:#af6019;
		z-index: 1;
        top:50 ; 
        right:1px;
		  height: 20px; 
        width: 949px; 
        background-image:url(images/bg77.png);
		
      } 
	  #feature-header2 span{
        
		padding: 2 0 0 200px;
        font-size: 1em;
		font-weight: bold;
      } 
	  #feature-logo {
        position: absolute;
		width: 195px;
		height:86px;
		background-image:url(images/logo.png);
		z-index: 3;
        top:10 ; 
        left: 0; 
		
      } 
	  #feature-res {
	position: absolute;
	z-index: 2;
	top:96;
	left: 0;
	height: auto;		
      } 
	   #feature-res-right {
        position: absolute;
		
		z-index: 2;
        top:96 ; 
        right: 0; 
		
      } 
      #feature-content {
	position: absolute;
	z-index: 2;
	bottom: 35px;
	left:0px;
	height: auto;
	width: 573px;
	color: #333333;
	background-image:url(images/bg85.png);
      } 
	   #feature-about-content {
        position: absolute;
		z-index: 2;
        bottom: 50; 
          left:0;
		height: 185px; 
        width: 950px;
		color: #333333;
        background-image:url(images/bg85.png);
      } 
	  #feature-region-content
	  {
	position: absolute;
	z-index: 2;
	bottom: 25px;
	left:0;
	height: auto;
	width: 573px;
	font-size:0.9em;
	color: #333333;
	background-image:url(images/bg85.png);
      } 
	  #feature-region-content-end{
	position: absolute;
	z-index: 2;
	bottom: 25px;
	left: 923;
	background-image:url(images/bg85.png);
	width:27px;
	height: 215px
	  }
	  #hotelslide{
	position: absolute;
	z-index: 2;
	bottom: 15px;
	left: 573;
		}
		#hotelslide-left{
	position: absolute;
	z-index: 2;
	top: 320;
	left: 27;
		}
		#feature-content-end-left{
	position: absolute;
	z-index: 2;
	top: 420px;
	left: 0;
	background-image:url(http://www.travelcal.com/images/bg85.png);
	width:27px;
	height: 140px
	  }
	  #feature-content-end{
	position: absolute;
	z-index: 2;
	bottom: 35px;
	left: 923;
	background-image:url(images/bg85.png);
	width:26px;
	height: 206px
	  }
	  #feature-content h3 {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10 0 0 10;
        font-weight: bold;
        font-size: 1em;
      } 
      #feature-content p {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10px 10px 10px 10px;
        font-weight: normal;
        font-size: .8em;
      } 
	  #feature-about-content h3 {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10 0 0 10;
        font-weight: bold;
        font-size: 1em;
      } 
      #feature-about-content p {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10px 10px 10px 10px;
        font-weight: normal;
        font-size: .8em;
      } 
	  #feature-content-left {
	position: absolute;
	z-index: 2;
	top: 420px;
	left: 377;
	height: 140px;
	width: 573px;
	color: #333333;
	background-image:url(http://www.travelcal.com/images/bg85.png);
      } 
	  #feature-content-left h3 {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10 0 0 10;
        font-weight: bold;
        font-size: 1em;
      } 
      #feature-content-left p {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10px 10px 10px 10px;
        font-weight: normal;
        font-size: .8em;
      } 
	  #feature-region-content h3 {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10 0 0 10;
        font-weight: bold;
        font-size: 1em;
      } 
      #feature-region-content p {
	  color:#000000;
        margin: 0;
        padding: 10px;
        line-height: 16px;
        padding: 10px 10px 10px 10px;
        font-weight: normal;
        font-size: .8em;
      } 
	  #feature-bar {
		  width:949px;
		  background-image:url(images/bar.jpg);
		  height:15px;
		  right:1px;
		  
	  }
	  #feature-bar2 {
		  width:950px;
		  background-image:url(images/bar2.jpg);
		  height:15px;
		  
	  }
	  #visitor-info-bar{
	   margin: 0;
	   left:0;
	  
	  width:950px;
	  
	  background-color:#FFF;
	  }
	  div.ares-tiles{
	  background-color:#000000;
	  position: relative;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
		height: 150px;
	
	
	  }
	  .tile1{
	  background-image:url(images/ares_tile1.jpg);
	  width:236px;
	  height:150px;
	  }
	   .tile2{
	  background-image:url(images/ares_tile2.jpg);
	  width:236px;
	  height:150px;
	  }
	   .tile3{
	  background-image:url(images/ares_tile3.jpg);
	  width:236px;
	  height:150px;
	  }
	   .tile4{
	  background-image:url(images/ares_tile4.jpg);
	  width:236px;
	  height:150px;
	  }
	  div.regions{
	  background-color:#000000;
	  width:950px;
	  }
      
div.regions table{ position: relative;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
		height: 112px;
	list-style: none;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	color:#FFFFFF;
	
	font-size:18pt;
	}
div.regions li {float:left;list-style: none; }
.regions td  { position:aboslute;}
.regions td span {position:relative; float:right; top:50%; background-image:url(images/dark-bg.png); width:100%}
div.regions li a{ display:block;background-repeat:no-repeat; float:left; top:50%}
a.SanFran {background-image:url(images/regions/san_fran2.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }
.regions table{margin:0; padding:0}
a.OrangeCounty {background-image:url(images/regions/orange_county2.jpg);width:294px;height:110px;display:block;background-repeat:no-repeat;	 }
a.GoldCountry {background-image:url(images/regions/gold_country2.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }

a.NorthCoast {background-image:url(images/regions/north_coast.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }
a.InlandEmpire {background-image:url(images/regions/inland_empire.jpg);width:294px;height:110px;display:block;background-repeat:no-repeat;	 }
a.CentralValley {background-image:url(images/regions/central_valley.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }

a.CentralCoast {background-image:url(images/regions/central_coast.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }
a.SanDiego {background-image:url(images/regions/san_diego.jpg);width:294px;height:110px; display:block;background-repeat:no-repeat;	}
a.HighSierra {background-image:url(images/regions/high_sierra.jpg);width:320px;height:110px; display:block;background-repeat:no-repeat;	}

a.LosAngeles {background-image:url(images/regions/los_angeles.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }
a.ShastaCascade {background-image:url(images/regions/shasta_cascade.jpg);width:294px;height:110px;display:block;background-repeat:no-repeat;	 }
a.Desert {background-image:url(images/regions/desert.jpg);width:320px;height:110px;display:block;background-repeat:no-repeat;	 }

.regiontiles{

	margin: 0 0 0 0;
	width:950px;
	
}
.regiontiles td img{
width:190px;
}
.abouttiles{

	margin: 0 0 0 0;
	width:950px;
	
}
.abouttiles td img{
width:237.5px;
}

.suckertreemenu{
position: absolute;
		
		z-index: 2;
		top:30 ;
        left: 0; 
		 height: 20px; 
         
        
		}
.suckertreemenu li{
background-image:url(images/header-bg.png);
}

.suckertreemenu ul{
margin: 0;
padding: 0 ;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	
	
	left: 193px;
}


/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 125PX; /*Width of top level menu link items*/
text-align:center;
padding: 0;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: white;
font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;



}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
z-index:3;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
left: 0;
z-index:3;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
z-index:3;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
z-index:3;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}


	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#button-slide a:hover{
background-position:right;
}
.widget-close-button{
text-decoration:none;
 font-size:7pt;
 background-image:url(images/close.png); 
 display:block;background-repeat:no-repeat;
 color: white; 
 text-align:center; 
 width:35px ;
 height:11px;
}
.widget-close-button span{
border:1px black;font-size:6pt;cursor:hand;
}
.weather-tab{
 position:absolute;top:75px; right:0px;   width:92px; height:45px; 
 }
.weather-tab a{
 background-image:url(images/weather-button_slide.png); background-repeat: no-repeat; display:block;  width:92px; height:45px;
 }
 #subcontent1{
 position:absolute; z-index:3; visibility: hidden; border: 1; width: 300px; height: 357px; padding: 4px;
 }
 .drive-tab{
 position:absolute;top:125px; right:0px;   width:92px; height:45px; 
 }
 .drive-tab a{background-image:url(images/drive-button_slide.png); background-repeat: no-repeat; display:block;  width:92px; height:45px;}
 #subcontent2{position:absolute; z-index:3; visibility: hidden; border:0;   padding: 0px;width: 410px; height: 320px;}
 
 .snow-tab{
position:absolute;top:175px; right:0px;   width:92px; height:45px; 
 }
.snow-tab a{background-image:url(images/snow-button_slide.png); background-repeat: no-repeat; display:block;  width:92px; height:45px;}
 #subcontent3{position:absolute; z-index:3; visibility: hidden; border: 1;   padding: 4px;}
 .surf-tab{
 position:absolute;top:175px; right:0px;   width:92px; height:45px; 
 }
 .surf-tab a{background-image:url(images/surf-button_slide.png); background-repeat: no-repeat; display:block;  width:92px; height:45px;}
 #subcontent4{position:absolute; z-index:3; visibility: hidden; border:1; width: 468px; height: 211px; padding: 4px;}
 
 
 .bottom {
	 position: relative;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	 
	color: #ffffff;
}

a.bottom:link {  
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;	
	color: #ffffff;
}
a.bottom:visited {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	 text-decoration:none;
	color: #ffffff;
}
a.bottom:hover {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	
}