/* 
		These styles apply to browsers that are not able to support CSS 2
		IE Netscape 4.x and newer ones		
	*/

	.tab {
		font-family: verdana,arial,sans serif;
		background-color: #CCCC99;
		/* background-color: #CCCCCC; */
		/*height: 470px;*/
		width: 570px;
		padding-top: 1em;
		/* blind border hack to display background colour in Netscape 4.x */
		border-width: 2px;
		border-type: solid;
		border-color: #000000;
	}

	.tablink {
		display: block;
		color: #ccc;
		font-weight: bold;
	}
	
	pre {
		font-size:1.2em;
	}
	.backtotop {
		text-align: right;
	}
	
	body{
		font-family: Arial, sans-serif;
		font-size: 12px;
		background-color: #ffffff;
	}
	 
	a {color:#333;}
	
	
	.header { 
		width: 570px;
		text-align: center;
		font-size: 90%;
		margin-bottom: 2em;
	}
	
	.header h1 { 
		font-weight: bold;	
		color: #000000;	
		margin-bottom: 0px;	
	}
	.header h3 { 
		margin-top: 5px; 
		font-weight: bold; 
		color: #666666	
	}
	
	.specials{
		background-image: url(images/specials.jpg);
		background-position: center;
		background-repeat:no-repeat;
		margin-top: .5em;
		height: 279px;
	}
	
	.specials h3{
		padding-top: 282px;
		color: #A00000;
		font-size: 12px;
		font-weight: lighter;
		text-align: center;
	}	
	
	.specials a{
		color: #800000;
	}	
	
	.gyros{
		width: 47%;
		margin-bottom: 1.2em;
		margin-top: .6em;
		margin-left: 1em;
		float: left;
	 }
	
	.gyrosImage { 
		margin-top: 1em;
		margin-right: .8em;
		width: 45%; 
		float: right;
		background-image: url(images/gyro.jpg);
		background-repeat: no-repeat;
		background-position: right;
		height: 161px;
	}
	
	.gyros .item {
		float: left;
		font-size: 97%;
		margin-left: 1em;
		width: 80%;
		color: #A00000;
	}
	
	.favoriteschicago, .lighteritemsleft, .munchiesleft { 
		width: 45%;
		margin-bottom: 1.2em;
		margin-top: .6em;
		margin-left: 1em;
		float: left; 
	}
	
	.favoriteschicago h2, .gyros h2 {
		margin-top: 5px; 
		font-weight: bold; 
		color: #000000; 
		text-align: center;
		font-size: 14px;
	}
	
	.favoriteschicago .item, .lighteritemsleft .item, .munchiesleft .item { 
		float: left;
		font-size: 97%;
		margin-left: 1em;
		color: #A00000;
	}
	
	.favoriteschicago .price, .gyros .price, .lighteritemsleft .price, .munchiesleft .price { 
		float: right;
		font-size: 97%;
		color: #A00000;
	}
	
	.favoritesskippers, .burgers, .lighteritemsright, .munchiesright { 
		margin-top: .6em;
		margin-right: .5em;
		width: 45%; 
		float: right;
	}
	
	.burgersImage { 
		margin-top: .6em;
		margin-left: 1.5em;
		width: 45%; 
		float: left;
		background-image: url(images/baconburger.jpg);
		background-repeat: no-repeat;
		background-position: left;
		height: 149px;
	}
	
	.favoritesskippers h2, .burgers h2 { 
		margin-top: 5px; 
		font-weight: bold;
		color: #000000;
		text-align: center;
		font-size: 14px;
	}
	
	.favoritesskippers .item, .burgers .item, .lighteritemsright .item, .munchiesright .item { 
		float: left;
		font-size: 97%;
		color: #A00000;
	}
	
	.favoritesskippers .price, .burgers .price, .lighteritemsright .price, .munchiesright .price { 
		float: right;
		font-size: 97%;
		margin-right: 1em;
		color: #A00000;
	}
		
	.lighteritems, .salads, .munchies {
		margin-top: 1.5em;
	}

	.lighteritems h2, .salads h2, .munchies h2 {
		margin-bottom: 1.2em;
		font-weight: bold;
		color: #000000;
		text-align: center;
		font-size: 14px;
	}
	
	.salads {
		margin-right: 1em;
	}
	
	.salads .item { 
		float: left;
		font-size: 97%;
		margin-left: 4em;
		color: #A00000;
	}
	
	.salads .price { 
		float: right;
		margin-right:  3em;
		color: #A00000;
	}
		
	.hr hr{
		width: 545px;
		height: 1px;
		color: #666666;
		background-color: #666666;
		border: 0px;
		margin-top: .8em;
	}	
		
	.sandwichtoppings { 
		margin-top: 0em;
		margin-left: 1.5em; 
		width: 220px; 
		float: left;
	}
	
	.sandwichtoppings h3 { 
		margin-top: .2em;
		margin-bottom: 0em; 
		font-weight: bold; 
		font-size: 97%;
		color: #000000;
	}
	
	.sandwichtoppings .item { 
		float: left;
		color: #A00000;
	}	
		
	.sideitems { 
		margin-top: 0em;
		margin-right: 1.5em;
		width: 45%; 
		float: right;
	}
	
	.sideitems h3 { 
		margin-top: .2em; 
		margin-bottom: 0em;
		font-weight: bold; 
		color: #000000;
		font-size: 97%;
	}
	
	.sideitems .item { 
		color: #A00000;
	}	
	.sideitems .item2 { 
		color: #A00000;
		margin-left: 1em;
	}	
	
	.bread { 
		margin-top: 0em;
		margin-left: 1.5em;
		float: left;
	}
	.bread h3 {  
		margin-top: .2em;
		margin-bottom: 0em; 
		font-weight: bold; 
		color: #000000;
		float: left;
		font-size: 12px;
	}
	.bread h4 {
		margin-top: .2em;
		margin-left: 10px;
		font-size: 12px;
		float: left;
		color: #A00000;
		font-weight: normal;
	}
	
	.saladImageLeft { 
		width: 45%;
		float: left;
		margin-bottom: 0em;
		margin-top: 3em;
		margin-left: 1.1em;
		background-image: url(images/greeksalad.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 149px;;
	}
	
	.saladImageRight { 
		width: 44%;
		float: right;
		margin-bottom: 0em;
		margin-top: 3em;
		margin-left: 1em;
		margin-right: 1em;
		background-image: url(images/caesarsalad.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 149px;
	}
	
	.munchiesImageTopLeft { 
		width: 45%;
		float: left;
		margin-bottom: 0em;
		margin-top: 1em;
		margin-left: 1em;
		background-image: url(images/crisscuts.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 149px;;
	}
	
	.munchiesImageTopRight { 
		width: 45%;
		float: right;
		margin-bottom: 0em;
		margin-top: 1em;
		margin-left: 1em;
		margin-right: 1em;
		background-image: url(images/wings.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 149px;
	}
	
	.spacer {
		clear: both;
		font-size: 0px;
		height: 0px;
	}
		
	.bottom { 
		width: 570px;
		margin-top: 5px;
		text-align: center;
	}
	
	.bottom a {
		color: #A00000;
	}
	
	.bottom h3 {
		font-size: 100%;
		color: #000000
	}
	
	.bottom h4 {
		font-size: 100%;
		color: #000000;
	}