/************************************************************/
/* Main Page Layout                                         */
/************************************************************/

html, body { height: 100%; }

body {	
      background: #fff url(images/body_bg.gif) repeat-y top center;
	font: normal 12px Verdana, Arial, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: center; /* For IE */
	font-size: 12px;
}

#banner {
      clear: both;         
	height: 130px;
	line-height: 130px;
      width: 992px;
      background: url(images/banner.jpg);	    
      margin-bottom: 10px;  
	}

#outercontainer {      
      background: #fff;      
      position: relative;
	width: 992px;
	margin: 0 auto;
	padding: 0;
	text-align: center; /* For IE, see above */
	overflow: hidden;		
}

#contentDiv {                                     
      margin: 10px 65px 0 305px;
      padding: 0px;                 
      width: auto;           
      text-align: left;
      min-height:490px;
      height:auto !important;
      height:490px;
}
	
#contentDiv li { list-style-type: disc; color: #22568a; }

#contentLeftDiv, #contentLeftTopDiv, #contentLeftBottomDiv {                                     
      margin: 10px 300px 0 305px;
      padding: 0px;                 
      width: auto; 
      text-align: left;
      min-height:450px;
      height:auto !important;
      height:450px;
}
#contentLeftBottomDiv {                                            
      min-height: 280px;      
}
#contentLeftBottomDiv h1 img {
      position: absolute;
      top: 355px;
      left: 305px;               
}

#contentLeftTopDiv {                                     
      margin: 0 250px 0 305px;      
      height: 200px;
      min-height: 200px;      
}


#contentRightDiv {                              
      position: absolute;     
      top: 140px;
      left: 733px;             
      padding: 0;  
      margin: 0;         
	width: 200px !important;
	width /**/: 200px;      
	}
#contentRightDiv img { margin-bottom: 2px; }	
	
#leftDiv {
      position: absolute;
      top: 130px;
      left: 50px;       
      padding: 0;   
      width: 198px;
      background: transparent;
      z-index: 2;
}

#footer {
      clear: both;
      position: relative;
      margin: 0;      
	height: 80px;
	line-height: 15px;
	background: #fff url(images/footer_bg.gif) left top repeat-x;	
	padding: 45px 200px 0 0;	
	color: #fff;
	
	text-align: right;
	font-size: 11px;
	}	
#footer a:link, #footer a:visited {	
	color: #fff;
	}
#footer a:hover, #footer a:active {
	color: #fff;
	background: transparent;
      text-decoration: underline;
	}

#footer a.subtle:link, #footer a.subtle:visited, #footer a.subtle:hover, #footer a.subtle:active { text-decoration: none; cursor: text; }


#W3C {
      position: absolute;
      top: 42px;
      right: 20px;
}

#footer div.footer_right {
      float: right;
      margin-top: -20px;
      margin-left: -150px;      
}


/************************************************************/
/* Supplementary Layout                                     */
/************************************************************/

#home_preview_left, #home_preview_middle, #home_preview_right {
      position: absolute; 
      top: 360px; 
      width: 185px;      
      z-index: 1;
}

#home_preview_left h1, #home_preview_middle h2, #home_preview_right h3 {
      color: #555;
      font: 18px normal Verdana, Arial, sans-serif;
      text-align: left;
      letter-spacing: 2px;
      font-weight: bold;
      color: #111;
      padding: 0px 0px 2px 0px;
      margin: 5px 0px 10px 0px;        
}

#home_preview_left h1 img, #home_preview_middle h2 img, #home_preview_right h3 img {
      position: absolute;
      background: #fff;      
      top: 125px;
      left: 0;           
}

#home_preview_left p, #home_preview_middle p, #home_preview_right p {
        margin: 15px 0 10px 0;
}

#home_preview_left { left: 305px; }
#home_preview_middle { left: 520px; }
#home_preview_right { left: 740px; }

#home_news { position: absolute; top: 610px; border: 1px solid #ccc; padding: 5px 10px; width: 600px; line-height: 1.5em; }

#home_news a {
      background: url(images/arrow.gif) center right no-repeat;
      padding-right: 20px;
}
#home_news a:hover { text-decoration: none; }

#newsletter_subscribe, #virtual_tour_preview {
      position: relative;
      margin: 0px 0px 5px 5px;
      padding: 5px 5px;
      height: 53px;
      font-size: 11px;      
	background: #d8d6c9;
	border: 1px solid #c0c0c0;
	color: #555;  
	text-align: left;
}

#virtual_tour_preview { height: 141px; }

#newsletter_subscribe img.help { position: absolute; top: 3px; left: 168px; } 
#virtual_tour_preview img.help { position: absolute; top: 3px; left: 168px; }

#virtual_tour_preview img.virtualtour {
      margin-top: 5px;
}


