/* ---------- CSS Document for MadisonsDowntown.com  -----------*/


/* ---------- GLOBAL CSS - ALL PAGES  -----------*/

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
	
	body {
		background-color: #af5427;
		background-image: url(../images/strip_bg.jpg);
		background-repeat: repeat-x;
		margin: 0px;
		padding: 0px;
	}
			
	a {
		text-decoration: none;
		color: #af5427;
	}
		
	a:hover {
		text-decoration: underline;
		color: #555;}
		
	p {		
		font-family: Helvetica, arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #333;
		padding: 6px 0px;
		margin: 0px;
		line-height: 19px;
	}
	li {
	font-family: Helvetica, arial, sans-serif;
		font-size: 12px;
		color: #333;
	}			
	h1 {
		font-family: Helvetica, arial, sans-serif;
		color: #af5427;
		font-size: 20px;
		margin: 0px 0px 5px 0px;
		padding: 6px 0px;
		border-bottom: 1px solid #ccc;
			}
			
	h2 {
		color: #333;
		margin: 0px ;
		padding: 5px 0px;
		font-size: 17px;
		font-family: Helvetica, arial, sans-serif;
		}
	h3{
		color: #333;
		margin: 0px;
		padding: 5px 0px;
		font-size: 14px;
		font-family: Helvetica, arial, sans-serif;
		}		
		
		
		
		
		
		
		
		
/* ===============  container -=============== */
			
div#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #fff;
	width: 900px;
	border: 5px solid #e2ad92;
}
			
	div#header {
		background-image: url(../images/canneryheader.jpg);
		width: 900px;
		border: 0px;
		height: 110px;
	}
			
		div#header a {
			float: right;
			display: inline;
			font-family: "Trebuchet MS", "Century Gothic", arial, sans-serif;
			font-size: 14px;
			text-decoration: underline;
			margin: 0px;
			color: #af5427;
			padding-right: 16px;
			padding-top: 20px;
		}
			
		div#header a:hover {
			color: #88340b;
		}
			
	div#menu {
			width: 900px;
			padding: none 0;
			border: 0px;
			clear: both;
			height: 40px;
			background-color: #000;
			text-align: left;
			}
			
		div#fullmenu {
				width: 880px;
				padding: 0px;
				margin: 0px;
				text-align: left;
				background-color: #F4E7C9;
				min-height: 600px;
				_height: 600px;
				}	
			
			
	/* -=--------------- -  site navigation - -------------------=--- */
				
			
	div#navigation {
			width: 900px;
			height: 40px;
			margin: 0px;
			padding: 0px;
			background-color: #000;
			text-align: left;
			border-bottom: 1px solid #666;
			border-top: 1px solid #666;
			}
			
		div#navigation ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
			}
			
			div#navigation ul li {
				float: left;
				display: inline;
				height: 40px;
				margin: 0px;
				padding: 0px 2px;
				}
				
				div#navigation ul li a {
					float: left;
					display: inline;
					height: 40px;
					width: 112px;
					background-position: 0px 1px;
					}
					
					
					div#navigation ul li a:hover {
						background-position: 0 -53px;
					}
					
					div#navigation ul li a#selected {
						background-position: 0 -53px;
					}
					
				div#navigation ul li a.navhome {
					background-image: url(../images/home.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navabout {
					background-image: url(../images/about.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navcontact {
					background-image: url(../images/contact.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navparty {
					background-image: url(../images/parties.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navmenu {
					background-image: url(../images/menu.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navgallery {
					background-image: url(../images/gallery.jpg);
					background-repeat: no-repeat;
					}
					
				div#navigation ul li a.navevents {
					background-image: url(../images/events.jpg);
					background-repeat: no-repeat;
					}	
							
			
	div#newfooter {
				float: left;
				width: 881px;
				height: 40px;
				margin: 8px 0px 0px 0px;
				padding: 0px;
				text-align: left;
				background-color: #111; 
				border: 1px solid #333;
				}
				
			div#newfooter ul {
				list-style: none;
				margin: 0px;
				padding: 11px 0px 0px 15px;
				}
				
				div#newfooter ul li {
					font-family: "Trebuchet MS", helvetica, arial, sans-serif;
					font-size: 12px;
					display: inline;
					color: #ccc;
					margin: 0px;
					padding: 0px 10px 0px 4px;
					background-image: url(../images/line.gif);
					background-repeat: no-repeat;
					background-position: 100% 0%;
					}
					
					div#newfooter ul li a {
						color: #fff;
						text-decoration: underline;
						}
			
			
			
			
/* ---------- INDEX CSS - HOME CSS  -----------*/			
			
			
	div#flash {
			width: 900px;
			padding: none 0;
			margin: 0px;
			border-bottom: 1px solid #c9c9c9;
			clear: both;
			height: 289px;
			background-color: #fff;
			text-align: left;
			}
			
	div#content {
			background-color: #F4E7C9;
			background-repeat: yes;
			width: 884px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 8px;
			padding-bottom: 8px;
			border: 0px;
			clear: both;
			float: left;
			height: auto;
			text-align: left;
			}
			
			
		/* ---------- LEFT COLUMN - HAPPY HOUR -----------*/
			
			div#colOne {
				float: left;
				width: 195px;
				min-height: 250px;
				padding: 5px 15px;
				border: 1px solid #c9c9c9;
				background-color: #e8d6ab;
				margin: 0px;
				}
				* html div#colOne {
				height: 250px;
				}
					
		/* ---------- MIDDLE COLUMN - DAILY SPECIALS -----------*/					
				
			div#colTwo {
				float: left;
				width: 195px;
				min-height: 250px;
				padding: 5px 15px;
				border: 1px solid #c9c9c9;
				background-color: #e8d6ab;
				margin-left: 10px;
				}
				* html div#colTwo {
				height: 250px;
				}
				
				
				
				
		/* ---------- RIGHT COLUMN - FEATURED MENU ITEM -----------*/					
					
					
			div#colThree {
				float: left;
				width: 375px;
				min-height: 250px;
				padding: 5px 15px;
				border: 1px solid #c9c9c9;
				background-color: #e8d6ab;
				margin-left: 10px;
				}
				* html div#colThree {
				height: 250px;
				}
				
				
				div#colThree img {
				float: left;
				padding: 3px;
				border: 1px solid #c9c9c9;
				background-color: #fff;
				margin-right: 10px;
				}
				
				
					
					
