/* 
Master CSS file for Yuri's Night Huntsville  website 
margin: top right bottom left; 
*/ 

/* top navigation */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* margin and padding is top right bottom left  */

/* menu bar font style for DL, DD and DT. Text color doesn't work HERE.*/
 
#menu dl, #menu dd, #menu dt {text-align: center; font-size:11px; text-decoration:none; font-family:arial, verdana, sans-serif;}
 
/* how far to start from banner and margin */
#menu {list-style-type:none; margin:5px 5Px 5px 0px; padding:2px;}


/* width of top menu bar */
#menu li {float:left; padding:0; margin:0px 0px 0px 0px; position:relative; width:110px; height:3em; z-index:100;}

#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0px; color:#E03524;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}

/* size of top menu text box. size need to match menu li for appearance. If this is 
smaller the LI than we would have a 'spacing' effect.  Color is for bottom lip of menu bar when hvoer */
#menu dl {width: 115px; margin: 0; padding: 0; text-align:left; cursor:pointer; height:0px;}

/* top menu bar font size E8E8E8 */
#menu dt {margin:0; padding: 5px; font-size: 12px; font-weight: bold; color: #000000; border-top:0px solid #E03524; 
border-bottom:0px solid #E03524; }

/* specific sub-menu category for menu bar. menu two is for join nss */
#menu .one {background: #ffffff;}
#menu .two {background: #ffffff url(downarrow.gif) no-repeat center right;}
#menu .three {background: #ffffff url(facebookicon.gif) no-repeat center right;}


/* top menu style */
#menu dd {margin:0; padding:0; font-size: 11px; background: #47a; text-align:left;}
.gallery dt a, .gallery dt a:visited {display:block; color:#000000;}



ul  {
	padding: 0px 0px 0px 10px;	
	margin: 0px 0px 0px 10px;	
	font-size: 14px;
	color: #000000 ;
}
ul li {
	padding: 0px 0px 0px 10px;	
	margin: 0px 0px 0px 10px;	
	font-size: 14px;
  	color: #000000 ;
}




img { -ms-interpolation-mode: bicubic }


/* FOR simple menu, override link color */

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

a:hover {
  color: #4651BE ;
  background-color: 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: 11px/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; } 



.figure {
  float: right;
  border: 1px #000080 solid;
  margin: 0px 10px 0px 10px;
  padding: 1px 1px 1px 1px;
  background: #FFFFFF;
}
.figure p {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  text-indent: 0;
}

.figure2 {
  float: left;
  border: 1px #000080 solid;
  margin: 0px 10px 0px 10px;
  padding: 1px 1px 1px 1px;
  background: #FFFFFF;
}


body {
	background-color: #FFFFFF;
	background-image: none;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 2px 2px 2px 2px;
	text-align:left;
}

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: #000000;
}

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


.yn {
	font-size: 13px; 
	line-height: 18px;
	margin: 0px 2px 0px 0px;
	font-family:'American Typewriter',Courier, Monaco, 'Courier New', Verdana,sans-serif;
	font-weight: Bold;
	color: #3939AE;
}


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



#footer {
	text-align: center;
	width:800px;
    padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	font-size: 10px;
	color:#777777;
}

#wrap {
    background:#ffffff;
    margin:0 auto;
    width:830px; /* 754px for 1px border for main and sidebar */
       float:left;
    }

#sidebar {
	margin: 0px 0px 0px 0px;
	border: 0px;
	background:#ffffff;
    float:right;
    width:150px;
    padding:0px;
    } 

/* nifty corner,By Alessandro Fulciniti. keep b.r here. based on Stu Nicholls updates for border */

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy {background: transparent; margin:5px 1em 10px 1em; width: 650px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f2f2f2; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f;}
.xb1 {margin:0 4px; background:#7f7f7f;} /* set width of top bottom line */
.xb2 {margin:0 3px; border-width:0 2px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#f2f2f2; border:0 solid #7f7f7f; border-width:0 1px;}
.xsnazzy {background: transparent; margin:5px 1em 10px 1em; width: 650px;}