/* ----- HTML ----- */

html, body {
	width: 100%;
	height: 100%;
	background: #666 url(../images/stripeGREYSM2.png) repeat;
	font-family: Trebuchet MS, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/* ----- IDS ----- */

div.beerdinner {
	max-width:900px;
	min-width:900px;
	border:15px solid #000;
	background:#FFF;
	padding:30px;
	margin:30px;
}

div.beernav {
	border-top:solid 2px #000;
	border-bottom:solid 2px #000;
	padding:5px;
	
}

#beernav a {
	margin-right:25px;
	text-decoration:none;
}

#beernav a:active {
	text-decoration:underline;
}

h3 {
	margin-bottom:0px;
}

h4 {
	color:#090;
	font-size:18px;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
}
	

div.mission {
	border:1px solid #F00;
	text-align:center;
}


#centeringContainer{
	width: 968px;
	background: #FFF;
	border: 1px solid #333333;
}

#header {
	width: 968px;
}

#header img {
	margin: 0;
	padding: 0;
	float: left;
}

#header #button {  width: 420px; height: 94px; float: right } #header #button a { text-decoration: none !important; border-bottom: none !important } #header #button span { width: 300px; display: block; float: right }



/* ---- NAV ---- */

#navigation {
	background: #FFF;
	width: 165px;
}

#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#navigation ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	font-weight: bold;
	color: #676767;
	width: 116px;
	height: 100%;
	display: block;
	font-size: 0.8125em;
	margin: 0;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #EDEDED;
	text-decoration: none;
}

#navigation ul li.tabTop {
	width: 165px;
	background: #FFF url(../images/nav_about_bg.jpg) no-repeat;
}

#navigation ul li.tabTop a {
	line-height: 21px;
	height: 21px;
	border-top: 1px solid #EDEDED;
}

#navigation ul li.tabTop a:hover {
	color: #990000;
}

#navigation ul li.tabTop a.selected {
	color: #990000;
}

#navigation ul li.tab {
	width: 165px;
	background: #FFF url(../images/nav_regular_bg.jpg) no-repeat;
}

#navigation ul li.tab a {
	line-height: 22px;
	height: 22px;
}

#navigation ul li.tab a:hover {
	color: #990000;
}

#navigation ul li.tab a.selected {
	color: #990000;
}

/* ---- End NAV -----*/

#col1, #col2, #col3 {
	float: left;
}

#col1 {
	background: #FFF;
}

#col1 img {
	margin: 0;
	padding: 0;
}

#col2 {
	width: 512px;
}

#col2 p {
	font-size: 0.6875em;
	font-family: Verdana, sans-serif;
	color: #333;
	padding: 0 0 0 25px;
	width: 450px;
}

#col2 p {
	font-size: 0.6875em;
	font-family: Verdana, sans-serif;
	color: #333;
	padding: 0 0 0 25px;
	width: 450px;
}

#col2 table {
	font-size: 0.6875em;
	font-family: Verdana, sans-serif;
	color: #333;
	padding: 0 0 0 25px;
	width: 450px;
}

#col2 table .results {
	font-size: 0.6875em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #333;
	padding: 0 0 0 25px;
	width: 350px;
}

#col2 table.results td {
	font-size: 11px;
	font-weight: bold;
}

#col2 ul{
	font-size: 0.6875em;
	font-family: Verdana, sans-serif;
	margin-left: 3em;
	color: #333;
	padding: 0 0 0 25px;
	width: 400px;
}

#logos{
	width:100%;
}

#fontSizer{
	text-align: right;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color: #999;
	padding: 3px 0 0 0;
	width: 506px;
}

#fontSizer span{
	text-align:left;
}

#fontSizer span.breadCrumb a{
	color:blue;
	padding-right:235px;
	text-decoration:none;
}

#fontSizer a{
	color: #999;
}

#col2heading{	
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	padding: 0 0 0 25px;
	letter-spacing: -0.3px;
}

#col3 {
	width: 291px;
	margin-bottom: 20px
}

#col3 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#col3 ul li {
	display: block;
	margin: 0;
	padding: 0;
	height: 102px;
	width: 291px;
}

#col3 ul li a {
	font-weight: bold;
	color: #FFF;
	height: 100%;
	width: 260px;
	display: block;
	font-size: 1.0em;
	margin: 0;
	padding: 0 30px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 102px;
	text-align: right;
}

#col3 ul li.call1 a {
	background: #FFF url(../images/call_1_off.jpg) no-repeat;
}

#col3 ul li.call1 a:hover {
	background: #FFF url(../images/call_1_over.jpg) no-repeat;
}

#col3 ul li.call2 a {
	background: #FFF url(../images/call_2_off.jpg) no-repeat;
}

#col3 ul li.call2 a:hover {
	background: #FFF url(../images/call_2_over.jpg) no-repeat;
}

#col3 ul li.call3 a {
	background: #FFF url(../images/call_3_off.jpg) no-repeat;
}

#col3 ul li.call3 a:hover {
	background: #FFF url(../images/call_3_over.jpg) no-repeat;
}

#col3 ul li.call4 a {
	background: #FFF url(../images/call_4_off.jpg) no-repeat;
}

#col3 ul li.call4 a:hover {
	background: #FFF url(../images/call_4_over.jpg) no-repeat;
}

#col3 ul li.call5 a {
	background: #FFF url(../images/call_5_off.jpg) no-repeat;
}

#col3 ul li.call5 a:hover {
	background: #FFF url(../images/call_5_over.jpg) no-repeat;
}

#col3 ul li.lastcall {
	background: #FFF url(../images/call_bottom.jpg) no-repeat;
}

.dontquit{
	font-style: italic;
}

#footer{
	width: 968px;
	height: 24px;
	background: #666;
}

#footer ul {
	list-style: none;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 0;
}

#footer ul li {
	font-size: 0.625em;
	display: inline;
	color: #CCC;
}

#footer ul li a {
	color: #FFFF66;
}

#footer ul li a:hover {
	color: #99FFFF;
}

/* ----- CLASSES ----- */

.clear {
	clear: both;
}

.center {
	margin: 0 auto;
}

span.redTxt {
	color: #CC0000;
}

span.stronger {
	font-weight:bold;
}

span.bodyunderline{
	text-decoration: underline;
}

span.bodyheader{
	font-size: 12px;
	font-weight:bold;
}

/* ----- HEADINGS ----- */

h1{
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	padding: 0 0 0 25px;
	letter-spacing: -0.3px;
}

/* ----- IMAGES ----- */

img{
	border: 0;
}

/* ----- LINKS ----- */

a, a:link, a:visited {
	color: #003399;
}

a:hover, a:active {
	color: #999;
}