/* ---------- END OF INDEX CSS - HOME CSS  -----------*/	

/* ---------- INTERIOR CSS - ABOUT CSS  -----------*/	

		div#intContent {
			background-color: #F4E7C9;
			width: 884px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 8px;
			padding-bottom: 8px;
			border: 0px;
			clear: both;
			float: left;
			height: auto;
			text-align: left;
			}
			
		div#fullmenu h2 {
		float: right;
		display: inline;
		font-size: 13px;
		font-weight: normal;
		font-family: "Trebuchet MS", helvetica, sans-serif;
		}
			
		p span.menuLink {
			display: block;
			padding: 10px 0px 0px 0px !important;
		}
			
			div#IntCol1 {
				float: left;
				width: 600px;
				min-height: 540px;
				background-color: #e8d6ab;
				border: 1px solid #c9c9c9;
				}
			* html div#IntCol1 {
				height: 540px; /*ie*/
			}
				div#IntCol1 h1 {
					padding: 10px;
					margin: 0px;
					border-bottom: 1px solid #c9c9c9;
					}
				
				div#IntCol1 img {
					margin-top: 0px;
					margin-bottom: 12px;
					}
				div#IntCol1 h2 {
					margin-left: 20px;
					margin-bottom: 10px;
				}	
				div#IntCol1 h3 {
					margin-left: 20px;
				}
				div#IntCol1 p {
					font-family: arial, verdana, sans-serif;
					margin-top: 0px;
					margin-bottom: 10px;
					margin-left: 20px;
					margin-right: 25px;
					line-height: 16px;
					}
				ul,ol{
        margin:0em 30px 1em 60px; /* Right = same as other elements. Left = Left of other elements +30 */
        padding: 0px;
}
ul li, ol li{
        line-height:1.3em;
        margin: .25em 0;
        padding: 0;
}
li ol, li ul{
        margin-left: 30px;
        margin-top:0;
        margin-bottom:0;
}
	
					
		/*--------   RIGHT HAND COLUMNS    ----------*/
					
			div.square1 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #e8d6ab;
				border: 1px solid #c9c9c9;
				margin-bottom: 10px;
				}
				
				div.square1 img {
					float: left;
					}
					
				div.square1 h1 {
					font-family: arial, verdana, sans-serif;	
					float: left;
					margin-left: 10px;
					margin-top: 0px;
					border: 0px;
					}
					
				div.square1 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div.square1 p {
					font-size: 12px;
					color: #555;
					line-height: 15px;
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					padding: 0px;
					}
					
			
			div#square2 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #e8d6ab;
				margin-bottom: 10px;
				border: 1px solid #c9c9c9;
				}
				
				div#square2 img {
					float: left;
					}
					
				div#square2 h1 {
					font-family: arial, verdana, sans-serif;	
					float: left;
					margin-left: 10px;
					margin-top: 0px;
					border: 0px;
					}
					
				div#square2 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div#square2 p {
					font-size: 12px;
					color: #555;
					line-height: 15px;
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					padding: 0px;
					}
				
			div#square3 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #e8d6ab;
				border: 1px solid #c9c9c9;
				}
				
				div#square3 img {
					float: left;
					}
					
				div#square3 h1 {
					font-family: arial, verdana, sans-serif;	
					float: left;
					margin-left: 10px;
					margin-top: 0px;border: 0px;
					}
					
				div#square3 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div#square3 p {
					font-size: 12px;
					color: #555;
					line-height: 15px;
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					padding: 0px;
					}
					
					
				/* ---------- INTERIOR MENU PAGES  -----------*/			
					
					div#menu1 {
						float: left;
						width: 600px;
						background-color: #e8d6ab;
						border: 1px solid #c9c9c9;
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 0px;
						margin-bottom: 0px;
						padding: 0px;
						}
						
						div#menu1 h1 {
							margin-top: 10px;
							margin-bottom: 10px;
							padding-bottom: 10px;
							padding-left: 10px;
							padding-right: 0px;
							padding-top: 0px;
							border-bottom: 1px solid #c9c9c9;
							}
							
						div#menu1 h2 {
							font-family: arial, verdana, sans-serif;
							line-height: 19px;
							color: #222;
							padding-bottom: 4px;
							padding-left: 0px;
							margin-top: 0px;
							margin-left: 10px;
							margin-bottom: 5px;
							width: 190px;
							border-bottom: 1px solid #c9c9c9;
							clear: both;
							}
						
						h2 a:hover {
							text-decoration: underline;
							}
							
						/*div#menu1 h3 {
							font-family: arial, verdana, sans-serif;
							clear: both;
							font-size: 13px;
							color: #222;
							padding-bottom: 0px;
							padding-top: 0px;
							margin-left: 10px;
							margin-bottom: 22px;
							margin-top: 0px;
							width: 240px;
							}
							
						div#menu1 p#rowOne {
							color: #a67b58;
							font-size: 12px;
							float: left;
							width: 168px;
							font-family: arial, verdana, sans-serif;
							padding-left: 12px;
							margin-top: 0px;
							margin-bottom: 12px;
							margin-left: 0px;
							margin-right: 25px;
							line-height: 16px;
							}
							
						div#menu1 p#rowTwo {
							color: #a67b58;						
							float: left;
							font-size: 12px;
							width: 160px;
							font-family: arial, verdana, sans-serif;
							padding: 0px;
							margin-top: 0px;
							margin-bottom: 12px;
							margin-left: 0px;
							margin-right: 25px;
							line-height: 16px;
							}
							
						div#menu1 p#rowThree {
							color: #a67b58;
							font-size: 12px;
							float: left;
							width: 146px;
							font-family: arial, verdana, sans-serif;
							padding: 0px;
							margin-top: 0px;
							margin-bottom: 12px;
							margin-left: 0px;
							margin-right: 25px;
							line-height: 16px;
							}
							
						div#menu1 p#drinks {
							color: #a67b58;
							font-size: 11px;
							float: left;
							width: 158px;
							font-family: arial, verdana, sans-serif;
							padding: 0px;
							margin-top: 0px;
							margin-bottom: 12px;
							margin-left: 12px;
							margin-right: 13px;
							line-height: 16px;
							}
							*/
						h5 {
							clear: both;
							width: 300px;
							padding-left: 12px;
							font-family: arial, verdana, sans-serif;
							color: #888;
							margin-top:0px;
							margin-bottom: 0px;
							}
							
			div.galRt1 {
				float: right;
				padding-top: 8px;
				padding-bottom: 8px;
				padding-left: 16px;
				padding-right: 8px;
				width: 246px;
				height: 248px;
				background-color: #e8d6ab;
				border: 1px solid #c9c9c9;
				}
				
			div.galRt1 p {
				line-height: 22px;
				}
				
			div.galRt1 h2 {
			font-size: 14px;
			}
							
				div#menu2 {
						float: left;
						width: 600px;
						background-color: #e8d6ab;
						border: 1px solid #c9c9c9;
						min-height: 540px;
						}
						
						div#menu2 h1 {
							padding-bottom: 8px;
							margin-bottom: 10px;
							padding-left: 10px;
							border-bottom: 1px solid #c9c9c9;
							}
							
						div#menu2 h2 {
							font-family: arial, verdana, sans-serif;
							color: #222;
							margin-left: 20px;
							padding-bottom: 5px;
							margin-top: 15px;
							width: 200px;
							border-bottom: 1px solid #c9c9c9;
							}
							
						div#menu2 h3 {
							font-family: arial, verdana, sans-serif;
							font-size: 13px;
							color: #222;
							margin-left: 20px;
							padding-bottom: 5px;
							margin-top: 15px;
							width: 240px;
							}
							
						div#menu2 h4 {
							font-family: arial, verdana, sans-serif;
							font-size: 11px;
							font-weight: normal;
							line-height: 14px;
							color: #555;
							margin-left: 20px;
							margin-top: 16px;
							width: 400px;
							}
							
						div#menu2 p#rowOne {
							color: #a67b58;
							font-size: 12px;
							float: left;
							width: 220px;
							font-family: arial, verdana, sans-serif;
							margin-top: 0px;
							margin-bottom: 13px;
							margin-left: 20px;
							margin-right: 25px;
							line-height: 16px;
							}