/* CSS Document */
/* Potosi Brewery */

body { 
	background-image:url("../images/bgd_pattern2.gif");
	background-repeat:repeat;
	background-position:top;
	background-color:#52250d;
	font-family: Helvetica, Arial, sans-serif;
	margin: 15px auto;
	text-align:center;
}

p, td, div { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:13px;
	line-height:17px;
	color:#432e09;
}

b.soft {
	font-weight:normal;
	color:#207182;
}

hr {
	background-color: #d7ba97;
	height:1px;
	border:0px;
}

a:focus {
	outline:none;
}

blockquote {
	margin-left:53px;
}




/* UNORDERED LISTS
========================================*/

ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet_maroon.gif) no-repeat 0 4px;
	padding-left: 10px;
	padding-bottom: 3px;
	position:relative;
	margin: 0 0 2px 0;
	/*color:#7f5010;*/
}

ul li ul /* basic lists in content area */
{ 
   margin: 0 0 0px 15px;
}



/*ORIG LISTS ul {
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:13px;
	margin-left:0px !important;
	margin-left:10px;
}

li {
	list-style:none;
}

ul li { 
	background-image:url("../images/bullet_maroon.gif");
	background-position:0px 4px;
	background-repeat:no-repeat; 
	color:#7f5010;
	padding:0px 0px 0px 10px; /*sets the space between words and bullets*/
}*/

ul ul li { 
	list-style-type:square; 
	background-image:none;
	margin-left:0px;
	padding:0px 0px 0px 0px; /*sets the space between words and bullets*/
}




















/*************************************************************
Bigger bullets w/ the dingbat character
*************************************************************/
li.big { 
	background-image: url("../images/bullet_big.gif"); 
	background-repeat: no-repeat; 
	font-size: 15px;
	font-weight:bold;
	color: #6f721c;
	margin-left:-10px;
	line-height:30px;
	padding: 0px 0px 0px 35px; /*sets the space between words and bullets*/
}




img {
	border: 0px;
}

img.right {
	float: right;
	margin: 2px;
	border: 0px;
}

img.left {
	float: left;
	margin: 2px;
	border: 0px;
}


a:link, a:visited {
	color:#7d3f0b;
	text-decoration:underline;
}

a:hover, a:visited:hover {
	color:#000000;
	text-decoration:underline;
}

a:focus {
	outline:none;
}

#rows 
{
	float: left;
	width: 600px;
	margin: 0px 0px 0px 0px;
	border:0px solid #ff0000;
	padding-bottom:15px;
	
}



textarea {
	color: #000000;
	font-weight: normal;
	background-color: #fceed9;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #d7ba97;
}

input {
	color: #000000;
	background-color: #fceed9;
	font-weight: normal;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #d7ba97;
}

input.btn {
	color: #7f5010;
	background-color: #d7ba97;
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #d7ba97;
}

select {
	color: #000000;
	background-color: #fceed9;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #d7ba97;

}

.alert {
	color: #b20838;
}

.small {
	font-size:10px;
	color: #c4ab86;
}

.newsbg
{ background-color:#fae2c0; padding:5px;}


/*************************************************************
Holds site
*************************************************************/
#container {
	width:990px;
	margin:0 auto;
	border: 0px solid #ffff00;
	text-align:left;
}


/*************************************************************
Header
*************************************************************/
#header {
	width:990px;
	padding-left:0px;
	position:relative;
	float:left;
	border: 0px solid #ff00ff;
}

/* Home header Positioning; main navigation is within header */
.home {
	background-image:url("../images/headercaphome.gif");
	background-repeat:no-repeat;
	background-position:top;
	padding-top:115px;
	border: 0px solid #ff0000;
	}

/* Interior header Positioning; main navigation is within header */
.int {
	background-image:url("../images/headercap.gif");
	background-repeat:no-repeat;
	background-position:top;
	padding-top:52px;
}

.giftshophome {
	position:absolute;
	top:45px;
	left:750px;
	width:133px;
	height:82px;
	z-index:200;
}


/*************************************************************
Main Navigation
*************************************************************/
#mainnav {
    width:940px;
    height:22px;
    margin: 0px 0px 0px 45px;
	z-index:900;
	border: 0px solid #ff00ff;
	float:left;
	position:relative;
}

#mainnav img{
    
    margin: 0px 7px 0px 7px;
}


/*#mainnav {
    height:22px;
	z-index:500;
}*/

/* main navigation "on" arrow button */
.onbtncontainer {
	display:block;
	height:7px;border:0px solid #ffff00;
}

