*{padding:0px; margin:0px; font-family: Helvetica;}


#page{ width:644px;margin-left: 32px;}


#picture{height: 222px; width:644px;background: url(images/burger.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}
#outside{height: 222px; width:644px;background: url(images/outside.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}
#garden{height: 222px; width:644px;background: url(images/garden.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}
#graph{height: 222px; width:644px;background: url(images/graph.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}
#glass{height: 222px; width:644px;background: url(images/glass.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}
#bar{height: 222px; width:644px;background: url(images/bar.jpg); background-repeat: no-repeat;margin-left: 60px;margin-top: -236px;}

#all{height: 700px; width:800px;margin:auto;}
.brown{background: url(images/bgbrown.gif); background-repeat: no-repeat;height: 339px;}
.brown1{background: url(images/bgbrownbig.gif); background-repeat: no-repeat;height: 1359px;}
.purple{background: url(images/bgpurple.gif); background-repeat: no-repeat;height: 339px;}
.green{background: url(images/bggreen.gif); background-repeat: no-repeat;height: 339px;}
.blue{background: url(images/bgblue.gif); background-repeat: no-repeat;height: 339px;}

body{background:black}


.pic{border:none;}

#logoside{top:50px;left:35px;position:relative;}
#logotop{top:-235px;left:60px;position:relative;background: url(images/topbar.gif); 
		background-repeat: no-repeat;height: 109px; width:644px;}
#uablogo{top:-30px;left:450px;position:relative;margin-top:50px;}

#nav {	width: 160px; 
		position:relative;
		top:10px;
		left:470px;
		}

#nav ul{width: 160px;}



#nav li {width: 150px;line-height: 20px;list-style-type: none;}



#nav li a {	color:#999999; 
			font-size:14px;
			text-decoration: none;
			width: 150px;
			display: block; 
			font-weight:bold;
			
			}
 
 #nav li a:hover{color:#ffffff;}
 
 #content a:hover{color:#ffffff;}
 
 #content {width: 380px; height:310px;margin-left:40px;margin-top:-240px;
 			background-repeat: no-repeat;
 			background-position:center;
 			padding-top:0px}
 			
 .food{background: url(spoon.gif); }
 .events{background: url(events.gif); }
 .index{background: url(pint.gif); }
  .contact{background: url(envelope1.gif); }
 			
 h1 {color:#b3b3b3; font-size:16px; text-align:center;}
 h2 {color:#b3b3b3; font-size:15px; text-align:center;}		

 
#day li, #time li,  #event li,#event1 li {padding-top:8px;}

#day li,#food li, #price li, #food1 li,#price1 li, #event li,#event1 li, #time li{text-align:left;max-height:13px;}

.main ul li{text-align:left;}

#day, #time{width: 90px;}

#day, #time,#food,#price, #event,#event1{position:absolute; top:430px;}


#food1,#price1{position:absolute; top:590px;}

 p,  #content ul li, td, #content a {color:#b3b3b3; font-size:12px;line-height:13px;}
 
 #content ul li{list-style-type: none; margin-top:2px;}
 #content ul	{text-align:center;}
  #content ul li a {color:#b3b3b3;}
  
#time {margin-left: 100px;}
#food,#food1,#price1 {width:280px;}
#hours {padding-left:100px;}
#price,#price1 {margin-left: 340px;}
#event1 {margin-left: 90px;}

td {padding-bottom:10px;}

#jazz {padding-top:10px;}
#jazz td {padding:5px}