/* Black Sheep CSS Document */

* { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

img
{
	margin: 0;
}



fieldset
{
	padding: 10px;
	width: 85%;
	margin-bottom: 20px;
}

input.coloured
{
	color:#000;
	border: solid 1px #000;
	background-color: #FFCC66;
}

body {
	text-align:center;  /*centers the wrapper in ie5 and ie6 in quirks mode*/
	min-width: 760px;   /*netscape6 hack*/
	background-color: #000000;
}

#wrapper { 
    width: 750px;  
	margin: 0px auto; 
	text-align: left; /*re-aligns content to the left after ie hack (see body)*/
	position: relative; 
	background-color: #000;
	font-size: 1em;
	margin-top: 20px;
	padding-bottom: 60px;
}

#branding {
	width: 750px;
	height: 183px;
	margin: 0;
	padding: 0;
}

#topnav {
	margin: 0;
	padding: 2px 0 5px 0;
	list-style: none;
	width: 750px;
	float: left;
	font-size: 0.85em;
	height: 20px;
	background: url(../images/topnavbg.jpg) top left no-repeat;
	
}
 dl.table-display-dist
{
width: 375px;
margin: 20px 0;
padding: 0;
font-family: georgia, times, serif;
clear:both;


}

.table-display-dist dt
{
width: 85px;
float: left;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-weight: bold;
font-size: 0.75em;
color: #fff;

}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display-dist dd
{
float: left;
width: 275px;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-size: 0.75em;
color: #fff;


}


.distributorItem
{
	clear:both;
	margin: 0 20px;

}

.distributorItem dl
{
	margin: 0 0 25px 0;
	padding: 0;
	
}

.distributorItem h4
{
	margin: 8px 0 3px 0;
	padding: 0;
	font-size: 0.8em;
	color: #FFCC66;
}
/*
#topnav li {
	float: left;
}
*/
#topnav /*li*/ a {
	display: block;
	float: left; /* ie 5.2 mac */ 
	padding: 0 9px;
	text-decoration: none;
	color: #FFF;
	background: url(../images/divider.gif) no-repeat left top;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
}

#topnav a.first {
	background: none;
	text-indent: 196px;
}

#topnav a:hover {
	color: #CCC;
}

#breadcrumb {
	height: 20px;
	text-align: left;
	font-size: 1em;
	color: #FFF;
	margin: 4px 0 0 0;
	padding: 0;
}

#breadcrumb p {
	font-size: 0.65em;
	color: #FFF;
	margin: 0;
	padding: 0;
}

#breadcrumb a {
	text-decoration: none;
	color: #FFF;
	margin: 0;
	padding: 0;
}

#breadcrumb a:hover {
	text-decoration: underline;
	color: #FFF;
}

#content {
	float: right;
	font-size: 1em;
	width:536px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:545px;
	padding-top: 2px;
}

.twoColLayout #maincontent {
	float: left;
	padding-bottom: 22px;
	
	width:521px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:541px;	
	color: #5C5C5C;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFF;

}

#maincontent h1 {
	padding: 0;
	margin: 2px 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFCC66;
	
	height: 30px;
	width: 550px;
	
	
}

#maincontent h2, #maincontent h3, #maincontent h5, #maincontent h6 {
	padding: 0;
	margin: 12px 0 5px 0;
	/*font-size: 0.85em;*/
	font-size: 1.1em;
	color: #FFCC66;
}

#maincontent h2.home {
	padding: 4px;
	font-size: 1.2em;
 	font-weight: bold;
	margin-top: 0;
	color: #FFCC66;
}

#maincontent h2.first {
	margin-top: 0;
	color: #FFCC66;
}

#maincontent h3 {
	padding: 0;
	margin: 7px 0 4px 0;
	font-size: 0.90em;
	color: #FFCC66;
}

#maincontent p, #maincontent .vcard, #maincontent label {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	/*text-align: justify;*/
}

#maincontent input {
	font-size: 0.8em;
	background-color: #FFF;
	color: #000;
	/*border: 1px solid #fff;*/
	/*height: 18px; */
	border: 0;
	margin: 3px;
	padding: 2px;
}

#maincontent select {
	font-size: 0.8em;
	background-color: #FFF;
	color: #000;
	border: 1px solid #fff;
	
	/*margin: 3px;
	padding: 2px;*/
}

