/* CSS Document */

/*this container element is created to control location of page content size can be specified because this is a fixed size site*/
#container{

		width: 742px;
		height:390px;
    	margin:0px auto;
        text-align:left; /*this is so dreameaver and IE display correctly*/
        padding:0px;
}

#sidebar{float:left; width:200px; height:313px; padding:0; margin:0; background-color:#999999;}

#content{
		float:right; 
		width:502px; 
		height:283px; 
		background-image:url("../images/content_background.jpg"/*tpa=http://www.medinahonthelake.com/images/content_background.jpg*/);
	    padding:20px 23px 10px 17px;
		
		font-size:1.2em;
		overflow:hidden;
		}

#nav{clear:both; width:742px;}

#footer{float:right; width:742px; height:69px; }

#nav ul{ margin:0;
	padding:0;

	}

#nav li{	list-style-type:none;
	display:inline;
	float:left; /*elimates padding when you have <li> elements on different lines*/
	margin:0;
	padding:0;
	}