/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
	html, body { font-size: 12px; line-height: 145%; background-color: #000; color: #555; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper { width: 960px; margin: 0 auto 20px auto;position: relative;}
    #header { background-image: url(../images/header14oct.jpg); background-repeat: no-repeat; height: 90px; background-color: #000;}
	#wrapper-inner {min-height: 800px; background: #FFF;  border-top: 5px solid #fff; overflow: hidden; clear: both; margin-bottom:20px;  /* background-image: url(../images/hands.gif);background-repeat: no-repeat;background-attachment: fixed;background-position: 25% 120px;*/ }
	#content { margin: 20px; padding-top: 1px; overflow: hidden; clear: both;/* border-top: 1px solid #fff;*/}
	#content-sub { float: right; width: 250px; margin-bottom: 143px;}
	#content-main { float: left; width: 650px; margin-bottom: 30px;}
   /* #footer {clear: both; background-image: url(../images/footer2.png);background-position: bottom center;/*position: fixed; */
   /* bottom: 0;left: auto;width: 960px;height: 143px; overflow: hidden; }*/
    #footer {
   background-image: url(../images/footer2.png);
   background-position: bottom center;
  position: fixed;
bottom: 0;
left: auto;
width: 960px;
height: 143px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}





/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 { font-size: 200%; margin: 20px 0; color: #b38b2a; }
	h2 { font-size: 170%; margin: 20px 0; color: #b38b2a; }
	h3 { font-size: 150%; margin: 10px 0; color: #b38b2a; }
	h1 span, h2 span, h3 span, h4 span { display: block; font-size: 10px; font-weight: normal; line-height: 125%; color: #888; font-weight: bold; margin-top: 5px; }
	hr { border: none; background: #ccc; height: 1px; margin:10px 0; }
	p { margin: 20px 0; }
	ul { margin: 20px 20px 20px 40px;; list-style-type: disc;color:#820000;line-height: 175%; }
    .home li a {font-weight: bold;color: #b38b2a;}
    .home li a:hover {font-weight: bold;color: #2a2a2a;}

	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; color: #b38b2a; }
	a:hover { text-decoration: underline; color: #000; }
	/*a:focus { -moz-outline-style: none; }  activate this style if you do not want the dotted border appearing on click of anchor tags in Firefox. However, it will render the css invalid. */
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 5px 20px 20px 20px; text-align: right; display: block;}
	img { border: none; }
	img.float-left { float: left; display: inline; margin: 0 20px 0 0; }
    img.float-right { float: right; display: inline; margin: 0 0 0 20px;border: none; }
	.intro {font-weight: 600; color:#555; }
    .introCenter {font-weight: 600; color:#555; text-align: center;}
     img.quoteStart {border: none; float: left; margin: 5px;}
     img.quoteEnd {border: none; float: right; margin-top:-30px;}
    .smallNumber {font-size: 80%; color: red; font-style: oblique;}
    .smallNumber2 {font-size: 80%; color: red; font-style: oblique;margin-right: 10px;}
    ul.number {margin: 20px 20px 20px 40px; list-style-type: none;color:#820000;line-height: 175%; }



/* = ELEMENT STYLES: Classes and ID's ====================================== */

	h1#logo { float: left; height: 93px; width: 500px; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 50%; margin: 0 0 0 15px; }

	#feature { clear: both; height: 273px; background: url(../images/bg_feature2.jpg) repeat-x 0 100%; border-bottom: 1px solid #808080; overflow: hidden; }
	#feature span { color: #555; }
	#feature p { color: #555; margin: 10px 0; }
    #feature p.uri {text-align: right; margin-top: -20px;}
	#feature h3 { margin: 0; }
    #feature blockquote { margin: 20px 290px; font-size: 14px;}
	.feature-content { height: 170px; overflow: scroll; padding: 20px; }
	.feature-content a.more { display: inline; text-align: right; margin: 0 0px; font-size: 12px; background: url(../images/icon_arrow-more.gif) no-repeat 100% 50%; padding-right: 8px;}
    #feature p.caption { width: 450px; }
	#menu { margin: 0; }
	#menu li { list-style: none; float: left; width: 319px; }
	#menu li.first { width: 321px; margin-left: -1px; }
	#menu li.last { width: 320px; }
	#menu li a { padding: 7px 10px; font-size: 10px; font-weight: normal; line-height: 125%; color: #FFF; height: 50px; display: block; background: #8e897d; border-left: 1px solid #808080; border-top: 1px solid #808080; }
	#menu li a:hover { background: none; text-decoration: none; border-top: 1px solid transparent; }
	#menu li a.selected { background:#620202 url(../images/bg_feature-option3.jpg) repeat-x 0 0; border-top: 1px solid #808080; }
	#menu li.first a { padding-left: 20px; }
	#menu li.last a { padding-right: 10px; }
	#menu li a span { font-weight: bold; display: block; line-height: 150%; font-size: 14px;  color: #FFF; }


	.block { background-image: url(../images/blockBg.jpg); background-repeat: repeat-x; background-color: #C3BCA9; border: 1px solid #ccc; margin-bottom: 20px; }
	.block-inner { border: 1px solid #fff; padding-bottom: 20px; }
	.block-inner blockquote { margin: 5px 20px; }
	.block-inner cite { margin-bottom: 0; }
	.block-inner p { margin: 0 20px 0 20px; }
	.block-inner a.more { display: block; text-align: right; margin: 0 20px; font-size: 10px; background: url(../images/icon_arrow-more.gif) no-repeat 100% 50%; padding-right: 8px; }
	.block-inner h4 { color: #353535; margin: 20px 20px 0 20px; }
	.block-inner ul { list-style: none; margin: 5px 20px 0 20px; }
	.block-inner ul a { padding-left: 10px; background: url(../images/icon_arrow.gif) no-repeat 0 50%; color: #996633; }
	.block-inner ul a:hover { color: #000; }
	.block-inner ul.news li { border-bottom: 1px solid #bbb; padding: 5px 10px 5px 12px; font-size: 10px; background: url(../images/icon_article.gif) no-repeat 0 9px; }
	.block-inner ul.news li a { display: block; background: none; padding: 0; font-size: 12px; font-weight: bold;}
	
	#footer h4 { color: #fff; font-size: 12px; }
	#footer a { color: #fff; }
	#footer p { margin: 0 0 10px 0; }
	.footer-left { height: 75px; float: left; width: 416px; border-right: 1px solid #555; margin: 20px 0 20px 20px; padding-right: 20px; }
	.footer-right { height: 75px; float: left; width: 406px; border-left: 1px solid #222; margin: 20px 20px 20px 0; padding-left: 20px; }
	#footer strong {
      font-size: 11px; color:#fff;
    }



	.clear { clear: both; }



/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	/* = NAV STYLES: Visual Style ====================================== */

	#nav { float: left; width: 960px; background-image: url(../images/navBg2.jpg); background-repeat: repeat-x;}
	
	/*ul.dropdown { border-right: 1px solid #F8C43C; border-left: 1px solid #FEFD02;} */
	ul.dropdown a { padding: 12px 10px 8px 10px; font-weight: 300;text-transform: uppercase; color: #fff; text-decoration: none; }
   /* ul.dropdown li { border-right: 1px solid #AA4400; border-left: 1px solid #CC6600;}*/
    ul.dropdown li.end {border: none;}
    ul.dropdown li a {font-weight: 600;  }
    ul.dropdown li.hover {background: url(../images/bg_nav-hover4.jpg) repeat-x 0 0; cursor: pointer;}
	ul.dropdown li:hover { background: url(../images/bg_nav-hover4.jpg) repeat-x 0 0; cursor: pointer; }
	ul.dropdown *.parent { padding-right: 20px; background: url(../images/bg_nav-dropdown7.gif) no-repeat 100% 0; }
	ul.dropdown *.parent:hover { background: url(../images/bg_nav-dropdown7.gif) no-repeat 100% -200px; }
	ul.dropdown ul { width: 150px;  }
	ul.dropdown ul *.parent { padding-right: 15px; background: #b38b2a url(../images/bg_nav-flyout-arrow2.gif) no-repeat 95% 50%; }
	ul.dropdown ul *.parent:hover { background: #b38b2a url(../images/bg_nav-flyout-arrow_hover2.gif) no-repeat 95% 50%; }
	ul.dropdown ul li { background: #B38B2A; background-image: none; border-top: 1px solid #e7a70d; border-bottom: 1px solid #e7a70d; }
	ul.dropdown ul li.hover { border-top: 1px solid #620202; background: #820000; }
	ul.dropdown ul li:hover { border-top: 1px solid #620202; background: #820000;}


	/* = NAV STYLES: Functionality - no need to touch ================== */

	ul.dropdown { list-style: none; position: relative; z-index: 97; float: left; margin: 0; }
	ul.dropdown a { display: block; }
	ul.dropdown li { float: left; padding: 0; zoom: 1; }
	ul.dropdown li.hover { position: relative; z-index: 99; }
	ul.dropdown li:hover { position: relative; z-index: 99; }
	ul.dropdown ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0 0 0 0; }
	ul.dropdown ul li { float: none; }
	ul.dropdown ul ul { top: -2px; left: 149px; margin: 1px 0 0 0; }
	ul.dropdown li:hover > ul { visibility: visible; }
	ul.dropdown li.hover > ul { visibility: visible; }



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */
fieldset { background-image: url(../images/blockBg.jpg); background-repeat: repeat-x;background-color: #C3BCA9; border: 1px solid #ccc;}





	form li { list-style: none; margin: 20px 0; }
	form li ul { margin-left: 220px; }
	form li ul li { margin: 0; }
	label.description { display: block; font-weight: bold; float: left; width: 150px; text-align: right; margin: 0 20px 0 0; }
	label.choice { padding-left: 5px; }
	input.text { width: 290px; font-size: 12px; background-image: url(../images/extras/text_field_shadow.gif);  border: 1px solid #aaa; color: #555; padding: 5px; margin-top: -5px;  }
	input.submit { width: 303px; margin-left:170px; }
	textarea { width: 290px; height: 100px; font-size: 12px;background-image: url(../images/extras/text_field_shadow.gif); border: 1px solid #aaa; color: #555; padding: 5px; margin-top: -4px; }
	select { width: 300px; }
    label.description em {margin-left: 10px;}


  /* ========================================================================= */
  /* FOOTER LINKS                                                              */
  /* ========================================================================= */
#footerLinks ul {
  position: relative;
  margin: 0;
  padding: 0;
}
#footerLinks li {list-style-type:none; display:block; width:960px;}
#footerLinks a, #footerLinks a:visited {display:block; width:960px; height:143px; text-decoration:none;background: transparent;}
#footerLinks a#adnams {position:absolute; left:25px; top:42px;width: 75px; height: 92px;}
#footerLinks a#caledonian {position:absolute; left:106px; top:42px; width: 96px; height: 92px; }
#footerLinks a#camra {position:absolute; left:206px; top:42px; width: 79px; height: 92px; }
#footerLinks a#caskMarque  {position:absolute; left:313px; top:42px;width: 60px; height: 92px;}
#footerLinks a#fullers {position:absolute; left:387px; top:65px; width: 80px; height: 69px;}
#footerLinks a#greeneKing {position:absolute; left:477px; top:63px; width: 83px; height: 71px; }
#footerLinks a#ifbb {position:absolute; left:568px; top:61px; width: 81px; height:69px; }
#footerLinks a#marstons {position:absolute; right:217px; top:42px; width: 86px; height: 92px;}
#footerLinks a#siba {position:absolute; right: 132px; top:42px; width: 76px; height: 92px; }
#footerLinks a#wells {position:absolute; right:29px; top:42px; width: 100px; height: 92px; }

#footerLinks a#adnams:hover { background-image: url(../images/footer/adnams.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#caledonian:hover { background-image: url(../images/footer/caledonian.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#camra:hover {background-image: url(../images/footer/camra.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#caskMarque:hover {background-image: url(../images/footer/cask.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#fullers:hover {background-image: url(../images/footer/fullers.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#greeneKing:hover { background-image: url(../images/footer/greenKing.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#ifbb:hover { background-image: url(../images/footer/ifbb.gif); background-repeat: no-repeat; z-index:100;}
#footerLinks a#marstons:hover {background-image: url(../images/footer/marstons.gif); background-repeat: no-repeat;  z-index:100;}
#footerLinks a#siba:hover { background-image: url(../images/footer/siba.gif); background-repeat: no-repeat;  z-index:100;}
#footerLinks a#wells:hover { background-image: url(../images/footer/wells.gif); background-repeat: no-repeat;  z-index:100;}

/* ====================================================================*/
/* HOME, NEXT AND PREVIOUS BUTTONS
/* ====================================================================*/
#next {width: 860px; padding: 5px 20px;}
#nextTop{width: 860px; padding: 5px 20px;}
/*========================================================================*/
/* SPAN INFO
/*========================================================================*/
span.info, span.note, span.notice {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.info {color: #0055BB;border: 1px solid #76A5E3;background: #B9CFEC url(../images/extras/span_info.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/extras/note.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/extras/notice.png) 10px 50% no-repeat;}