	
/* ---------- CSS Document for MadisonsDowntown.com  -----------*/


/* ---------- GLOBAL CSS - ALL PAGES  -----------*/
	
	body {
			background-color: #f2f2f2;
			margin: 0px;
			padding: 0px;
			text-align: center;
			}
			
	a {text-decoration: none ;
		color: #fff;}
		
	a:hover {text-decoration: underline;
		color: #666;}
		
	p {		
			margin-top: 0px;
			font-family: Georgia, 'Times New Roman', serif;
			font-size: 13px;
			font-weight: normal;
			color: #ccc;
			}
			
	h1 {
			margin-top: 10px;
			margin-bottom: 13px;
			font-family: Georgia, 'Times New Roman', serif;
			font-size: 18px;
			font-weight: normal;
			color: #666;
			}
			
	h2 {
			margin-top: 10px;
			margin-bottom: 5px;
			font-family: Georgia, 'Times New Roman', serif;
			font-size: 18px;
			font-weight: normal;
			color: #666;
			}
			
	div#container {
			margin-left: auto;
			margin-right: auto;
			background-color: #fff;
			margin-top: 10px;
			margin-bottom: 0px;
			width: 900px;
			height: auto;
			text-align: center;
			border-left: 5px solid #c9c9c9;
			border-right: 5px solid #c9c9c9;
			border-bottom: 5px solid #c9c9c9;
			border-top: 5px solid #c9c9c9;
			}
			
	div#header {
			background-image: url(../images/header25.jpg);
			width: 900px;
			border: 0px;
			clear: both;
			height: 144px;
			margin: 0px;
			padding: 0px;
			}
			
			div#header a {
				font-family: Georgia, 'Times New Roman', serif;
				font-size: 12px;
				margin-top: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				margin-right: 20px;
				color: #ccc;
				float: right;
				padding-top: 20px;
				border-bottom: 1px dotted #ddd;
				}
			
			div#header a:hover {
				color: #999;
				}
				
				
				
				
/* -=--------------- -  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;
					}
					
					
					div#navigation ul li a:hover {
						background-position: 0 -54px;
					}
					
					div#navigation ul li a#selected {
						background-position: 0 -54px;
					}
					
				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#footer {
				float: left;
				width: 881px;
				height: 40px;
				margin: 8px 0px 0px 0px;
				padding: 0px;
				text-align: left;
				background-color: #111; 
				border: 1px solid #333;
				}
				
			div#footer ul {
				list-style: none;
				margin: 0px;
				padding: 11px 0px 0px 15px;
				}
				
				div#footer ul li {
					font-family: 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#footer ul li a {
						color: #ccc;
						text-decoration: underline;
						}
			
			
/* ---------- INDEX CSS - HOME CSS  -----------*/			
			
			
	div#flash {
			width: 900px;
			padding: none 0;
			border-bottom: 1px solid #666;
			clear: both;
			height: 289px;
			background-color: #000;
			text-align: center;
			}
			
	div#content {
			background-color: #000;
			background-repeat: yes;
			width: 884px;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 8px;
			padding-bottom: 8px;
			border: 0px;
			float: left;
			height: auto;
			text-align: left;
			}
	
			
		a#sched {
				border: 0px;
				background-color: #f1f1f1;
				margin-top: 4px;
				margin-right: 0px;
				margin-left: 0px;
				width: 65px;
				font-size: 9px;
				font-family: arial, verdana, sans-serif;
				color: #888; 
				padding-left: 0px;
				padding-right: 0px;
				float: right;
				}
				
		a#sched:hover {
			text-decoration: none;
			}
			
		/* ---------- LEFT COLUMN - HAPPY HOUR -----------*/
			
			div#colOne {
				float: left;
				width: 225px;
				padding: none 0;
				border: 1px solid #333;
				height: 250px;
				background-color: #111;
				text-align: left;
				}
				
				div#colOne h1 {
					padding-bottom: 8px;
					padding-left: 10px;
					border-bottom: 1px solid #333;
					color: #666;

					}
				
				div#colOne p {
					padding-left: 15px;
					font-weight: bold;
					word-spacing: 0.1em;
					color: #ccc;

					}
					
		/* ---------- MIDDLE COLUMN - CONTACT INFO -----------*/					
				
			div#colTwo {
				float: left;
				width: 225px;
				padding: none 0;
				margin-left: 10px;
				border: 1px solid #333;
				height: 250px;
				background-color: #111;
				text-align: left;
				}
				
				div#colTwo h1 {
					padding-bottom: 8px;
					padding-left: 10px;
					border-bottom: 1px solid #333;
					color: #666;
					}
				
				div#colTwo p {
					margin-top: 3px;
					padding-left: 15px;
					font-weight: normal;
					line-height: 20px;
					font-size: 13px;					
					color: #ccc;
					}
					
					#colOne span, #colTwo span, colThree span  {
					color: #ccc !important;
					}
					

					
					#colOne a, #colTwo a, colThree a  {
					color: #ccc;
					text-decoration: underline;
					}
					
		/* ---------- RIGHT COLUMN - FEATURED MENU ITEM -----------*/					
					
					
			div#colThree {
				float: left;
				width: 405px;
				padding: none 0;
				margin-left: 10px;
				margin-top: 0px;
				border: 1px solid #333;
				height: 250px;
				background-color: #111;
				text-align: left;
				clear: right;
				color: #ccc;
				}
				
				div#colThree h1 {
					padding-bottom: 8px;
					padding-left: 10px;
					border-bottom: 1px solid #333;
					line-height: 21px;
					color: #666;
					}
				
				div#colThree p {
					font-family: arial, verdana, sans-serif;
					margin-top: 0px;
					line-height: 22px;
					float: right;
					padding-right: 10px;
					width: 150px;
					color: #ccc;
					}
					
				div#colThree img {
					float: left;
					border: 1px solid #666;
					margin-left: 13px;
					margin-top: 0px;
					padding-top: 0px;
					color: #ccc;
					}
					
					#colThree span {
					font-weight: bold;
					color: #bbb;
					}
					
					