.onbtn {
	display:none;
	position:absolute;
}

body#home .onbtn.homebtn {
	display:block;
	top:115px;
}

body#about .onbtn.aboutbtn,
body#museums .onbtn.museumsbtn,
body#interpretive .onbtn.interpretivebtn,
body#dining .onbtn.diningbtn,
body#ourbeer .onbtn.ourbeerbtn,
body#restaurant .onbtn.restaurantbtn,
body#giftshop .onbtn.giftshopbtn,
body#events .onbtn.eventsbtn {
	display:block;
	top:52px;
}


/*************************************************************
Secondary Navigation (location, foundation, etc.)
*************************************************************/

/* container for exact placement of secondary navigation on interior pages */
#secnavintcontainer {
	position:absolute;
	z-index:50;
	top:200px !important; top:110px;
	left:350px;
	border:0px solid #ff0000;
	
}

#secnavhomecontainer { 
	width:990px;
	background-image:url("../images/homebothairlinecurls.gif");
	background-repeat:no-repeat;
	background-position:top;
	padding-top:25px;
	position:relative;
	text-align:center;
}

#secnav {
	display:block;
}

/* adjust placement of barley graphic */
#secnav img {
	padding-bottom:8px;
}




/*************************************************************
Sub Navigation
*************************************************************/
.subnavbox {
    width:200px;
    margin:0px auto 0px auto;
    display:none;
	text-align:center;
	background-image:url("../images/subnavbox_bgd.gif");
	background-repeat:repeat-y;
}

.subnavbox hr {
    background-color:#d7ba97;
	width:135px;
	height:1px;
	border:0;
}

.supersubbox {
	margin:10px auto 0px auto;
	width:135px;
	padding-top:5px;
	text-align:center;
	display:none;
	background-image:url("../images/supersubbgd.gif");
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
	line-height:15px;
}

.subnavbox a:link, .subnavbox a:visited {
    color:#231f20;
	text-decoration:none;
}

.subnavbox a:hover, .subnavbox a:visited:hover {
    color:#7f5010;
	text-decoration:none;
}

body#about .subnavbox.about,
body#museums .subnavbox.museums,
body#foundation .subnavbox.foundation,
body#news .subnavbox.news,
body#status .subnavbox.status,
body#giftshop .subnavbox.giftshop,
body#ourbeer .subnavbox.ourbeer,
body#location .subnavbox.location,
body#events .subnavbox.events,
body#intranet .subnavbox.intranet {
	display:block;
}

body#about.memorabilia .supersubbox.memorabilia {
	display:block;
}


/*************************************************************
Interior Pic, Logo & top curly lines
*************************************************************/
#inttop {
	width:990px;
	position:relative;
}

.giftshopint {
	position:absolute;
	top:113px !important; top:32px;
	left:197px;
	width:133px;
	height:82px;
	z-index:200;
}



/*************************************************************
Main Content Containers
*************************************************************/
.hairlineborderdark {
	border-width:0px 1px 0px 1px;
	border-color:#977c6e;
	border-style:solid;
	padding:0px 5px 0px 5px;
	position:relative;
}

.mainbgd {
	background-color:#fceed9;
	padding:0px 9px 0px 9px;
}


.hairlineborderlight {
	border-width:0px 1px 0px 1px;
	border-color:#d7ba97;
	border-style:solid;
	width:958px;
}


/*************************************************************
Home Structure
*************************************************************/
#leftcolhome {
	width:235px;
	float:left;
	margin-right:25px;
	margin-left:10px;
	line-height:20px;
	border:0px solid #ffff00;
}

#midcolhome {
	width:410px;
	float:left;
	text-align:center;
	border:0px solid #000;
	overflow:hidden;
	
}

#rightcolhome {
	width:220px;
	float:left;
	margin-left:30px;
	border:0px solid #ddd;
	overflow:hidden;
}






/*************************************************************
Interior Structure
*************************************************************/
#leftcol {
	width:246px;
	text-align:center;
	float:left;
}

#content {
	width:630px;
	float:right;
	padding:0px 40px 0px 0px;
	border: 0px solid #ff0000;
}

#contentleft {
	width:300px;
	float:left;
	padding:0px 0px 0px 0px;
}

#contentright {
	width:300px;
	float:right;
	padding:0px 15px 0px 0px;
}


#newsleft {
	width:280px;
	float:left;
	padding:0px 0px 0px 0px;
}

#eventright {
	width:280px;
	float:right;
	padding:0px 15px 0px 0px;
}

