body {background: url(../images/tiling_bg.jpg) repeat-x;
	  font-family: sans-serif;
	  background-color: #292929;
	  }

a{
	color:#511502;
}


#content {width:850px;
		  margin-left: auto;
		  margin-right: auto;}
		  
#navbar {background: url(../images/navbar.png) no-repeat center;
		 width: 100%;
		 height: 65px;
		 text-align: center;
		 z-index: 20;}
		 
#nav {
	  text-align: left;
	  font-size: 12px;
	  text-indent: 5px;
	  font-weight: bold;
	  z-index: 21;
	  margin-left: auto;
	  margin-right: auto;
	  
}


#nav, #nav ul{
     margin-left:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:2em;
 }
 
#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    text-decoration:none;
 }

#nav a:hover{
    background-color:none;
    color:gray;
}

#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    width:14em;
    top:40px;;
    display:none;
}

#nav li ul a{
    width:12em;
    float:left;
    background-color: #401904;
    color: white;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
    
#nav a.home{ margin-left:27px; } 

#nav a.homenav{ margin-left: 30px; }   
			   
#homepage #page_body {position: relative;
		   width: 100%;
		   height: 985px;
		   background: url(../images/body_bg.png) no-repeat center top;
		   z-index: 5;
		   }

#marina-swap-and-shop #page_body {position: relative;
		   width: 100%;
		   height: 985px;
		   background: none;
		   z-index: 5;}
		   
#siteblog #page_body {position: relative;
		   width: 100%;
		   height: 985px;
		   background: none;
		   z-index: 5;
		   background: url(../images/lean_background.png) no-repeat center top;
		   }

#logo {

	
	float: left; width: 457px;
	
}

#logo h3 {background-image: url(../images/logo.png);
		  width: 457px;
		  height: 114px;
		  text-indent: -99999px;
		  
		  }

#rotating_img {float: right; width: 361px; height: 285px; margin-bottom:-21px; background: url(../images/behind-photo-frame.png) no-repeat center bottom; }

#rotating_img_blog {float: right; width: 361px; height: 285px; margin-bottom:-21px; }

#rotating_img_home {float: right; width: 361px; height: 285px; margin-top:-21px; margin-right: 5px; background: url(../images/behind-photo-frame.png) no-repeat center bottom; }

#clear {clear: both;
		height: 0px;}


#sidenav_container{
	
	float:right; 
	width:246px; 
	height:537px; 
	background:url(../images/yellow_sidenav.png) top center no-repeat;

}

#sidenav {float:right;
		  text-align: center;
		  width: 155px;
		  padding-right: 50px;
		  margin: 0px;
		  }

#sidenav_home {float:right;
		  text-align: center;
		  width: 155px;
		  padding-right: 50px;
		  margin-top:20px;
		  padding-bottom: 55px;
		  }
		  
#marina-swap-and-shop #page_body #sidenav {text-align: left;}
		  
#sidenav img {margin-bottom: 4px;}

#page_content {padding-left:45px;}

#tiles {padding-left: 33px;}

.tilead {width:195px;
		  height: 112px;
		  text-align: center;
		  float: left;
		  padding-top: 55px;}


.socialad { text-align: left; }
		  
#localweather {background: url(../images/tile_localweather.png) no-repeat bottom; width:195px; height:162px; padding:0px; margin:0px;}

/*#localweather div {margin-left: auto;
				   margin-right: auto;}*/
	
#weather_ad{
	
	margin-left:40px; 
	margin-top:55px; 
	width: 120px; 
	height: 60px; 
	background-image: url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring1_120x60_bg.jpg); 
	background-repeat: no-repeat; 
	background-color: #607041;

}

#directions {background: url(../images/tile_maps_directions.png) no-repeat bottom; width:195px; height:162px;padding:0px; margin:0px;}

#email {background: url(../images/tile_email.png) no-repeat bottom; width:195px; height:162px;padding:0px; margin:0px;}

#social {background: url(../images/tile_social.png) no-repeat bottom; width:199px; height:168px;padding:0px; margin:0px;}

#tourism {margin-top: -10px;
		  padding-left: 25px;}

#subnav {float: right;
		 color: white;
		 font-size: 10px;
		 text-align: right;
		 line-height: 13px;
		 padding-right:35px;}

#marina-swap-and-shop #subnav {margin-top: 10px;}

#siteblog #subnav {margin-top: 10px;}
		 
