@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin: 0px;
} 

body { 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#fff; 
} 

img { border:none;}
 
a {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

a:visited { text-decoration: none;  color: #FFFF00;  } 
a:hover   { text-decoration: none; color: #9999FF; } 
a:active  { text-decoration: none; } 
a:link    { text-decoration: none; }

h1 { 
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ 
font-family: Black Chancery; 
text-align:center;
* font-size:18px; 
} 

h2 { 
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ 
font-family: Black Chancery; 
text-align:center; 
margin-top:10px;
font-size:20px; 
}
 
h3 { 
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ 
font-family: Black Chancery; 
text-align:center; 
margin-top:10px; 
font-size:14px;
} 

#container { 
width: 80%;  /* this will create a container 80% of the browser width */ 
background: #000; 
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
text-align: center; /* this overrides the text-align: center on the body element. */ 
} 

#container{ width:796px; }


h1 #header{ 
	/* Since h1 tag is only element in header, do not need to nest inside of <div> */
	font-size:18px; /* Let's define the styles here instead of on the page */
}

#mainContent { padding: 0 0px; } 

#flash_container {
	width: 741px;
	height: 325px;
	vertical-align:middle;
	margin:auto;
	padding:10px 0 10px 0;
	color:#000;
} 

#intro { 
	width: 495px; 
	height: 256px; 
	margin:38px auto; 
} 

.menu { 
list-style: none; 
margin-bottom:15px; 
} 

.menu li { 
display:inline; 
padding:3px 4px; 
border-right: 1px solid #fff; 
} 

.menu li a { 
padding:3px 4px 0 6px; 
font-weight:400; 
text-decoration:none; 
color:#fff; 
} 

.menu .last { 
border:none; 
} 

#images_container { 
	margin:0 auto; 
	display:inline; 
} 

#images_container img { 
margin: 0 5px; 
} 

address { 
margin-top: 30px; 
} 

#mainContent p { 
text-align:justify; 
margin:0 auto 0px auto; 
line-height:20px; 
width:720px; 
} 

#body_text{ color:#fff; margin:0 0 10px 0; }
#body_text a{ color:#fff; }

#mainContent .end {text-align:center;} 

#footer { 
padding:0px;
text-align:center;
} 
#footer #ft_left{ float:left; width:180px;}
#footer #ft_center{ float:left; width:430px; text-align:center;}
#footer #ft_right{ float:right; width:180px;}

#footer p{ text-align:center; !important }

#footer ul{ list-style:none; padding:.25em 0; }
#footer li{ display:inline; padding:0 10px; margin:0; }

#images_container div{ display:inline; }





/* These are the default styles for each new page
 * If a separate .css file is not specified for each page
 * theses styles will be shown 
 */
 
 .main_color{ color: #ffff00; } /* The prevalent color throughout the page */
 .page_background{ 	background: #000 url(../images/rock086.jpg); } /* the background image of the page, set to repeat by default */
 .bar_stripe{ background:url(../images/barstripe.jpg) no-repeat #333; width:795px; height:19px; } /* The stripe used throughout the page */
 #body_text{ color:#ffffff; } /* The font size, color, and type for the main paragraph of text below two large images */
 #flash_container{ 	background: url(../images/Aeires-1126743771.jpg); } /* Background image of the container holding the Flash movie, text, or other images */
 #body_image_left{ background:url(../images/bartenderschool.jpg) no-repeat #333; height:260px; float:left; width:350px; margin-left:5%;} /* Body left image */
 #body_image_right{ background:url(../images/bartendingschool.jpg) no-repeat #eee; height:260px; float:left; width:350px; margin-left:10px; margin-right:5%; } /* Body right image */