/* CSS for Beerquet Web site: beerquet.net - January 2010 by stylesandscribbles.com */ 


/* PAGE LAYOUT */
body {  
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-align:left; 
 font-family: segoe, arial, sans-serif;  
 color: #FFFFFF;
 font-size:15px;
}  

#outer {  
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 height:100%;  
 background-attachment: scroll;  
 background-image: url(images/bg.gif);  
 background-repeat: repeat-x;  
 background-position: 0px 0px;  
}

#wrapper {  
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position:relative;  
 width:746px;  
 height:250px;  
 padding:0px;  
 top:0;
 right:0;
}  

#drop-head {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position: relative;
 height: 200px;
 top: 70px;
 width: 100%; 
 z-index: 1;
}

#header, #header_left, #header_right, #footer_left, #footer_right {  
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position: relative;
}  

#header {  
 padding: 0 0 0 0;
 position:relative;  
 height:8px;  
 background-image: url(images/bg-head.gif);  
 background-attachment: scroll;  
 background-repeat: repeat-x;  
 background-position: left 0px;  
 top:0;
 right:0;
}  

#header_left {  
 padding: 0 0 0 0;
 position:absolute;  
 top:0px;  
 left:0px;  
 width:30px;  
 height:70px;  
 background-attachment: scroll;  
 background-image: url(images/bg-lhead.gif);  
 background-repeat: no-repeat;  
 background-position: left 0px; 
 top:0;
 left:0; 
}  

#header_right {  
 padding: 0 0 0 0;
 position:absolute;
 width:30px;  
 height:70px;  
 background-attachment: scroll;  
 background-image: url(images/bg-rhead.gif);  
 background-repeat: no-repeat;  
 background-position: right 0px;  
 top:0;
 right:0;
}  

#container {  
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position:relative;  
 width:746px;  
 height:auto;  
 background-attachment: scroll;  
 background-image: url(images/bg-contents.gif);  
 background-repeat: repeat; 
}  

#footer {  
 padding: 0 0 0 0;
 height:8px;  
 position:relative;  /*relative*/
 background-attachment: scroll;  
 background-image: url(images/bg-foot.gif);  
 background-repeat: repeat-x;  
 background-position: left bottom;  
 top:0;
 right:0;
}  

#footer_left {  
 padding: 0 0 0 0;
 position:absolute;  
 top:0px;  
 left:0px;  
 width:30px;  
 height:70px;  
 background-attachment: scroll;  
 background-position: left 0px; 
 top:0;
 left:0; 
}  

#footer_right {  
 padding: 0 0 0 0;
 position:absolute;
 width:30px;  
 height:70px;  
 background-attachment: scroll;  
 background-position: right 0px;  
 top:0;
 right:0;
}  


/* PARAGRAPHS */
p {
 margin: 10px 30px 10px 30px;
 font-family: segoe, arial, sans-serif;
 line-height: 24px;
 color: #FFFFFF;
 font-size: 16px;
 text-align:left; 
 }

.head-left {
 margin: 3px 0px 0px 0px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 text-transform: uppercase;
 font-size: 14px;
 text-align: left;
 }

.head-right {
 margin: 3px 0px 0px 0px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 text-transform: uppercase;
 font-size: 14px;
 text-align: right;
 }
 
.footer {
 margin: 0 0 0 0;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 font-size: 11px;
 line-height: 14px;
 text-align: center;
 }
 
 .question {
 margin: 30px 0px 8px 40px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 font-size: 20px;
 text-align: left;
 line-height: 18px;
}

.response {
 margin: 12px 0px 6px 60px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 font-size: 15px;
 text-align: left;
 line-height: 18px;
}

.note {
 margin: 0px 10px 15px 60px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
 line-height: 15px;
}
 
.dir {
 margin: 0px 10px 15px 0px;
 font-family: segoe, arial, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
 line-height: 15px;
}

 .qa {
 margin: 40px 30px 0px 30px;
 font-family: segoe, arial, sans-serif;
 color: #ECBC68;
 font-size: 20px;
 text-align: left;
 line-height: 20px;
}



 
/* LISTS */

ul { 
 margin: 0 0 0 0;
 font-family: segoe, arial, sans-serif;
 color: #000000;
 font-size: 13px;
 list-style: square inside;
 }

li { 
 margin: 0 0 0.5em 0;
 }

ol { 
 margin: 0 0 0 0;
 font-family: segoe, arial, sans-serif;
 color: #000000;
 font-size: 13px;
 }



/* HEADINGS */

h1 {
 margin: 85px 30px 20px 30px;
 font-family: segoe, arial, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 color: #FFFFFF;
 font-size: 26px;
 text-align:left; 
 }

h2 {
 margin: 44px 30px 10px 30px;
 font-family: segoe, arial, sans-serif;
 font-weight: bold;
 color: #ECBC68;
 font-size: 22px;
 text-align:left; 
 }


h3 {
 margin: 20px 30px 6px 30px;
 font-family: segoe, arial, sans-serif;
 font-weight: bold;
 color: #FFFFFF;
 font-size: 16px;
 text-align:left; 
 }




/* GENERAL LINKS */

 :link { 
	color: #FFFFFF;
	text-decoration: none;
	}  /* for unvisited links */

 :visited { 
	color: #ECBC68;
	text-decoration: none;
	} /* for visited links */

a:active { 
	color:  #ECBC68;
	text-decoration: underline;
	} /* when link is clicked */

a:hover { 
	color: #ECBC68;
	text-decoration: underline;
	} /* when mouse is over link */