#help_newsletter, #help_virtual_tour {
      position: absolute;
      top: 375px;
      left: 225px; 
      display: none;
      padding: 5px;  
      border: 1px solid #808080;
      background: #b3b3b3 url(images/bg_flyout.gif) repeat-x;
      color: #555;
      width: 300px;   
      height: 30px;
      z-index: 999;
}
#help_virtual_tour { top: 220px }

#help_newsletter img, #help_virtual_tour img {
      position: absolute;
      left: -14px;     
      top: 5px;
}

form#subscribe {
      margin: 5px 0 0 0;
      padding: 0;  
}

form#subscribe input {
      width: 124px;
      padding: 1px 6px;
      color: #777;
}

form#subscribe button {
      margin: 0px 2px 0px 2px; padding: 1px 5px 2px 5px;    
      height: 22px;            
      background: #999 url(images/bg_button.gif) repeat-x bottom;
      color: #fff;
      border: 1px solid #666;
      font-size: 11px;
      font-weight: bold;   
}
form#subscribe button:hover{      
      background: #aaa;
      border :1px solid #666;
      color: #fff;
}

/************************************************************/
/* Headings                                                 */
/************************************************************/

h1 {
      color: #333;
      font: 22px normal Verdana, Arial, sans-serif;
      font-weight: bold;
      color: #444;
      padding: 0px 0px 2px 0px;
      margin: 5px 0px 20px 0px;
}

h1 img {
      position: absolute;
      top: 143px;
      left: 305px;         
}

h2 {
	color: #1f324f;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 25px 0 5px 0;
}



/************************************************************/
/* Links                                                    */
/************************************************************/

a:link, a:visited {
      color: #1f324f;
	text-decoration: none;
	}

a:hover, a:active {
      color: #335383;
      text-decoration: underline;
	}
	
a.subtle:link, a.subtle:visited, a.subtle:hover, a.subtle:active { text-decoration: none; cursor: text; color: #666; }	

a.linkunderline { text-decoration: underline; }

a.linkbutton:link, a.linkbutton:visited {      
      margin: 0px 2px 0px 2px; padding: 4px 10px 3px 10px;      
      text-decoration: none;
      text-align: center;
      background: #5d59fa url(images/bg_button.gif) repeat-x bottom;
      border: 1px solid #808080;
      font: bold 12px Verdana, Arial, sans-serif;
      color: #FFF;        
}
a.linkbutton:hover {
      text-decoration: none;
      background: #4843e8;
      border :1px solid #606060;
      
      color: #FFF;
}

a.message { color: #FF0000; }

.image-link {
    border: none !important;
} 
/************************************************************/
/* Spans and Paragraphs                                     */
/************************************************************/

p {
	margin: 0 0 10px 0;
	text-align: justify;
}

.textsmall {
      font-size: 10px;
      color: #888;
}

.message {
      padding: 5px 10px 5px 10px;
      background-color: #8b88fa;
      border :1px solid #5a5afe;
      color: #FFF;        
}

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }

p.readmore {
      text-align: right;
}

p.readmore a {
      background: url(images/arrow.gif) center right no-repeat;
      padding-right: 20px;
}
p.readmore a:hover { text-decoration: none; }
p.readmore img { margin-top: -5px; }

/************************************************************/
/* Images                                                   */
/************************************************************/

#imageFade {
      position: absolute; 
      top: 140px; 
      left: 304px;
}

img#admin_help { 
      position: absolute;
      top: 147px;
      left: 550px;
}

img { border: none }

img.gallery { margin-right: 2px; }
img.picture { margin-bottom: 5px; border: 1px solid #aaa;}
img.pictureleft { float: left; margin: 0 20px 20px 0; }
img.pictureright { float: right; margin: 0 0 20px 20px; }

img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }

img.homepic { float: right; margin: 0px 0px 20px 20px; }


/************************************************************/
/* Navigation                                               */
/************************************************************/
	
#menudiv {	
	color: #fff;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 200px !important;
	width /**/: 215px;
}

#menu_header { margin: 0px 0px 10px 20px; }

#menudiv ul
{      
      padding: 10px 0px 10px 7px;      
      margin: 0px;
      list-style-type: none;
      text-align: left;
}

#menudiv li { 
      margin: 1px 0px 1px 0px; 
      padding: 0px; 
      line-height: 15px;
}

#menudiv img.arrow {
      position: absolute;
      left: 180px;
      margin-top: 2px;
}

a.menutitle, 
a.menuselected, 
a.submenutitle, 
a.submenuselected
{
      display: block;
      text-decoration: none;
      color: #0054a6;
      letter-spacing: 1px;
	background: transparent;
	padding: 1px 5px 1px 10px;
	border: 1px solid #fff;	
      font: 12px Arial, sans-serif;      
      margin: 0px;
      width:195px;
      voice-family: "\"}\""; 
      voice-family:inherit;      
      width:175px; 
}