#maincontent textarea {
	font-size: 0.8em;
	background-color: #FFF;
	color: #000;
	border: 1px solid #fff;
	margin: 3px;
}

#maincontent p strong {
	font-weight: bold;
	color: #FFCC66;
}

#maincontent ul {
	margin: 10px 0 10px 15px;
	padding: 0;
	color: #FFF;
}

#maincontent ul li {
	/*list-style-type: none;
	text-indent: 14px;*/
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	/*background: url(../images/bullet.gif) no-repeat 0 50%;*/
}

#maincontent a:link, #maincontent a:visited {
	color: #FFCC66;
	text-decoration: underline;
}

#maincontent a:hover {
	text-decoration: none;
}
/*
a[href^="http:"] {
	background: url(/images/externalLink.gif) no-repeat right top;
	padding-right: 15px;
}

a[href^="http://www.blacksheepbrewery.co.uk"], a[href^="http://blacksheepbrewery.co.uk"], a[href^="http://host2.clickandbuild.com"] {
	background-image: none;
	padding-right: 0;
}

a[href^="mailto:"] {
	background: url(/images/mailLink.gif) no-repeat right top;
	padding-right: 18px;
}
*/
/************************** Tile Area Styles ******************************/


.hometileleft {
	width: 250px;
	height: 125px;
	float: left;
	font-size: 0.75em;
	vertical-align: top;
	margin: 6px 0 6px 0;
	clear: both;
	color: #FFF;
}

.hometileleft h3 {
	margin: 0;
	padding: 0;
}

.hometileleft h3 a {
	font-size: 1.3em;
}

.hometileleft p {

}

.hometileleft img {
	float: left;
	margin: 0 8px 25px 0;
	
}

.hometileright {
	width: 250px;
	height: 125px;
	float: right;
	font-size: 0.75em;
	vertical-align: top;
	margin: 6px 0 6px 0;
	color: #FFF;
}

.hometileright h3 {
	margin: 0;
	padding: 0;
}

.hometileright h3 a {
	font-size: 1.3em;
}

.hometileright p {

}

.hometileright img {
	float: left;
	margin: 0 8px 25px 0;

}

.clearingdiv {
	clear: both; 
	width: 100%; 
	height: 1px; 
	line-height: 1px; 
	font-size: 1px;
}

.visitorflash {
	float: right;
	width: 220px;
	height: 150px;
}
/*
a[href^="http:"] {
	background: url(/images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="http://www.blacksheepbrewery.co.uk"], a[href^="http://blacksheepbrewery.co.uk"] {
	background-image: none;
	padding-right: 0;
}

a[href^="mailto:"] {
	background: url(../images/mailLink.gif) no-repeat right top;
	padding-right: 13px;
}
*/

#footnav {
	margin-top: 5px;
}

#footnav p {
	color: #A18140;
	font-size: 0.65em;
	text-align: center;
	height: 16px;
	line-height: 16px;
}



#footnav p a {
	padding: 0 2px;
	text-decoration: none;
	color: #A18140;
	font-size: 1em;
}

#footnav p a:hover {
	color: #CCC;
}


#adminNav {
	color: #FFF;
	background-color: #000;
	padding-left: 5px;
	font-size: 0.80em;
}	

#adminNav a {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}	

#adminNav a:hover {
	text-decoration: underline;
}	

#extreme {
	width: 750px;
	color: #000;
	font-size: 1em;
	margin: 0;
	clear: both;
	background-color: #007549;
	background: url(../images/extremebg.gif) top left no-repeat;
}

#extreme a:link, #extreme a:visited {
	color: #000;
	font-size: 1em;
	text-decoration: none;
	vertical-align: top;
	background-image: none;
	padding-right: 0;
}

#extreme a:hover, #extreme a:active {
	color: #000;
	font-size: 1em;
	text-decoration: none;
	vertical-align: top;
	background-image: none;
	padding-right: 0;
}

#extreme  p {
	font-size: 0.70em;
	color: #000;
	padding: 2px 0 3px 470px;
	margin: 0;
}






/* DISPLAY TABLE STUFF ***********************************************************/ 

.displayTable {
	border-top: 1px dashed #9C9C9F; 
	border-left: 1px dashed #9C9C9F;
}