#subnav span {font-size: 9px;}

#subnav a{ color:white; text-decoration: none; }

#cat_14623 {margin-left: auto; margin-right: auto;}

.dropdown {color: white; font-size: 12px; width: 200%; height: 25px; background-color: #401904;padding-left: 5px;}

.dropdown_hover {color: white; font-size: 12px; width: 100px; height: 25px; background-color: #401904;padding-left: 5px;}

.dropdown_active {color: white; font-size: 12px; width: 100px; height: 25px; background-color: #401904;padding-left: 5px;}

.playsub {color: white; font-size: 12px; width: 30px; height: 20px; background-color: #401904;padding-left: 30px;}
			   






/* Content Slider CSS */

		#element-wrap {
			background: url(../images/newsliderbg.png);
			width: 562px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 343px;			
			}

		.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 562px; height: 261px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: 0px;
			width: 562px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 261px;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			width: 562px;
			list-style-type: none;
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 261px;
			position: relative;
			width: 562px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper1 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 25px;
		}
		
		.stripViewer .panelContainer .panel .wrapper1 .course-description {
			float: right; 
			width:230px; 
			display: block;
			color: white;
			font-size: 12px;
			line-height: 14px;}
			
		.stripViewer .panelContainer .panel .wrapper1 .course-description a {color:yellow;
																			 text-decoration: none;}
		
		.stripViewer .panelContainer .panel .wrapper1 .course-description a:hover {color:white;}
		
		.stripViewer .panelContainer .panel .wrapper1 .course-image {
			width:250px;
			display: block;
			text-align: center;
			clear: none;}
		
		.stripViewer .panelContainer .panel .wrapper1 .course-image img {
			margin:auto;}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display: none;
			visibility: hidden;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			display: none;
			visibility: hidden;
		}
		
		.stripNav ul li {
			display: none;
			visibility: hidden;
		}
		
		.stripNav a { /* The nav links */
			display: none;
			visibility: hidden;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			display: none;
			visibility: hidden;
		}
		
		.stripNav li a.current {
			display: none;
			visibility: hidden;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			display: none;
			visibility: hidden;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			visibility: hidden;
		}
		
		.stripNavL {
			display: none;
			visibility: hidden;
		}
		
		.stripNavR {
			display: none;
			visibility: hidden;
		}
		
		.stripNavL {
			display: none;
			visibility: hidden;
		}
		
		.stripNavR {
			display: none;
			visibility: hidden;
		}

		.slider-bottom {width:512px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 10px;
		}
		
		
		
		
		
		

ul#ctour_nav {display: inline;
		     list-style: none;}

ul#ctour_nav li {display: inline;
				float: left;
				list-style: none;
				margin-right: 7px;}

#title {margin-left: 40px; padding-top:50px;}

#home_title {margin-left: 0px; padding-top:50px;}
				  
.content_pane {width:563px;
			   height: auto;
			   display: block;
			   clear: none;}

.content_pane_top {background: url(../images/content_pane_01.png);
				   width: 100%;
				   height: 28px;}

.content_pane_middle {background: url(../images/content_pane_02.png) repeat-y;
				   width: 100%;
				   height: auto;
				   padding-left: 25px;
				   padding-left: 25px;}
				   
.content_pane_bottom {background: url(../images/content_pane_03.png);
				   width: 100%;
				   height: 25px;}

.content_pane_middle_right {float: right;
							width:330px;
							display: block;}
							
/* .content{ width:520px;} */
				   
#play-colony-course-tee-times label {width: 120px; display: block; float: left;}

#play-colony-course-tee-times .cat_textbox {width: 150px;}

small {font-size: 12px;}

div.content_pane_middle{
	
	font-size: 12px;
	
}

#home_expand {width:523px;
         	  background: url(../images/home_expand.png) bottom;
         	  min-height: 50px;
         	  padding: 20px;}
         	  
#looptop {background: url(../images/top.png) bottom center no-repeat; height: 285px; }

#loopmiddle {background: url(../images/middle.png) repeat-y center; min-height:600px; height:auto !important; height:600px;}

#loopbottom {background: url(../images/bottom.png) top center no-repeat; margin-top:-1px; height:162px; }

#facebook{ margin-left: 20px; }

#twitter{ margin-left:25px; }

#rss{ margin-left: 25px;  }

div.content_padding{
   padding-right:50px;
}

div.blog-container p.description{ width: 730px;}