a.submenutitle, a.submenutitle:active, a.submenutitle:visited {
      background: #e0e0e0;      
      color: #0054a6;
      border: 1px solid #e0e0e0;
}

a.menutitle:hover, a.menutitle:active, a.submenutitle:hover, a.submenutitle:active
{
      background: #f6f6f6;
	border: 1px solid #eee;
	text-decoration: none;	
	color: #0054a6;
}

a.submenutitle, a.submenutitle:hover, 
a.submenuselected, a.submenuselected:active {
      width:153px; 
      margin-left: 15px;
}

a.menuselected, a.menuselected:visited,
a.submenuselected, a.submenuselected:visited {
	background: #ececec;
	border: 1px solid #c0c0c0;
	color: #0054a6;   
      font-weight: bold;   
}

/************************************************************/
/* Tables                                                   */
/************************************************************/

td { font: normal 12px Verdana, Arial, sans-serif; }

table.table-fancy {
      border-spacing: 0px ;
      border-collapse: collapse ;
}
th.heading-fancy {
      margin: 0px;
      padding: 5px;      
      font-weight: bold;
      color: #FFF;
      background: #8b88fa url(images/bg_tableheader.gif) repeat-x center;
      border :1px solid #5a5afe;
}
td.cell-fancy {
      margin: 0px;
      padding: 5px;      
      color: #000;
      border :1px solid #5a5afe;
}
td.cell-fancy-shade, td.cell-fancy-shade-expand-bottom, td.cell-fancy-shade-expand-top {    
      margin: 0px;
      padding: 5px;        
      background-color: #8b88fa;
      border :1px solid #5a5afe;
      color: #FFF;        
}

td.cell-fancy-shade-expand-bottom { border-top: 0; height: 40px; }
td.cell-fancy-shade-expand-top { border-bottom: 0; }

table.special_occasion, table.special_offer {
      border-spacing: 0px ;
      border-collapse: collapse ;
      border: 1px solid #ccc;   
      background: #efefef url(images/bg_special_occasion.gif) top left repeat-x;   
      margin-bottom: 20px;
}

.special_occasion td, .special_offer td { padding: 10px; margin-bottom: 10px; }

/************************************************************/
/* Forms                                                    */
/************************************************************/


input.check {
      margin-bottom: -2px;
}

select {
      font-size: 12px;
}
	
#mainform_tiny {
      width: 300px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 12px;      
}
#mainform_tiny input, #mainform_tiny textarea {
      width: 190px;
      font: normal 12px Verdana, Arial, sans-serif;
}
#mainform_tiny .loadingimage {
      position: absolute; 
      right: 290px; 
      margin-top: 3px; 
      display: none;
}

#mainform_small {
      width: 405px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 12px;      
}
#mainform_small input, #mainform_small textarea {
      width: 290px;
      font: normal 12px Verdana, Arial, sans-serif;
}
#mainform_small .loadingimage {
      position: absolute; 
      right: 285px; 
      margin-top: 3px; 
      display: none;
}

#mainform_wide {
      width: 600px;
      color: #505050;
      background-color: #f4f4f4;
      border: 1px solid #cccccc;
      margin: 0px;
      padding: 5px;
      font-size: 12px;      
}
#mainform_wide input, #mainform_wide textarea {
      width: 485px;
      font: normal 12px Verdana, Arial, sans-serif;
}
#mainform_wide .loadingimage {
      position: absolute; 
      right: 90px; 
      margin-top: 3px; 
      display: none;
}

button{
      cursor: pointer;
      margin: 0px 2px 0px 2px; padding: 2px 10px 3px 10px;    
      height: 23px;
      text-decoration: none;
      text-align: center;
      background: #5d59fa url(images/bg_button.gif) repeat-x bottom;
      color: #fff;
      border: 1px solid #808080;
      font-size: 11px;
      font-weight: bold;   
}
button:hover{
      text-decoration: none;
      background: #4843e8;
      border :1px solid #606060;
      color: #fff;
}


/************************************************************/
/* Lists                                                    */
/************************************************************/

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
}

li {
	padding-bottom: 7px;
}


/************************************************************/
/* Google Map                                               */
/************************************************************/

.googlemap_style{
      margin: 0px;
      width: 600px; 
      height: 380px;
      padding: 0px;
      border: 1px solid #ccc;   
}

#googlemap_info {
      border: 1px solid #8893fa;
      background-color: #cbd0fd;
      color: #444;
      padding: 7px;
      width: 330px;      
      height: 85px;
}
#googlemap_info img {
      float: left;
      border: 1px solid #888;
      margin-right: 10px;
}