/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*End Reset*/

html body{
text-align: center;
font-family:  Arial, Helvetica, sans-serif;
color: #fff;
background-color: black;
text-align: center;
}

p{
padding: 10px 8px;
font-size: 0.85em;
line-height:1.3em;
}

strong{
font-weight: bold;
}
a.nav:link, a.nav:visited{
color: #99CC66;
text-decoration: none;
font-weight: bold;
}

a.nav:hover {
color: #FFFF00;
text-decoration: none;
font-weight: bold;
}

a.top {
position: relative;
top: 38px;
left: 390px;
display: block;
width: 28px;
height: 30px;
background: url("../images/up_over.gif")
}

a.top:hover{
background-position: 28px 0;
}

#frame {
margin: auto;
width: 766px;
background: url('../images/background3.jpg') repeat-y;
}
#frame h1 {
display: none; 
}
div.spacer {    /*Without this the background in #frame would not appear due to floated divs  */
clear: both;
}

/* #logo (and it's children) contains a background image with a css image map
 to allow gracefull degradation for agents that don't support 
 css.  This will also make life easier for other future plans 
 (low bandwidth version of the style sheet etc)
*/

#logo{
margin: auto;
height:150px;
background: url("../images/all_star_logo_anim.gif") no-repeat;
}

#logo ul li a span{
visibility: hidden;  /* hide actual text links */
}

#logo ul{
position: relative;  /* enables links to be relative to #frame (SEE a#ids below) */
margin: 0;
padding: 0;
}

#logo ul li {
list-style-type: none;
width: 100%;  /*  Solves ie6 absolute positioning bug, I would guess
the width propety makes sure the container "has layout" which is why this hack works.
(The container immediately before the
 absolute positioning block, in this case the a tag that follows the 
 li tag) */
}
  
#logo a{
text-decoration: none; 
}
 
#logo a#birthdays {  /* position and size of link on top of background image */
position:absolute;  /* absolute to #frame, not to browser window */ 
left: 8px;
top: 9px;
width: 118px;
height: 25px;
background: transparent;
}

#logo a#weddings {
position:absolute;
left: 8px;
top: 45px;
width: 112px;
height: 25px;
}

#logo a#karaoke {
position:absolute;
left: 8px;
top: 81px;
width: 104px;
height: 25px;
}

#logo a#kidsparties {
position:absolute;
left: 8px;
top: 118px;
width: 144px;
height: 25px;
}

#logo a#christmas {
position:absolute;
left: 637px;
top: 9px;
width: 122px;
height: 25px;
}

#logo a#pubs {
position:absolute;
left: 702px;
top: 45px;
width: 57px;
height: 25px;
}

#logo a#celebrations {
position:absolute;
left: 601px;
top: 81px;
width: 158px;
height: 25px;
}

#logo a#newyears {
position:absolute;
left: 637px;
top: 118px;
width: 122px;
height: 25px;
}

#logo a#birthdays:hover,
#logo a#weddings:hover,
#logo a#karaoke:hover,
#logo a#kidsparties:hover,
#logo a#christmas:hover,
#logo a#pubs:hover,
#logo a#celebrations:hover,
#logo a#newyears:hover {
border: 2px dotted red;
}

#contact {
margin: 4px 0;
width: 100%;
color: #CCCCCC;
font-weight: bold;
}

#contact ul {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
white-space: nowrap;
}

#contact ul li{
display: inline;
padding: 0 82px 0 0; 
}

#navigation {
font-weight: bold;
background-color: #990000;
font-size: 1.1em;
}

#navigation ul {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
white-space: nowrap;
}

#navigation ul li{
display: inline;
padding: 0 25px 0 0; 
}

#contentleft {
float: left;
width: 140px;
}

#contentleft img{
display: block;
margin: auto;
padding: 40px 0;
}

#contentcenter {
text-align: left;
width:430px;
float:left;
color: #FFFFFF;
height: auto;
border: medium double #990000;
margin: 20px 10px;
padding: 0 10px 8px 10px;
}

#contentcenter h1{
display: block;
text-align: left;
color: #f00;
font-size: 2em;
font-weight: bold;
margin:10px 10px 10px 7px;
}
h1 + p {
margin-top: -15px;
}

h2 + p {
margin-top: -15px;
}

#contentcenter h2{
text-align: left;
color: #f00;
font-size: 1.6em;
font-weight: bold;
margin:10px 10px 10px 7px;
}

#contentcenter p{
color: #fff;
}
#contentcenter ul {
font-size: 0.85em;
padding: 15px 40px;
}
#contentcenter ul li{
padding: 7px 0;
}
#contentcenter img{
display: block;
margin: 15px 25px 15px 10px;
float: left;
}

#contentright{
float: left;
width: 140px;
}

#contentright img{
display: block;
margin: auto;
padding: 40px 0;
}
p+.quote{
margin-top: 5px;
}
blockquote, .quote{
margin: 20px 35px 20px 10px;
padding: 5px 10px;
border-left: solid 1px #333;
border-right: solid 1px #333;
background: #111;
}

#contentcenter .quote img{
float: none;
margin: 10px;
}

blockquote p {
font-size: 0.8em;
line-height: 1.4em;
margin-bottom:0;
}
blockquote p.sig {
padding: 0;
text-align: right;
font-style: italic;
margin:0 0 10px 0;
}