/* ---------- END OF INDEX CSS - HOME CSS  -----------*/	

/* ---------- INTERIOR CSS - ABOUT CSS  -----------*/	

		div#intContent {
			background-color: #000;
			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 {
				width: 880px;
				padding: 0px;
				margin: 0px;
				text-align: left;
				background-color: #111;
				}
				
				div#fullmenu img {
					margin-left: 15px;
					}
					
				div#fullmenu h1 {
					margin: 0px;
					padding: 10px 20px;
					}
				
					
			
			div#IntCol1 {
				float: left;
				width: 600px;
				height: 540px;
				background-color: #111;
				border: 1px solid #333;
				}
			
				div#IntCol1 h1 {
					padding-bottom: 8px;
					margin-bottom: 0px;
					padding-left: 10px;
					border-bottom: 1px solid #c9c9c9;
					}
				
				div#IntCol1 img {
					margin-top: 0px;
					margin-bottom: 12px;
					}
				
				div#IntCol1 p {
					font-family: arial, verdana, sans-serif;
					margin-top: 0px;
					margin-bottom: 10px;
					margin-left: 20px;
					margin-right: 25px;
					line-height: 16px;
					}
					
		/*--------   RIGHT HAND COLUMNS    ----------*/
					
			div.square1 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #111;
				border: 1px solid #333;
				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;
					}
					
				div.square1 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div.square1 p {
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					}
					
			
			div.square2 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #111;
				border: 1px solid #333;
				margin-bottom: 10px;
				}
				
				div.square2 img {
					float: left;
					}
					
				div.square2 h1 {
					font-family: arial, verdana, sans-serif;	
					float: left;
					margin-left: 10px;
					margin-top: 0px;
					}
					
				div.square2 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div.square2 p {
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					}
				
			div.square3 {
				float: right;
				padding: 8px;
				width: 255px;
				height: 156px;
				background-color: #111;
				border: 1px solid #333;
				}
				
				div.square3 img {
					float: left;
					}
					
				div.square3 h1 {
					font-family: arial, verdana, sans-serif;	
					float: left;
					margin-left: 10px;
					margin-top: 0px;
					}
					
				div.square3 h2 {
					font-family: arial, verdana, sans-serif;	
					width: 250px;
					float: left;
					margin-top: 0px;
					}
					
				div.square3 p {
					font-family: arial, verdana, sans-serif;
					float: left;
					width: 100px;
					margin-top: 0px;
					margin-left: 10px;
					}
					
					
				/* ---------- INTERIOR MENU PAGES  -----------*/			
					
					div#menu1 {
						float: left;
						width: 600px;
						background-color: #111;
						border: 1px solid #333;
						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: #666;
							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: #666;
							padding-bottom: 0px;
							padding-top: 0px;
							margin-left: 10px;
							margin-bottom: 22px;
							margin-top: 0px;
							width: 400px;
							}
							
						a#download {
							float: right;
							margin-right: 10px;
							font-size: 10px;
							margin-top:10px;
							}
							
						div#menu1 p#rowOne {
							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 {					
							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 {
							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#rowBanquet {
							font-size: 12px;
							float: left;
							width: 400px;
							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#rowBanquet2 {
					 		font-size: 12px;
							float: left;
							width: 240px;
							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#subtitle {
					 		font-size: 13px;
					 		color: #666;
					 		font-weight:bold;
							float: left;
							width: 400px;
							font-family: arial, verdana, sans-serif;
							padding-left: 12px;
							margin-top: 0px;
							margin-bottom: 12px;
							margin-left: 0px;
							margin-right: 25px;
							line-height: 16px;
							}
							
							ol {
								font-size: 11px;
					 			color: #666;
								float: left;
								width: 500px;
								font-family: arial, verdana, sans-serif;
								padding-left: 12px;
								margin-top: 0px;
								margin-bottom: 12px;
								margin-left: 0px;
								margin-right: 25px;
								line-height: 16px;
									}
									
								li {
									margin-left: 20px;
									}
							
						h5 {
							clear: both;
							width: 300px;
							padding-left: 12px;
							font-family: arial, verdana, sans-serif;
							color: #666;
							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: #111;
				border: 1px solid #333;
				}
				
			div#galRt1 p {
				line-height: 22px;
				}
							
				div#menu2 {
						float: left;
						width: 600px;
						background-color: #111;
						border: 1px solid #333;
						}
						
						div#menu2 h1 {
							padding-bottom: 8px;
							margin-bottom: 10px;
							padding-left: 10px;
							border-bottom: 1px solid #333;
							0.1em;
							}
							
						div#menu2 h2 {
							font-family: arial, verdana, sans-serif;
							color: #666;
							margin-left: 20px;
							padding-bottom: 5px;
							margin-top: 15px;
							width: 200px;
							0.1em;
							border-bottom: 1px solid #c9c9c9;
							}
							
						div#menu2 h3 {
							font-family: arial, verdana, sans-serif;
							font-size: 13px;
							color: #666;
							margin-left: 20px;
							padding-bottom: 5px;
							margin-top: 15px;
							width: 240px;
							0.1em;
							}
							
						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;
							0.1em;
							}
							
						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;
							0.1em;
							line-height: 16px;
							}
					
					
/* ---------- CLASSES FOR SPECIFIC ELEMENTS  -----------*/
					
				
	.apps {
		margin-left: 7px;
		color: #ccc;
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		}
		
	.menuLink {
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		margin-top: 30px;
		}