/* Bacchus Society Master CSS File */
 @import url(base.css);

.highlight { background-color:#906; color:white; }

#top_banner { overflow:hidden; margin:0; position:relative; top:0; background: #ff3399 url(../images/banner_bg.jpg) repeat-x;  width:100%; height:157px;}
#logo { float:left; position:relative;background: url(../images/logo.gif) no-repeat ; width:443px; height:150px}
#top_banner > #logo {background: url(../images/logo.png) no-repeat;} 
#logo h1{ text-indent: -9999px; }
#logo a { border:none; background:none; position:relative; left:10px; width:430px; height:106px; float:left}
#top_banner a { border:none; background:none;}

#signup {float:left; left:125px; top:65px;background: url(../images/button-signup.gif) no-repeat; position:relative; width:146px; height:47px;}
#signup a {width:146px; height:37px; position:relative;  background:none; float:left;}
#signup span { text-indent:-9999px; float:left;}
/*#top_banner > #signup {background: url(../images/button-signup.png) no-repeat;} */

#container { margin:0; top:0; 
    position: relative;
    min-height: 88%; 
    height: 88%;
    voice-family: "\"}\"";
    voice-family: inherit;
	height:auto;
	width:100%;
	/*max-width:960px;  margin:0px auto; */
	}
	
html>body #container {
    height: auto;
	} 

#container {background:url('/include/rotate.php') no-repeat right bottom; }
#content  {text-align:left;   padding:10px 20px 15px 20px; margin-bottom:50px;}
#content h1 { font-size:18px;}
#content ul {}
#content li {}
#content  {max-width:900px;}
#content p{line-height:1.4em;}
ul.bullet  {
margin-left: 15px;
padding-left: 0;
list-style: none;
}

ul.bullet li {
padding-left: 15px;
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
margin:0em 0 0.8em 0;
}


#nav_container  {float:left; left:10px; padding:0;position:absolute; top:120px; overflow:hidden}

/* don't put bottom: 0 */
#footer {position:absolute; color:black;padding:0px 0 15px 0; width:100%;background: #ff3399 url(../images/footer_bg.jpg) repeat-x left top; z-index:4; }
#footer_nav  { clear:both;margin:0px 0 0 20px;  padding:0px 10px 8px 0px;}
#footer .email a, #footer .credits a { color:black; text-decoration:underline}
#footer .email a:hover,#footer .credits a:hover { color:black; font-weight:bold; text-decoration:underline}
#footer #tech, #footer .credits { font-size:0.75em; font-weight:normal; margin-top:8px; }
#footer p {  line-height:1.0em; margin:0 0 10px 20px;font-weight:normal;}

#backtotop {z-index:5;float:left;position:relative; font-size:11px;  top:-15px; left:730px; width:50px;height:20px; background-color:white; color:black; padding-top:3px; text-align:center; background:url(/images/backtotop_bg.jpg) no-repeat;}
#backtotop a {color:#ff3299; }
#backtotop a:hover { color:#FF0066;}


#most-popular{ position:relative;float:left; display:block; margin-bottom:10px;color:white;font-family:"Lucida Sans","Lucida Grande", "Trebuchet MS", Helvetica, Verdana;}
#most-popular .title {font-size:1.2em;}
#most-popular h3 { display:inline; float:left;}
#most-popular ul { margin:0; padding:0; display:inline; float:left;} 
#most-popular ul li { display:inline; margin-right:0px; margin-left:15px;  font-weight:bold;}
#most-popular a,#most-popular a:visited,#most-popular a:hover { background:none;color:#FF3399;font-size:1.0em}
#all-faqs { clear:both; }