#narrow {
	width:300px;
	float:right;
	padding:0px 0px 0px 15px;
	border: 0px solid #ff0000;
	text-align:center;
}

#narrowb {
	width:300px;
	float:left;
	margin:8px 0 0 0;
	padding:0px 0px 0px 15px;
	border: 0px solid #ff0000;
	text-align:left;
}



#intbot {
	width:990px;
	padding:55px 0px 0px 0px;
	background-image:url("../images/intbothairlinecurls.gif");
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	text-align:center;
}

/* adjust placement of barley graphic */
#intbot img {
	padding-bottom:8px;
}

/* hide intbot on homepage */
body#home #intbot {
	display:none;
}


/*************************************************************
Footer
*************************************************************/
#footer {
	width:990px;
	position:relative;
	float:left;
	text-align:center;
}



/*************************************************************
Head Tags
*************************************************************/
h2 { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:16px; 
	font-weight:bold;
	text-transform:uppercase;
	color:#545b08; 
	margin-bottom:0px;
	letter-spacing:1px;
}

h2 a:link, h2 a:visited { 
	color:#545b08; 
	text-decoration:none;
}

h2 a:hover, h2 a:visited:hover { 
	color:#2d3102; 
	text-decoration:none;
}


h3 { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:17px; 
	font-weight:normal;
	color:#5c6501;
	margin-bottom:5px;
	margin-top:5px;
}

h3 a:link, h3 a:visited { 
	color:#5c6501; 
	text-decoration:none;
}

h3 a:hover, h3 a:visited:hover { 
	color:#2d3102; 
	text-decoration:none;
}


h4 { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size: 14px;
	font-weight:bold;
	color:#d4993b;
	margin-bottom:0px;
}

h4 a:link, h4 a:visited { 
	color:#d4993b; 
	text-decoration:underline;
}

h4 a:hover, h4 a:visited:hover { 
	color:#b78028; 
	text-decoration:underline;
}


h5 { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:19px; 
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	color:#52250d; 
	margin-bottom:0px;
	letter-spacing:1px;
}

h6 { 
	font-family:Georgia,Garamond,"Times New Roman","MS Serif","New York",serif;
	font-size:17px; 
	font-weight:bold;
	color:#8a5235;
	margin-bottom:5px;
	margin-top:5px;
}


/*************************************************************
Misc styles; 
*************************************************************/
/* MC note during website development */

.mcnote { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #f606c6;
}

.potosilogoprint {
	display:none;
}

/* Float Clear Fix */
/* 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 */
.clearfloat { 
	clear:both;
    height:0px;
    font-size:1px;
    line-height:0px;
}



/*************************************************************
TABLES
*************************************************************/

table {
	border:0px;
}

table.memorabilia {
	width:100%;
}

table.memorabilia td {
	padding:5px;
	text-align:center;
}

table.photos {
	border:0px;
	width:100%;
}

table.photos th {
	text-align:center;
}

table.photos td {
	padding:0px 5px 15px 5px;
	text-align:center;
	vertical-align:top;
}

.tablea td {
	border-bottom:1px solid #d2bda2;
}


.tableb td {
	border-bottom:1px solid #d2bda2; padding: 0px 0 0px 0;
}

.tableb p {
	margin:15px 0 15px 0;
}


/*************************************************************
PHOTOS
*************************************************************/
.thumb {
	border-width:1px;
	border-style:solid;
	border-color:#d7ba97;
	padding:3px;
	margin:0px;
}

.photoborder {
	border-width:1px;
	border-style:solid;
	border-color:#d7ba97;
	padding:3px;
	margin:0px;
}




/*************************************************************
GIFT SHOP
*************************************************************/

table.products {
	width:100%;
}

table.products td {
	padding:8px;
	text-align:left;
	vertical-align:top;
}

table.products img {
	border-width:1px;
	border-style:solid;
	border-color:#d7ba97;
	padding:3px;
	margin:0px;
}

table.products p {
	margin:0px;
}

.price {
	font-weight:bold;
	text-transform:uppercase;
	color:#b20838;
}

/* Cart */
table.cart {
	width:100%;
}

table.cart td {
	padding:3px;
	text-align:center;
}

table.cart th {
	border-bottom:1px solid #d7ba97;
	padding:5px;
	color:#432e09;
	margin:0px;
	text-transform:uppercase;
	font-size:13px;
	vertical-align:bottom;
}




/*************************************************************
*************************************************************
*************************************************************
CALENDAR
*************************************************************
*************************************************************
*************************************************************/


