/* 
Master CSS file for Yuri's Night Huntsville  
Created by Yohon Lo of HAL5.org.

website 
margin: top right bottom left; 
*/ 

/* simple top menu */


#menu {
   float:left;
   margin:0;
   padding:0;
   width:100%;
   background:#fff;
   border:none;
   overflow:hidden;
   position:relative;
}
#menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:20px 10px 20px 10px;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
  border-right:1px solid #E03524; 
  border-left:1px solid #E03524; 
  border-collapse:collapse;
   right:50%;
}
#menu ul li a {
   display:block;
   margin:0 0 0 0px;
   padding:3px 10px;
   background:#fff;
   color:#000000;
   text-decoration:none;
   line-height:1.3em;
}
#menu ul li a:hover {
   background:#E03524;
   color:#fff;
}
#menu ul li a.active,
#menu ul li a.active:hover {
   color:#fff;
   background:#fff;
   font-weight:bold;
}


.eventlist ul, ul li
{
	font-size: 13px; 
  margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}



img { -ms-interpolation-mode: bicubic }


/* FOR simple menu, override link color */

a:link {
  color: #EE1B00 ;
  background: none ;
  text-decoration: underline ;
}

a:hover {
  color: #4651BE ;
  background: none ;
  text-decoration: underline ;
}

a:visited {
  color: #EE1B00 ;
  background-color: none ;
  text-decoration: underline ;
 }




/* picture frame with caption */

.picture { background-color: #fff; 
border: 0px; padding: 0px; 
font: 12px/1.4em Arial, sans-serif; text-align: center} 

.picture img { border: 1px solid #fff; 
vertical-align:middle; margin: 0px; } 
.right { margin: 5px 5px 5px 10px; float:right; } 
.left { margin: 5px 10px 5px 5px; float:left; } 


body {
	background:#ccc;
}

hr.bar
{
width: 50%;
margin:0 auto;
height:1px;
color:#000000;
background-color:#666ccc;
border:none;
}

H1 {
	font-size: 20px;
	margin: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

H2 {
	font-size: 16px; 
	margin: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

H5 {
	font-size: 14px; 
	margin: 0px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: Bold;
	line-height: 18px;	
	color: #C63E20;
}

p {
	font-size: 14px; 
	line-height: 18px;
	margin: 2px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}


.yn {
	font-size: 14px; 
	line-height: 18px;
	margin: 0px 2px 0px 0px;
	font-family:'American Typewriter',Courier, Monaco, 'Courier New', Verdana,sans-serif;
	font-weight: bold;
	color: red;
}


H6 {
	font-size: 14px; 
	margin: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 15px;	
	color: #EE1B00;
}
	
small {
	font-family: Times, 'Times New Roman', serif;
	font-size: 12px;
	color: #000000;
}



#footer {
	text-align: center;
    margin:0;
	width:800px;
    float:left;
    padding: 0;
	background: #fff;
	font-size: 12px;
	color:#000000;
}

#wrap {
    background:#fff;
    margin:0;
    padding:0;
    width:800px; 
    }

#main {
	margin: 0px;
	border: none;
	background:#fff;
    float:right;
    color:#000000;
    width:800px;
    padding:0px;
} 

#main p {
	font-size: 13px; 
	line-height: 18px;
	margin: 2px 10px 25px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

/* with overflow */
.container {
	background: none;
	border:none;
	padding: 1px;
	overflow: auto;
}
.box {
	background: none;
	width: 320px;
	margin-right: 10px;
	padding: 10px 30px;
	float: left;
}