/* CSS Document */

@import "style_filters.css";

body {margin: 20px 0; padding: 0; font-family: "Trebuchet MS", arial, verdana, sans-serif; font-size: 75%; line-height: 1.7em; color: #333; text-align: center; height: 200px; background: #bbb url('../img/body-gradient.jpg') repeat-x 0 0;}

/*
****************  Index specific   ****************
*/
#pageContentIndex {margin: 200px auto; padding: 0 0 20px 0; width: 100%; height: 172px; position: relative; background: url('../img/bg-header-gradient-index.jpg') repeat-x 0 0;}

#contentIndex {margin: 0 auto; padding: 0; height: 144px; width: 750px; position: relative;}

#contentIndex #barwizardsLounge a {background:transparent url('../img/barwizards-lounge-card.png') no-repeat 0 0; display: block; float:left; height:244px; left:530px; width:224px; z-index: 80; position:absolute; top:10px; outline:none;}

#contentIndex h1 {margin: 0; padding: 0; width: 227px; height: 136px; z-index: 10; float: left; display: inline; background: url('../img/barwizards-logo.png') no-repeat 0 0; text-indent: -9999px;}
#contentIndex h2 {padding: 0; width:357px; height:150px; z-index: 20; display: block; background: url('../img/header-graphic.png') no-repeat 0 0; text-indent: -9999px; position:relative; top:2px; left:250px; _left:-70px; outline:none;}

#contentIndex ul {margin: 0; padding: 0; width: 750px; position: absolute; top: 140px; left: 90px; list-style: none;}
#contentIndex li {margin: 0; padding: 0; float: left; height: 18px;}
#contentIndex ul li a {margin: 0; padding: 0; text-decoration: none; display: block; background-image: url('../img/events-btn.png'); text-indent:-9999px;}
#contentIndex ul li a#academy {background-position:  0 0; width: 105px; height: 18px;}
#contentIndex ul li a#academy:hover {background-position: 0 18px;}
#contentIndex ul li a#business {background-position: 0 0; width: 117px; height: 15px;}
#contentIndex ul li a#business:hover {background-position: 0 0;}


/*
****************  Global   ****************
*/
#pageContainer {margin: 0 auto; padding: 0; width: 1122px;}
#pageContent {margin: 0 auto; padding: 0 0 10px 0; width: 1120px; position: relative; min-height: 720px; height: auto !important; text-align: left; background: #fff; border: 1px solid #c1272d;}

#pageHeader {margin: 0; padding: 10px 0 0 0; background: url('../img/bg-header-gradient.jpg') repeat-x 0 0; height: 144px;}
#pageHeader h1 {margin: 0 0 10px 20px; padding: 0; width: 227px; height: 121px; z-index: 10; background: url('../img/barwizards-logo.png') no-repeat 0 0; text-indent: -9999px;}
#headerGraphic {margin: 0; padding: 0; width: 357px; height: 130px; z-index: 30; position: absolute; top: 11px; left: 480px; background: url('../img/header-graphic.png') no-repeat 0 0;}
.sponsorship {margin: 0; padding: 0; width: 120px; height: 70px; z-index: 50; position: absolute; top: 60px; left: 260px; background: url('../img/logo-pom-wonderful.png') no-repeat 0 0; text-indent: -9999px;}
#contactDetails {margin: 0; padding: 0; width: 181px; height: 52px; z-index: 20; position: absolute; top: 10px; left: 930px; background: url('../img/contact-details.png') no-repeat 0 0; text-indent: -9999px;}

.academy {margin: 0; padding: 0; width: 187px; height: 42px; z-index: 20; position: absolute; top: 90px; left: 925px; background: url('../img/academy.png') no-repeat 0 0; text-indent: -9999px;}

#pageHeader ul {margin: 0; padding: 0 0 0 16px; height: 30px; background: #c1272d url('../img/navigation-bg.gif') repeat-x 0 0; list-style: none;}
#pageHeader ul li {float: left; height: 21px; margin-top: 4px;}

#pageHeader ul li a {text-decoration: none; display: block; float: left; background-image: url('../img/nav-btns.gif'); text-indent:-9999px;}
#pageHeader ul li a#academy {background-position: -1144px -21px; width: 94px; height: 21px;}
#pageHeader ul li a#academy:hover {background-position: -1144px 0;}
#pageHeader ul li a#bookNow {background-position: -848px -21px; width: 71px; height: 21px;}
#pageHeader ul li a#bookNow:hover {background-position: -848px 0;}
#pageHeader ul li a#barwizards {background-position: -94px -21px; width: 81px; height: 21px;}
#pageHeader ul li a#barwizards:hover {background-position: -94px 0;}
#pageHeader ul li a#home {background-position: -1438px -21px; width: 43px; height: 21px;}
#pageHeader ul li a#home:hover {background-position: -1438px 0;}
#pageHeader ul li a#contact {background-position: -568px -21px; width: 76px; height: 21px;}
#pageHeader ul li a#contact:hover {background-position: -568px 0;}
#pageHeader ul li a#corporateDays {background-position: -322px -21px; width: 100px; height: 21px;}
#pageHeader ul li a#corporateDays:hover {background-position: -322px 0;}
#pageHeader ul li a#endorsements {background-position: -421px -21px; width: 101px; height: 21px;}
#pageHeader ul li a#endorsements:hover {background-position: -421px 0;}
#pageHeader ul li a#eventsCompany {background-position: -174px -21px; width: 104px; height: 21px;}
#pageHeader ul li a#eventsCompany:hover {background-position: -174px 0;}
#pageHeader ul li a#flairClub {background-position: -1073px -21px; width: 72px; height: 21px;}
#pageHeader ul li a#flairClub:hover {background-position: -1073px 0;}
#pageHeader ul li a#gallery {background-position: -643px -21px; width: 58px; height: 21px;}
#pageHeader ul li a#gallery:hover {background-position: -643px 0;}
#pageHeader ul li a#garner {background-position: -996px -21px; width: 78px; height: 21px;}
#pageHeader ul li a#garner:hover {background-position: -996px 0;}
#pageHeader ul li a#lowrey {background-position: -918px -21px; width: 79px; height: 21px;}
#pageHeader ul li a#lowrey:hover {background-position: -918px 0;}
#pageHeader ul li a#media {background-position: -521px -21px; width: 48px; height: 21px;}
#pageHeader ul li a#media:hover {background-position: -521px 0;}
#pageHeader ul li a#news {background-position: -277px -21px; width: 46px; height: 21px;}
#pageHeader ul li a#news:hover {background-position: -277px 0;}
#pageHeader ul li a#outdoorEvents {background-position: -1336px -21px; width: 104px; height: 21px;}
#pageHeader ul li a#outdoorEvents:hover {background-position: -1336px 0;}
#pageHeader ul li a#theBarwizards {background-position: -1237px -21px; width: 104px; height: 21px;}
#pageHeader ul li a#theBarwizards:hover {background-position: -1237px 0;}
#pageHeader ul li a#theCourses {background-position: -700px -21px; width: 82px; height: 21px;}
#pageHeader ul li a#theCourses:hover {background-position: -700px 0;}
#pageHeader ul li a#theSpace {background-position: -781px -21px; width: 68px; height: 21px;}
#pageHeader ul li a#theSpace:hover {background-position: -781px 0;}

h1 {margin: 0; padding: 0 0 0.6em 0; font-size: 2.0em; color: #c1272d;}
h2 {margin: 0; padding: 1.0em 0 0 0; font-size: 1.8em; color: #c1272d;}
h3 {margin: 0; padding: 1.0em 0 0 0; font-size: 1.4em; color: #c1272d;}

p {margin: 0; padding: 0.5em 0 0 0; font-size: 1.0em; text-align: left;}

blockquote {margin: 20px 0 0 0; font-size: 1.2em; font-style: italic; color: #666;}

a:link, a:active, a:visited {color: #c1272d; font-weight: bold; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

img {border: 0;}

.cb {margin: 0; padding: 10px 0 10px 0; clear: both;}

.component {margin: 20px 0 0 0; padding: 0; border: 0;}
.component a h4 {margin: 0; padding: 6px 0 0 0; font-size: 1.2em; color: #333; text-transform: uppercase; border-top: 1px solid #c1272d;}
.component ul {margin: 0; padding: 0; list-style: none;}
.component li {margin: 0 0 0 10px; padding: 0; font-size: 1.2em; line-height: 2.0em; font-weight: bold;}
.component li a {margin: 0; padding: 0 0 0 14px; background: url('../img/arrow.gif') no-repeat;}
.component li a:hover {margin: 0; padding: 0 0 0 14px; background: url('../img/arrow_hover.gif') no-repeat;}
.componentBorder {margin: 20px 0 0 0; padding: 0; border: 1px solid #555;}
.componentContact {margin: 0; padding: 0; display: block;}
.componentImage {margin: 20px 0 0 0; padding: 0; width: 453px; background: #000; border: 1px solid #333;}

.contactFormTitle {margin: 0; padding: 0 0 10px 0; width: 200px; display: inline;}
.contactUs ul {margin: 0; padding: 10px 0 0 0; list-style: none;}
.contactUs  li {margin: 0; padding: 0 0 6px 0; font-weight: bold;}

.footerRule {margin: 50px 30px 0 30px; padding: 0; width: 864px; height: 6px; background: #c1272d;}

#imageScroll {margin: 20px 0 0 0; padding: 10px; width: 430px; height: 102px; background: #000;}

li.removeBullet {padding: 0 !important; background: none !important;}

.newsStories ul {margin: 0; padding: 0; list-style: none;}
.newsStories ul li {margin: 0; padding: 0 0 10px 0; border-bottom: 1px dotted #333;}
.newsStories ol {margin: 0 0 0 18px; padding: 0;}
.newsStories ol li {margin: 2px 0 2px; padding: 4px 8px 4px 8px; background: #e4e4e4; border-bottom: none;}
.newsStories ol li.title {font-weight: bold;}

.redRule {margin: 20px 0 20px 0; padding: 0; width: 100%; height: 1px; border: 0; background: #c1272d; overflow: hidden; line-height: 0px;}

.smallText {margin: 0; padding: 0; font-size: 0.9em; color: #444;}

table {margin: 0; padding: 0; border: 0;}
tr {margin: 0; padding: 0;}
td {margin: 0; padding: 0; vertical-align: top;}

#wrapLeft {margin: 20px 0 0 20px; padding: 0; width: 400px; float: left; display: inline; clear: left;}
#wrapLeft a.wikiBarwizards {margin: 0; padding: 0; width: 188px; height: 50px; display: block; background: url('../img/wiki-btn-the-barwizards.gif') no-repeat 0 0; text-indent:-9999px;}
#wrapLeft a.wikiBarwizards:hover {background-position: 0 -50px;}
#wrapLeft a.wikiGarner {margin: 0; padding: 0; width: 188px; height: 50px; display: block; background: url('../img/wiki-btn-neil-garner.gif') no-repeat 0 0; text-indent:-9999px;}
#wrapLeft a.wikiGarner:hover {background-position: 0 -50px;}
#wrapLeft a.wikiLowrey {margin: 0; padding: 0; width: 188px; height: 50px; display: block; background: url('../img/wiki-btn-neil-lowrey.gif') no-repeat 0 0; text-indent:-9999px;}
#wrapLeft a.wikiLowrey:hover {background-position: 0 -50px;}

#wrapRight {margin: 40px 0 0 20px; padding: 0; width: 453px; float: left; display: inline;}

.innerWrapLeft {margin: 20px 0 0 0; padding: 0; float: left;}
.innerWrapRight {margin: 20px 0 0 0; padding: 0; float: right;}

#wrap1col {margin: 60px 0 0 0 !important; padding: 0; width: 120px; float: left; display: block;}
#wrap1col ul {margin: 0 0 0 20px; padding: 0; list-style: none;}


/*
****************  gallery styling   ****************
*/

#wrapLeftGallery {margin: 20px 0 0 20px; padding: 0; width: 542px; float: left; display: inline; clear: left;}

#wrapRightGallery {margin: 30px 20px 20px 0; padding: 0; width: 450px; float: right; display: inline;}

.cellborder {border: 0;}

.cellover {border: 0;}

.photoLarge {margin: 0 0 10px 0; padding: 0;}

.photoThumbs { margin: 0 0 40px 0; padding: 0;}

.pix  {cursor: pointer; border: 1px solid #1a1a1a; width: 111px; height: 100px;}

a.link1 {font-size: 1.0em; color: #1a1a1a; border: 0; text-decoration: underline;}
a.link1, a.link1:active, a.link1:visited  {font-size: 1.0em; color: #1a1a1a; font-weight: bold; text-decoration: underline; border: 0;}
a.link1:hover {font-size: 1.0em; color: #cc0000; font-weight: bold; text-decoration: underline; border: 0;}	
/* end gallery styling */

.affiliation {margin: 10px 0 0 0; padding: 0; width: 100%; height: 30px; display: block; background: #999;}
.affiliation p {margin: 10px 0 0 20px; font-size: 0.9em; color: #111; font-size: 1.0em; text-align: left;}
.affiliation a {color: #111; text-decoration: underline;}

/* Form
form {margin: 0 auto; padding: 10px; display: block; position: relative; width: 453px;}
label {margin: 5px 0; padding: 5px 0; font-size: 14px; font-weight: 700; display: inline-block; float: left; clear: both; color: #696969;}
input {margin: 5px 0; padding: 5px; width: 290px; display: inline-block; float: left; border: 1px solid #ccc; position: relative; background: #efefef;}
textarea {margin: 5px 0; padding: 5px; width: 290px; display: inline-block; float: left; resize: none; border: 1px solid #ccc; background: #efefef;}
select {margin: 5px 0; padding: 5px; width: 301px; display: inline-block; border: 1px solid #ccc; background: #efefef;}

.displayErrorMessage {margin: 0; padding: 2px 5px; color: #fff; font-weight: 700; position: relative; left: 150px; top: -6px; clear: left; width: 272px; background: #c1272d;}
.error {color: #fff; width: 420px; position: relative; left: 10px; padding: 6px; font-weight: 700; background: #696969;}
 */