.mainTableTOC {
	border: 0px solid #d7ba97;
	table-layout: fixed;
	border-collapse: collapse;
 }

/* Day Names Row Setup */
.dayNamesRowTOC {
    height: 20px;
	vertical-align: middle;
	padding: 8px 3px 2px 3px; 
	/*background-color: #FFFFFF;*/
	border-style: solid; 
	border-width: 0px 0px 0px 0px;
	border-color: #d7ba97;
}

/* Day Name Setup */
.dayNamesTextTOC {
    font-size: 10px;
    color: #40250C;
	font-weight: bold; 
	text-align: left;  
}

.titleTOC {
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
    padding: 1px;
    margin: 0px;
    color: #fff;
   }

.daynumTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold; 
	color: #40250C;
	background-color: #d7ba97;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
}

.formElements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Monday Through Friday */
.s20TOC {
	background-color: #fdf5ea;
	height:88px; 
	padding: 1px 1px 1px 1px;
	border-style: solid; 
	border-width: 1px 1px; 
	border-color: #d7ba97; 
	vertical-align: top;
}
	
/* Saturday and Sunday */
.s20TOC0 {
	/*background-color: #FFF; */
	padding: 1px 1px 1px 1px; 
	border-style: solid; 
	border-width: 1px 1px; 
	border-color: #d7ba97; 
	vertical-align: top;
}


#popupDateTable {
	background-color:#FFF;
    text-align: left;
	padding: 1px 1px 1px 1px; 
	/*border-style: solid; 
	border-width: 1px 1px; 
	border-color: #D5D1A2; */
}
	
#popupDatetable td.row1 {
	font-weight: bold;
	text-align: left;
}

.CalendarFrame { 
	position: absolute; 
	left: 75px; 
	top: 100px; }




#clients ul { 
	margin-top: 0;
	padding-top: 0;
}

#clients li .holder { 
	position: relative;
}

#clients .quote { 
	display: none; 
	position: absolute; 
	width: 225px; 
	top: 0; 
	left: 1.5em; 
	border: 1px solid #52250d; 
	background-color: #FFF; 
	padding: 5px 12px; 
	z-index: 500; 
	font-size:11px;
}

#clients .holder .quote { 
	top: 0; 
	left: -15em; 
	right: 1.5em;
}

#clients li:hover .quote, #clients li.over .quote { 
	display: block;
}

#clients .quote p { 
	margin: 0;
	padding: 0;
	font-size:11px; 
	line-height:15px;
}

#clients .quote p.indent { 
	margin-left:1cm;
	font-weight:bold;
	font-size:11px; 
	line-height:15px;
}

/*************************************************************
*************************************************************
*************************************************************
END CALENDAR
*************************************************************
*************************************************************
*************************************************************/

/* ----------------------------
   ROTATING PHOTOS SLIDESHOW
--------------------------- */
.mt {padding:0px;position:relative;margin:0px;border:0px solid #ff00ff; text-align:center;}

#slideshow { width:448px; height:298px; margin:0px; overflow: hidden; border:0px solid #ddd;z-index:800; position:relative;float:left; vertical-align: middle; text-align:center; }/*holds the actual picture*/
.slideshowpics { width: 448px; height: 298px; padding:0px; margin:0px auto; vertical-align: middle; text-align:center; overflow: hidden; background:#fceed9;position:relative;z-index:50;}
.slideshowpics img {  padding: 0px; position: relative !important; top: 0%;left: 0%;vertical-align: middle; text-align:center; z-index:40; border:0px solid #ff0000; overflow: hidden;} /*actual picture */

.slidenav { width: 448px; margin:0px 0px 0px 0px; padding:0px; float:left; position:relative; border-top:3px solid #b88753;list-style-type: none; } /*holds the thumbnails*/
ul.slidenav { margin:20px 0px 0px 0px; padding:0px; list-style-type: none;}
ul.slidenav li  { margin:5px 13px 0px 0px; padding:0px; list-style-type: none;}
.slidenav li { width: 60px; float:left; position:relative; margin: 0px 4px 0px 0px; padding-right:0px; background:none; list-style-type: none; }
.slidenav a { width: 60px;  padding: 0px; display: block; margin:0px; border: solid 3px #b88753;} /*sets size, puts the nice border around thumbnails*/
.slidenav a.activeSlide { background: #b88753; border:3px solid #744009;} /*the border on the active thumb*/
.slidenav a:focus { outline: none; }
.slidenav img { border: none; list-style-type: none;}

/*.photocaption {padding:0px; height:40px; margin:0px 0px 0px 0px; width:400px;float:left; }*/