/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */



body {
	background-color: #43413d;
	background-image:  url(ABC_BG.jpg) ;
    background-repeat: repeat;
	color: #130309;
	font-size: 13px;
 	line-height: 1.7em;
	font-family: Verdana;
	font-style: normal;
	font-weight: 400;

}	
.logo-img {
	float: left;
	margin-right: 20px;
	padding-top: 15px;
	
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "urbana",sans-serif;
    font-style: normal;
font-weight: 400;
color: #b0A891;
}

    
h1 {
    color: #800000;
    font-size: 4em;
    line-height: 47px;
}
h1.site-name {
	width: 450px;
	font-size: 3em;
}
h1.site-name a:link, 
h1.site-name a:visited, 
h1.site-name a:focus, 
h1.site-name a:hover {
	color: #b0A891;
	text-decoration: none;
}
h2.site-name {
	width: 450px;
	font-size: 3em;
}
h2.site-name a:link, 
h2.site-name a:visited, 
h2.site-name a:focus, 
h2.site-name a:hover {
	color: #b0A891;
	text-decoration: none;
}
h2 {
    font-size: 3em;
    letter-spacing: 0.5px;
    line-height: 26px
}
h2.block-title {
    margin: 0;
    font-size: 3em;
}
h3 { font-size: 2.2em; color: #800000; margin-top:25px;}
h4 { font-size: 2em }
h5 { font-size: 1.6em }
h6 { font-size: 1.4em }
p { margin-bottom: 15px }
ul {
    margin-bottom: 15px;
    padding-left: 10px;
    list-style: square outside none
}
.node ol,
.node ul { padding-left: 25px }
a:link,
a:visited,
a:focus,
a:hover { color: #d5d2c1 }
hr {
    height: 0;
    margin-bottom: 15px;
    background: none repeat scroll 0 0 #FFF;
    border-color: #d5d2c1;
    border-image: none;
    border-style: dashed;
    border-width: 1px 0 0;
	
}
a:link
{
text-decoration: none;
}

h6.site-slogan {
font-weight: normal;
font-size: 1.4em;
margin-top: 10px;
color: #fff;

}


/*------------------ ZONES -------------------**/


#zone-branding-wrapper {
	margin-top: 35px;
	border-top: #857466 6px solid;
	min-height: 184px;
	background: #130309; /* Old browsers */
	background: -moz-linear-gradient(left,  #130309 0%, #4a4f54 50%, #130309 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#130309), color-stop(50%,#4a4f54), color-stop(100%,#130309)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* IE10+ */
	background: linear-gradient(to right,  #130309 0%,#4a4f54 50%,#130309 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#130309', endColorstr='#130309',GradientType=1 ); /* IE6-9 */
}
#zone-branding{	
   background-image:  url(ABC_pints.png);
 background-repeat: no-repeat;
background-position: right 6px;
min-height: 184px;


}
#zone-header-wrapper{	
  background: #fff;
margin-top: 35px;


}
}
#zone-header .zone-header{	
margin-left: 0px;
margin-right: 0px;


}
#zone-menu-wrapper {
	height:44px;
	background: #b0A891;
	border-bottom: #6C3600 6px solid;
	border-top: #fff 6px solid;
}

#zone-content-wrapper {
	background: #fff;
	
}	

