/* This is where all of the sitewide, standard CSS goes.  If we have alot of IE related problems







we'll make an IE only file.  Please comment any changes you make!  I will try my best to comment







stuff as well. (Steve) */















body {







	text-align:center; /* need this so the website shows up centered in IE 6 */







	font:14px verdana,tahoma,helvetica,arial,sans-serif; /* our standard font and size for the site, this way its easy to change */







								/* from here we can define the rest of the site with percentages relative to







								/* the 14px size.  So a h1 tag can be 150% (21px).  Then we can change the whole







								/* site by only editing this size, and this font-family.  Pretty sweet, huh? */







	background-color:#ca983c;



	background-color:#f7e071;







}







a {



	color:#ca2227;



}







a:link, a:visited, a:active, a:hover {



	color:#ca2227;



}







#frame {	/* container div for everything */







	width:780px;







	text-align:center;







	margin-left:auto;







	margin-right:auto; /* center the frame in compliant browsers */







	margin-top:100px;







}















#floating_logo {	/* the complex positioning for the floating logo */







	position:absolute;







	z-index:2; /* this way its on top */







	background:transparent;







	margin-left:auto;







	margin-left:-35px;







	margin-right:auto;







	width:780px; /* MUST MATCH the overall width of the site (width of frame!) */







	top:0px;







	text-align:left;



	



	



	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='image.png', sizing Method='scale');







}















#poster {	/* formatting for left side bottom images*/







	border: 3px solid;







	margin-left:20px;







	margin-right:0px;







	width: 150px;







	height: 190px;



	margin-bottom:30px;







}







#hours table {



	text-align:left;



	color:#212121;



	font-size:12px;



/*	border:1px solid #212121;*/



	margin-top:75px;



}







#hours table th {



	font-size:14px;



	font-weight:bold;



	border-bottom:2px solid #cb2328;



}















table.main {		/* this is going to be the class of the table that holds the content for the site */





	



	font:14px arial,sans-serif;







	padding:0px;







	margin:0px;







	border:2px solid #000;







	z-index:1; /* so I can 'float' the alibis logo on top */







	background-color:#000; /* this actually fills in the borders between the cells.  Change the color to see what I mean*/







}















table.main td.top {		/* gotta set a colspan = 2 in the html */







	width:780px;







	height:100px;







	background-image: url("images/headerbar.png");	/* brown - until i get the image */







	color:#fff;







	padding:10px;







	text-align:right;







}















table.main td.left {







	width:210px; /* 1/4 of overall width */







	/*_width:48px; /* feed this value to IE */







	background-image: url("images/leftbackground.png"); /* grey */



	background-repeat:no-repeat;



	background-color:#b2b1ae;







}







table.main td.left ul#nav {



	margin:0px;



	margin-top:95px;



	_margin-top:85px;



	list-style-type:none;



	padding:0px;



}







table.main td.left ul#nav li {



	margin:0px;



	padding:10px;



	padding-right:0px;



	text-align:right;



}







table.main td.left ul#nav li a {



	display:block;



}















table.main td.right {







	width:585px;







	background-image: url("images/mainbg.png"); /* cream */







}











table.main td.bottom { /* colspan = 2 */







	background-image: url("images/bottombackground.png");







	height:30px;







}











/* 	---------------------------------------------



	------ STYLES FOR MAIN CONTENT ------------*/







#content {

	



	width:550px;



	margin-left:15px;



	font:14px verdana,tahoma,helvetica,arial,sans-serif;



}







#content .main {



	margin-top:20px;



	background:transparent;



	background-image:url("images/glass.png");



	background-repeat:no-repeat;



	background-position:right bottom;



	width:100%;



}







#content p {



	margin-right:35px;



}







#content h1 {



	height:40px;



	/*margin-left:10px;*/



	padding-left:40px;



	padding-top:15px;



	line-height:40px;



	font: 18px verdana,helvetica,arial,sans-serif;



	font-weight:bold;



	background-image:url("images/squiggly.png");



	background-repeat:no-repeat;



	color:#212121;



}







img {



	border:none;	/* IE will put a border around linked images if we don't tell it not to.  stupid IE */



}







/* 	---------------------------------------------



	------ STYLES FOR CHALKBOARD ------------*/







#content .chalk {



	background-image:url("images/chalkboard.png");



	background-repeat:no-repeat;



	background-position:center top;



	height:292px;



}







#content .chalk .chalk_text {



	margin-top:50px;



	margin-left:50px;



	color:#ffffff;



	font-family:'Comic Sans MS', Tahoma, Verdana, sans-serif;



	width:282px;



	height:190px;



	text-align:center;



	font-weight:bold;



}







#content .chalk .chalk_text h4 {



	font-size:16px;



}







#content .chalk .chalk_text h5 {



	font-size:16px;



	margin:4px 0px;



	text-decoration:underline;



}







#content .chalk .chalk_text h6 {



	font-size:14px;



	margin:2px 0px;



	



}











/* 	---------------------------------------------



	------ STYLES FOR WHITE BANNER ------------*/



	



#right_side .banner {

	

	position:relative;

	left:20px;
left:14px;


	width:140px;



	_left:32px; /* values that IE6 only will recognize */



	*left:32px; /* values that IE7 only will recognize */
*left:26px;




	margin:40px 18px 20px 12px;



	_margin:40px 32px 20px 0px;

margin-bottom:0;

	text-align:center;



	color:#212121



}



	



#right_side .banner .banner_head {



	font-size:14px;



	font-weight:bold;



	color:#212121;



	border-bottom:1px solid #212121;



	_margin-left:-10px;



	_width:130px;	



}



#right_side .banner a:link {



	text-decoration:none;

	font-size:12px;

	font-weight:bold;



}



#right_side .banner a:visited {

	text-decoration:none;

	font-size:12px;

	font-weight:bold;



}



#right_side .banner a:hover {

	text-decoration:underline;

	font-size:12px;

	font-weight:bold;

}



#right_side .banner ul {



	margin:0px;



	_margin-top:-20px;



	_width:130px;



	text-decoration:none;



	list-style-type:none;



	padding:0px;



}



#right_side .banner ul li {



	padding:0px;



	margin:0px;



	margin:6px 2px;



	_margin:6px 0px;

margin-left:0px;


	font-size:12px;



	border-bottom:1px dotted #212121;



}







/* ----------------------------------------



  Our Logo



  ----------------------------------------*/



 



a:link#unDesign,a:visited#unDesign,a:active#unDesign {



	text-decoration:none;



	color:#1e0e01;



	font-size:14px;



	font-weight:bold;



	text-align:center;



}



a:hover#unDesign {



	color:#ffdec5;



}







/* what's up with the double spacing? */

div#bestNewBanner {
	background-image:url(images/red-bg.png) !important;
	background-image:url(images/red-bg-ie6.gif); /* ie */
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/red-bg.png', sizingMethod='scale') */
	width: 370px;
	background-repeat:no-repeat;
	color:#fff;
	height:100px;
	text-align:center;
	line-height:1.6em;
}
#bestNewBanner div.padding {
	padding:10px;
	padding-left:8px;
}
#bestNewBanner strong {
	font-size:1.2em;
}
#bestNewBanner a {
	color:#fff;
}
#bestNewBanner .small {
	font-size:.9em;
}