.displayTable td {
	padding: 3px 2px;
	border-bottom: 1px dashed #9C9C9F;
	border-right: 1px dashed #9C9C9F;
}

.displayTable tr.odd {
	background-color: #d7e1f4;
}

.displayTable tr.even {
	background-color: #e9e9e9;
}


/* INNWAY DISPLAY TABLE **********************************************************/

.innwayDisplayTable {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 20px;
}

.innwayDisplayTable tbody td {
	padding: 3px 2px;
	color: #FFF;
	font-size: 0.80em;
	vertical-align: top;
}

.innwayDisplayTable tbody th {
	padding: 3px 2px;
	color: #FFF;
	font-size: 0.80em;
	vertical-align: top;
	font-weight: bold;
	width: 160px;
}




/********************* Wallpaper Styles ******************************************/

.wallpaper_left {
	float: left;
	width: 220px;
	font-size: 0.75em;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 50px;
	margin-left: 15px;
}

.wallpaper_left img {
	border: 1px solid #FFFFFF;
}

.wallpaper_right {
	float: left;
	width: 220px;
	font-size: 0.75em;
	text-align: center;
	margin-bottom: 20px;
}

.wallpaper_right img {
	border: 1px solid #FFFFFF;
}

/* SIFR STUFF ***********************************************************************/
/* These are standard sIFR styles... do not modify */ 

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
 
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 { 
	visibility: hidden;
}
*/

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
*/


/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/


/******** Photo Gallery ************/

.galleryRow
{
	border: dotted #FF9900 1px;
	padding: 3px;
}

.galleryBox
{
	float:left;
	width: 100px;
	text-align: center;
	height: 100px;
	margin: 4px 4px 0 0;
}

.galleryBox img
{
	border: 1px #000 solid;
}
.galleryNewRow
{
	width: 400px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;

}

/******** Sitemap ********************************************/

ul#sitemap {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

ul#sitemap ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: 20px;
}

ul#sitemap ul ul{
	text-indent: 40px;
	margin: 0 0 5px 0;
}

ul#sitemap li {
	font-size: 12px;
}

ul#sitemap li a:link, ul#sitemap li a:visited {
	font-size: 12px;
}
/*
ul#sitemap li ul li a:link, ul#sitemap li ul li a:visited {
	font-size: 12px;
	text-decoration: underline;
}
*/
/******************** RadEditor Styles ************************/