#zone-footer-wrapper {
	margin-top: 35px;
	padding-top: 50px;
	color: #fff;
	background: #130309; /* Old browsers */
	background: -moz-linear-gradient(left,  #130309 0%, #4a4f54 50%, #130309 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#130309), color-stop(50%,#4a4f54), color-stop(100%,#130309)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #130309 0%,#4a4f54 50%,#130309 100%); /* IE10+ */
	background: linear-gradient(to right,  #130309 0%,#4a4f54 50%,#130309 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#130309', endColorstr='#130309',GradientType=1 ); /* IE6-9 */
	
}
/*------------------ EDIT TABS -------------------

ul.primary li a:link, li a:hover, li a:visited {
background-color: #6C3600;
border-color: #bbb;
border-style: solid solid none solid;
border-width: 1px;
height: auto;
margin-right: 0.5em;
padding: 0 1em;
text-decoration: none;
}


/*------------------ SIDEBAR MENU -------------------**/

.region-sidebar-first .block-menu {
	border-right: 1px solid #111;
}
.region-sidebar-first ul li {
	list-style-image: none;
	list-style-type: none;
	background-color: #d5d2c1;
	margin-bottom: 8px;
	padding: 8px;
	font-family: "urbana",sans-serif;
	font-size: 1.2em;
	

}

.region-sidebar-first ul li a:link{
	color: #111;
	text-decoration: none;
	display: block;

}
.region-sidebar-first ul li:hover {
	background: #b0A891;
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	color: #FFFCF3;
	transition: 200ms  ease-in 0s;
}
.region-sidebar-first ul li:active {
	background: #b0A891;
	display: block;	

}

/** ------ MAIN MENU styles --------**/


#block-superfish-1 {
    height: 44px;
    margin-bottom: 0px
}
#block-superfish-1 { height: 44px }
ul.sf-menu > li { margin-right: -6px }
ul.sf-menu li li { margin-right: 0 }
.sf-menu.sf-style-white {   }
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent { font-weight: 100 }
.sf-menu.sf-style-white li.sf-parent-children-10 ul.sf-megamenu { width: 120em }
.sf-menu.sf-style-white li.sf-parent-children-7 ul.sf-megamenu { width: 84em }
.sf-menu.sf-style-white li.sf-parent-children-3 ul.sf-megamenu { width: 36em }
.sf-menu.sf-style-white li.sf-parent-children-2 ul.sf-megamenu { width: 24em }
.sf-menu.sf-style-white li.sf-parent-children-1 ul.sf-megamenu { width: 12em }
.sf-menu.sf-style-white li.sf-parent-children-9 ul.sf-megamenu { width: 108em }
.sf-menu.sf-style-white li.sf-parent-children-4 ul.sf-megamenu { width: 48em }
.sf-menu.sf-style-white li.sf-parent-children-5 ul.sf-megamenu { width: 60em }
.sf-menu.sf-style-white li.sf-parent-children-6 ul.sf-megamenu { width: 72em }
.sf-menu.sf-style-white li.sf-parent-children-8 ul.sf-megamenu { width: 96em }
.sf-menu.sf-style-white span.sf-description {
    display: block;
    margin: 10px 0 0 10px; padding: 0;
    color: #FFFCF3;
    font-size: 0.8em;
    line-height: 1.5em
}
.sf-menu.sf-style-white .sf-sub-indicator { background-image: url('../images/arrows-777777.png') }
.sf-menu.sf-style-white a.sf-with-ul { padding-right: 2.25em }
.sf-menu.sf-style-white li.current {
    color: #FFF;
    text-decoration: none
}
.sf-menu.sf-style-white li,
.sf-menu.sf-style-white.sf-navbar { background: none }
.sf-menu.sf-style-white.sf-navbar li ul { background-color: #F0F0F0 }
.sf-menu.sf-style-white.sf-navbar li ul li ul { background-color: #F0F0F0 }
.sf-menu.sf-style-white li:hover,
.sf-menu.sf-style-white li.sfHover,
.sf-menu.sf-style-white li.active a,
.sf-menu.sf-style-white a:focus,
.sf-menu.sf-style-white a:hover,
.sf-menu.sf-style-white a:active,
.sf-menu.sf-style-white.sf-navbar li li {
    color: #384140;
    background: #d5d2c1
}
.sf-menu.sf-style-white li a.active {
    color: #d5d2c1;
	background: #000;
    text-decoration: none
}
.sf-menu.sf-style-white.sf-navbar a { border: 0 }
.sf-menu.sf-style-white li li {
    color: #384140;
    background: #d5d2c1
}
.sf-menu.sf-style-white li li a.active {
    color: #FFF;
    text-decoration: none
}
.sf-menu.sf-style-white li li li { background: none }
.sf-menu.sf-style-white li li a {
    color: #FFF;
    font-size: 14px; font-weight: normal;
    font-style: normal;
    font-family: "urbana",sans-serif;
}
.sf-menu.sf-style-white li li a:hover {
    background-color: #F9AB56; color: #FFF;
    text-decoration: none
}
.sf-menu.sf-style-white a {
    padding: 13px 10px 13px 10px;
    color: #FFFCF3;
    font-size: 18px; font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-family: "urbana",sans-serif;
    white-space: nowrap;
    border: none;
}
.sf-menu.sf-style-white a:hover {
    text-decoration: none;
    transition: 200ms  ease-in 0s;
	border-top: 4px #fff;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top: 35px; left: 0 }
.sf-menu.sf-style-white.rtl a.sf-with-ul { padding-right: 1em; padding-left: 2.25em }
.sf-menu.sf-style-white.rtl .sf-sub-indicator { background-image: url('../images/arrows-777777-rtl.png') }
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol li { margin: 0; padding: 0 }
.sf-menu.sf-style-white.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column { float: right }
.sf-menu.sf-style-white ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    display: inline; float: left;
    width: 12em
}

.sharethis-wrapper {
	margin-top: 50px;
	margin-bottom: 50px;
}





/** ------ NODE Content styles --------**/


.ds-2col-stacked-fluid > .group-left {
float: left;
width: 60%;

}
.ds-2col-stacked-fluid > .group-right {
float: right;
width: 40%;
}

.zone-content a:link, a:visited, a:focus, a:hover {
	color: #800000;

}
.region-inner .content a:focus, a:hover {
	text-decoration: underline;
}

.field-name-field-beer-festival-images .field-type-image .field-item img{
	margin-bottom: 20px;
	float: right;
	margin-left: 10px;
	border: 4px solid #b0A891;
	text-align: center;
	box-shadow: 2px 2px 1px #b0A891;
	display: block;
}
.field-type-image .field-item img{
	margin-bottom: 20px;
	float: right;
	display: block;
	margin-left: 10px;
	border: 4px solid #b0A891;
	text-align: center;
	box-shadow: 2px 2px 1px #b0A891;
	
}
.field-type-image .field-item img{
	margin-bottom: 20px;
	float: right;
	display: block;
	
}
.field-type-image{
	float: right;
	display: block;
	
}

.field-type-file {
	border: 4px solid #b0A891;
	padding: 4px;
	color: #b0A891;
	margin-top: 50px;
	margin-bottom: 50px;
	background: #FFFCF3;
	box-shadow: 2px 2px 1px #b0A891;

}
.field-name-field-publicationsfiles a:link, a:visited, a:focus, a:hover {

}


#webform-client-form-21 {
	background-color: #FFFCF3;
	padding: 5px;
	margin-bottom: 25px;
	border: 4px solid #b0A891;
}
#webform-client-form-21 label {
	margin-top:25px;
}
#views_slideshow_controls_text_previous_header_images-block a{
	display:none;
}
#views_slideshow_controls_text_pause_header_images-block a{
	display:none;
}
#views_slideshow_controls_text_next_header_images-block a{
	display:none;
}

