@charset "utf-8";

* {

	margin: 0px;

	padding: 0px;

}



body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #000000 repeat;

	font-size: 85%;

	line-height: 1.6;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}



.azbeer #container {

	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF url(../imgs/horz_bkg.jpg) repeat-y;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#clear {

	clear: both;

}

.azbeer #skipLinks {

	position: absolute;

}

.azbeer  #skipLinks a {

	color: #FFFFFF;

	text-decoration: none;

	font-size: 80%;

}



.offleft {

	margin-left: -9000px;

	position: absolute;

}

.current {

	background-color: #000000;

}



.azbeer #header {

	background: #fff;

	position: relative;

	color: #000000;

	background-color: #000000;

} 



.azbeer #tagline {

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	position: relative;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	height: 35px;

	vertical-align: top;

}



.azbeer #navigation {

	float: left; /* since this element is floated, a width must be given */

	width: 145px; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 0px;

	background-image: url(../imgs/nav_bkg.jpg);

	background-repeat: repeat;

	color: #FFFFFF;

	margin-right: 0px;

	top: 0px;

}

.azbeer #navigation  ul  {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

.azbeer #container #navigation a {

	padding: 7px;

	display: block;

	width: 100px;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: right;

	color: #FFFFFF;

	font-weight: bold;

	margin: 10px 20px 10px 0px;

	border: 1px none 0;

}

.azbeer #navigation a:hover {

	background-color: #000000;

}



.azbeer #mainContent {

	margin: 0 0 0 160px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	background-image: url(../imgs/right_bkg.jpg);

	background-repeat: repeat-y;

	background-position: right top;

	position: relative;

} 

.azbeer #container #mainContent p {

	padding-right: 30px;

}

.azbeer #container #mainContent #brewery {

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 10px;

}



.azbeer #footer {

	padding: 1em; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#000000;

	line-height: 1.7em;

	color: #FFFFFF;

	text-align: center;

	font-size: .7em;

	margin: 0em;

} 

.azbeer #bottom_fade {

	height: 0px;

	margin: 0px;

	padding: 0px;

	position: relative;

}

.azbeer #beer_logos {

	text-align: center;

	margin: 0px;

	padding: 10px;

}

.azbeer #container #mainContent #beer_logos #flagstaff_logo {

	padding-right: 30px;

	padding-left: 30px;

	padding-bottom: 10px;

	margin: 0px;

}

.azbeer #container #footer a:link {

	color: #FFFFFF;

	text-decoration: none;

}

.azbeer #container #footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

.azbeer #container #footer a:hover {

	color: #FF9900;

	text-decoration: underline;

}

.azbeer #container #footer a:active {

	color: #FF9900;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}



.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



h1, h2, h3, h4, h5, h6, p {

	margin-top: 0px;

}



h1 {

	margin-bottom: .5em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 170%;

	font-weight: bold;

	color: A31A27;

}



h2 {

	font-size: 130%;

	font-weight: bolder;

	color: #000000;

	margin-bottom: .3em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 110%;

	font-weight: bold;

	margin-bottom: 0px;

	}

.center {

}

.azbeer #container #navigation #sun_sounds_logo {

	margin: 130px 0px 0px;

	padding: 30px 0px 0px 30px;

	bottom: 0px;

}

.quote {

	font-style: italic;

	font-size: 80%;

}

.faqs {

	font-weight: bold;

	color: #674E25;

}

.azbeer #container #mainContent a:link {

	font-weight: bold;

	text-decoration: none;

	color: #006600;

}

.azbeer #container #mainContent p a:visited {

	font-weight: bold;

	color: #006600;

	text-decoration: none;

}

.azbeer #container #mainContent p a:hover {

	color: #674E25;

	text-decoration: underline;

}

.azbeer #container #mainContent p a:active {

	color: #006600;

}

.top {

	font-size: 70%;

	font-weight: normal;

}

ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.azbeer #container #mainContent ul {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 15px;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.azbeer #container #mainContent li {

	padding-top: 7px;

	padding-right: 20px;

	padding-bottom: 7px;

	padding-left: 14px;

}

}

.azbeer #container #mainContent ol {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 35px;

	font-size: 90%;

}

.bold {

	font-style: oblique;

	font-weight: bold;

	color: #000000;

}