.RadEContent, .RadEContentBordered {
	width: 535px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.RadEContent h1, .RadEContentBordered h1 {
	padding: 0;
	margin: 2px 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFCC66;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent h2, .RadEContentBordered h2,
.RadEContent h3, .RadEContentBordered h3,
.RadEContent h4, .RadEContentBordered h4,
.RadEContent h5, .RadEContentBordered h5,
.RadEContent h6, .RadEContentBordered h6  {
	padding: 0;
	margin: 12px 0 5px 0;
	font-size: 1.1em;
	color: #FFCC66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent h2.home, .RadEContentBordered h2.home {
	padding: 4px;
	font-size: 1.2em;
 	font-weight: bold;
	margin-top: 0;
	color: #FFCC66;
}

.RadEContent h2.first, .RadEContentBordered h2.first {
	margin-top: 0;
	color: #FFCC66;
}

.RadEContent h3, .RadEContentBordered h3 {
	padding: 0;
	margin: 7px 0 4px 0;
	font-size: 0.90em;
	color: #FFCC66;
}

.RadEContent p, .RadEContentBordered p, .RadEContent .vcard, .RadEContentBordered .vcard {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent p strong, .RadEContentBordered p strong {
	font-weight: bold;
	color: #FFCC66;
}

.RadEContent ul, .RadEContentBordered ul {
	margin: 10px 0 10px 15px;
	padding: 0;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent ul li, .RadEContentBordered ul li {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent a:link, .RadEContent a:visited, .RadEContentBordered a:link, .RadEContentBordered a:visited {
	color: #FFCC66;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.RadEContent a:hover, .RadEContentBordered a:hover {
	text-decoration: none;
}


.RadEContent .innwayDisplayTable, .RadEContentBordered .innwayDisplayTable {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 20px;
}

.RadEContent .innwayDisplayTable tbody td, .RadEContentBordered .innwayDisplayTable tbody td {
	padding: 3px 2px;
	color: #FFF;
	font-size: 0.80em;
	vertical-align: top;
}

.RadEContent .innwayDisplayTable tbody th, .RadEContentBordered .innwayDisplayTable tbody th {
	padding: 3px 2px;
	color: #FFF;
	font-size: 0.80em;
	vertical-align: top;
	font-weight: bold;
	width: 160px;
	text-align: left;
}

.coloured
{
	color:#000;
	border: solid 1px #000;
	background-color: #FFCC66;
}

 dl.table-display
{
width: 375px;
margin: 20px 0;
padding: 0;
float:left;
font-family: georgia, times, serif;
}

.table-display dt
{
width: 85px;
float: left;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-weight: bold;
font-size: 0.75em;
color: #fff;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 275px;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-size: 0.75em;
color: #fff;

}


 dl.table-display-facilities
{
width: 220px;
margin: 20px 0;
padding: 0;
font-family: georgia, times, serif;
float:left;
}

.table-display-facilities dt
{
width: 130px;
float: left;
margin: 0 0 0 0;
padding: 3px;
border-top: 1px solid #999;
font-weight: bold;
font-size: 0.75em;
color: #fff;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display-facilities dd
{
float: left;
width: 50px;
margin: 0 0 0 0;
padding: 3px 3px 10px 3px;
border-top: 1px solid #999;
font-size: 0.75em;
color: #fff;
}
#pubDetails
{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #999;

}
.pubImage
{
	float:right;
	margin: 5px;
}

#home_tiles img
{
	border: 0 !important;
	margin-bottom: 12px;
	margin-left: 12px;
}

/************************************************************************************************


.threeColLayout #maincontent {
	float: left;
	padding-bottom: 22px;
	width: 245px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 255px;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFF;
}

.threeColLayout #secondarycontent {
	float: right;
	padding-left: 2px;
	padding-right: 18px;
	padding-bottom: 22px;
	
	width: 235px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 245px;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFF;
}

.twoColLayout #secondarycontent {
	width: 0px;
	float: right;
	display: none;
	color: #5C5C5C;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFF;
}

#maincontent h1, #secondarycontent h1 {
	padding: 0;
	margin: 2px 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFCC66;
	
	height: 30px;
	width: 550px;
}

#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6,
#secondarycontent h2, #secondarycontent h3, #secondarycontent h4, #secondarycontent h5, #secondarycontent h6 {
	padding: 0;
	margin: 12px 0 5px 0;
	/*font-size: 0.85em;*/ /*
	font-size: 1.1em;
	color: #FFCC66;
}

#maincontent h2.home, #secondarycontent h2.home {
	padding: 4px;
	font-size: 1.2em;
 	font-weight: bold;
	margin-top: 0;
	color: #FFCC66;
}

#maincontent h2.first, #secondarycontent h2.first {
	margin-top: 0;
	color: #FFCC66;
}

#maincontent h3, #secondarycontent h3 {
	padding: 0;
	margin: 7px 0 4px 0;
	font-size: 0.90em;
	color: #FFCC66;
}

#maincontent p, #secondarycontent p, #maincontent .vcard, #maincontent label {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	/*text-align: justify;*/ /*
}

#maincontent input, #maincontent select {
	font-size: 0.75em;
	background-color: #FFF;
	color: #000;
	border: 1px solid #FFCC66;
	height: 18px; 
}

#maincontent p strong, #secondarycontent p strong {
	font-weight: bold;
	color: #FFCC66;
}

#maincontent ul, #secondarycontent ul {
	margin: 10px 0 10px 15px;
	padding: 0;
	color: #FFF;
}

#maincontent ul li, #secondarycontent ul li {
	/*list-style-type: none;
	text-indent: 14px;*/ /*
	font-size: 0.75em;
	line-height: 1.4em;
	color: #FFF;
	/*background: url(../images/bullet.gif) no-repeat 0 50%;*/ /*
}

#maincontent a:link, #maincontent a:visited, #secondarycontent a:link, #secondarycontent a:visited {
	color: #FFCC66;
	text-decoration: underline;
}

#maincontent a:hover, #secondarycontent a:hover {
	text-decoration: none;
}

**************************************************************************************************/