#views_slideshow_controls_text_previous_header_images-block{
background-image: url(previous.png);
background-repeat: no-repeat;
opacity: 1;
position: absolute;
height: 70px;
width: 70px;
z-index: 200;
top: 200px;
left: 20px;
overflow: hidden;
transition: 250ms ease-in 0s;
}
#views_slideshow_controls_text_previous_header_images-block:hover {
background-image: url(previous.png);
background-repeat: no-repeat;
opacity: 1;
position: absolute;
height: 70px;
width: 70px;
z-index: 200;
top: 200px;
left: 20px;
overflow: hidden;
transition: 250ms ease-in 0s;
}

#views_slideshow_controls_text_next_header_images-block{
background-image: url(next.png);
background-repeat: no-repeat;
opacity: 1;
position: absolute;
float: right;
height: 70px;
width: 70px;
z-index: 200;
top: 200px;
right: 20px;
overflow: hidden;
transition: 250ms ease-in 0s;
}
#views_slideshow_controls_text_next_header_images-block:hover {
background-image: url(next.png);
background-repeat: no-repeat;
opacity: 1;
position: absolute;
float: right;
height: 70px;
width: 70px;
z-index: 200;
top: 200px;
right: 20px;
overflow: hidden;
transition: 250ms ease-in 0s;
}