a {
    color: #FFF;
}

a:link {
    color: #FFF;
}

a:visited {
    color: #FFF;
}

a:hover {
    color: #333;
}

a:active {
    color: #333;
}

body {
    color: #FFF;
    font: 14px Helvetica, sans-serif;
    margin: 0px;
    text-align: center;
}

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

input {
    font-size: 11px;
}

/* class based styles */
.imgLink {
    cursor: pointer;
    position: absolute;
}

.input {
    color: white;
    height: 13px;
}

.legend {
    float: left;
    margin-right: 2px;
    width: 16px;
    height: 16px;
}

.legendText {
    font-size: 12px;
    padding-top: 0px;
}

.pdf {
    position: absolute;
    width: 32px;
    height: 32px;
    display: none;
}

.required {
    margin-top: 2px;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -18px;
}

.topText {
    position: absolute;
    top: 24px;
    left: 253px;
    z-index: 2;
}

/* end class based styles */

/* id based styles */
/* id background color styles */
#blue {
    background-color: #78C9E4;
}

#blue .input {
    background-color: #78C9E4;
    border: solid #187B92 2px;
}

#blue #comments {
    background-color: #78C9E4;
    border: solid #187B92 2px;
}

#blue #main {
    background-color: #2DC5E9;
    border: solid #187B92 2px;
}

#green {
    background-color: #060;
}

#green .input {
    background-color: #060;
    border: solid #086E38 2px;
}

#green #comments {
    background-color: #060;
    border: solid #086E38 2px;
}

#green #main {
    background-color: #18A058;
    border: solid #086E38 2px;
}

#orange {
    background-color: #C9881C;
}

#orange .input {
    background-color: #C9881C;
    border: solid #BB7402 2px;
}

#orange #comments {
    background-color: #C9881C;
    border: solid #BB7402 2px;
}

#orange #main {
    background-color: #ECA021;
    border: solid #BB7402 2px;
}

#red {
    background-color: #781D1D;
}

#red .input {
    background-color: #781D1D;
    border: solid #B21814 2px;
}

#red #comments {
    background-color: #781D1D;
    border: solid #B21814 2px;
}

#red #main {
    background-color: #E14B46;
    border: solid #B21814 2px;
}

#responseFeedback {
    text-align: center;
    padding-top: 80px;
    display: none;
}

#responseNewsletter {
    text-align: center;
    padding-top: 80px;
    display: none;
}

#yellow {
    background-color: #BCA60C;
}

#yellow .input {
    background-color: #BCA60C;
    border: solid #DBBF05 2px;
}

#yellow #comments {
    background-color: #BCA60C;
    border: solid #DBBF05 2px;
}

#yellow #main {
    background-color: #E8CC0F;
    border: solid #DBBF05 2px;
}
/* end id background color styles */

#announcementLeft {
    width: 174px;
    height: 137px;
    top: 34px;
    left: 11px;
}

#announcementRight {
    width: 175px;
    height: 131px;
    top: 37px;
    left: 608px;
}

#aboutUs {
    width: 110px;
    height: 39px;
    top: 245px;
    left: 615px;
}

#appetizers {
    margin: 0px auto 10px auto;
    width: 121px;
    height: 30px;
}

#backToMenu {
    width: 192px;
    height: 36px;
    top: 522px;
    left: 303px;
}

#beerWine {
    width: 151px;
    height: 38px;
    top: 340px;
    left: 616px;
}

#catering {
    width: 105px;
    height: 50px;
    top: 434px;
    left: 615px;
}

#cateringText {
    position: absolute;
    width: 492px;
    height: 283px;
    top: 236px;
    left: 151px;
}

#comments {
    color: white;
    margin-left: 0px;
}

#contact {
    width: 326px;
    height: 22px;
    top: 543px;
    left: 236px;
    }

#content {
    color: #000;
    text-align: left;
    position: absolute;
    width: 400px;
    top: 165px;
    left: 199px;
}

#content p {
    margin: 0px;
    padding: 2px 0px 2px 0px;
}

#content input {
    margin: 0px;
}

#copyright {
    font-size: 12px;
    position: absolute;
    width: 356px;
    height: 10px;
    bottom: 10px;
    left: 218px;
}

#dinner {
    width: 262px;
    height: 59px;
    top: 272px;
    left: 269px;
}

#directions {
    width: 118px;
    height: 39px;
    top: 387px;
    left: 616px;
}

#draught {
    width: 309px;
    height: 76px;
    top: 204px;
    left: 244px;
}

#email {
    width: 332px;
    height: 37px;
    top: 487px;
    left: 282px;
    z-index: 2;
}

#errorFeedback {
    text-align: center;
    padding-top: 80px;
    display: none;
}

#errorNewsletter {
    text-align: center;
    padding-top: 80px;
    display: none;
}

#feedbackForm {
    margin: 0px auto;
    position: relative;
    width: 390px;
    display: none;
}

#feedbackText {
    cursor: pointer;
    margin: 0px auto;
    width: 264px;
    height: 43px;
}

#food {
    position: absolute;
    width: 292px;
    height: 158px;
    top: 88px;
    left: 493px;
}

#forkPork {
    position: absolute;
    width: 304px;
    height: 283px;
    top: 291px;
    left: 19px;
}

#greenFlashDate {
    position: absolute;
    width: 204px;
    height: 35px;
    top: 155px;
    left: 441px;
}

#greenFlashText {
    position: absolute;
    width: 766px;
    height: 336px;
    top: 222px;
    left: 15px;
}

#happyHour {
    width: 242px;
    height: 78px;
    top: 435px;
    left: 278px;
}

#hopcam {
    border: 0px;
    position: absolute;
    text-decoration: none;
    top: 190px;
    left: 50px;
}

#hopcam img {
    border: 0px;
}

#hopcam span {
    color: #aedbe8;
    font-size: x-large;
    position: absolute;
    visibility: hidden;
    left: 10px;
    bottom: 10px;
}

#hopcam:hover span {
    visibility: visible;
}

#hours {
    position: absolute;
    width: 231px;
    height: 103px;
    top: 182px;
    left: 283px;
}

#info {
    position: absolute;
    font-weight: bold;
    width: 356px;
    height: 20px;
    top: 240px;
    left: 218px;
}

#italianFestBeerList {
    position: absolute;
    width: 132px;
    height: 31px;
    top: 352px;
    left: 425px;
}

#italianFestBrewer {
    position: absolute;
    width: 689px;
    height: 102px;
    top: 417px;
    left: 54px;
}

#italianFestDates {
    position: absolute;
    width: 211px;
    height: 35px;
    top: 128px;
    left: 385px;
}

#italianFestIntro {
    position: absolute;
    width: 670px;
    height: 135px;
    top: 184px;
    left: 64px;
}

#italianFestText {
    position: absolute;
    width: 200px;
    height: 31px;
    top: 352px;
    left: 221px;
}

#left {
    float: left;
}

#links {
    width: 97px;
    height: 36px;
    top: 480px;
    left: 616px;
}

#linksTable {
    margin: 0px auto;
    position: relative;
    table-layout: fixed;
    top: 175px;
}

#linksTable img {
    border: none;
}

#logo {
    position: absolute;
    width: 393px;
    height: 196px;
    top: 20px;
    left: 201px;
}

#lunch {
    width: 245px;
    height: 59px;
    top: 191px;
    left: 276px;
}

#map {
    position: absolute;
    width: 553px;
    height: 414px; 
    top: 140px;
    left: 133px;
}

#main {
    margin: 18px auto 0px auto;
    padding: 0px;
    position: relative;
    width: 796px;
    height: 596px;
}

#menu {
    width: 116px;
    height: 38px;
    top: 292px;
    left: 615px;
}

#menuHappyHour {
    position: absolute;
    width: 600px;
    top: 300px;
    left: 98px;
}

#menuHappyHour .column {
    font-weight: bold;
    margin: auto 0px;
    text-align: center;
    width: 50%;
}

#newBelgiumText {
    position: absolute;
    width: 721px;
    height: 370px;
    top: 182px;
    left: 38px;
}

#newBelgiumMenu {
    position: absolute;
    width: 69px;
    height: 27px;
    top: 521px;
    left: 420px;
}

#newsletterForm {
    margin: 0px auto;
    padding-bottom: 10px;
    position: relative;
    width: 190px;
    display: none;
}

#newsletterText {
    cursor: pointer;
    margin: 0px auto;
    width: 308px;
    height: 47px;
}

#nextPage {
    width: 90px;
    height: 24px;
    top: 518px;
    left: 670px;
}

#or {
    margin: 15px auto;
    width: 21px;
    height: 19px;
}

#oskarBluesText {
    position: absolute;
    width: 631px;
    height: 336px;
    top: 182px;
    left: 83px;
}

#pdfDinner {
    top: 287px;
    left: 541px;
}

#pdfLunch {
    top: 206px;
    left: 531px;
}

#pdfSpecialty {
    top: 332px;
    left: 593px;
}

#pdfTakeout {
    top: 369px;
    left: 565px;
}

#pdfWine {
    top: 440px;
    left: 609px;
}

#phoneNum {
    position: absolute;
    width: 203px;
    height: 30px;
    top: 453px;
    left: 344px;
    z-index: 2;
}

#prevPage {
    width: 135px;
    height: 34px;
    top: 518px;
    left: 240px;
}

#raffleText {
    position: absolute;
    width: 719px;
    height: 331px;
    top: 212px;
    left: 38px;
}

#restaurant {
    position: absolute;
    width: 245px;
    height: 227px;
    top: 291px;
    left: 325px;
}

#reviews {
    position: absolute;
    width: 164px;
    height: 21px;
    top: 185px;
    left: 12px;
}

#reviewsList {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    top: 210px;
    left: 30px;
}

#reviewsList li {
    margin: 0px;
    padding: 0px;
    background-color: #78C9E4;
    border-color: #187B92;
    border-style: solid;
    border-width: 2px 2px 0px 2px;
}

#reviewsList li a {
    color: #333;
    display: block;
    margin: 0px;
    padding: 2px 8px;
    text-decoration: none;
}

#reviewsList li a:hover {
    background-color: #2DC5E9;
    color: #FFF;
}

#right {
    float: right;
}

#sandwiches {
    margin: 0px auto 10px auto;
    width: 240px;
    height: 27px;
}

#slogan {
    position: absolute;
    width: 302px;
    height: 21px;
    top: 213px;
    left: 245px;
}

#smallLogo {
    position: absolute;
    width: 257px;
    height: 150px;
    top: 2px;
    left: 0px;
}

#sourFestBeerList {
    position: absolute;
    width: 132px;
    height: 31px;
    top: 300px;
    left: 338px;
}

#sourFestBreweries {
    position: absolute;
    width: 522px;
    height: 88px;
    top: 362px;
    left: 44px;
}

#sourFestDates {
    position: absolute;
    width: 294px;
    height: 35px;
    top: 129px;
    left: 344px;
}

#sourFestCal {
    position: absolute;
    width: 206px;
    height: 30px;
    top: 483px;
    left: 282px;
}

#sourFestIntro {
    position: absolute;
    width: 677px;
    height: 88px;
    top: 181px;
    left: 63px;
}

#sourFestText {
    position: absolute;
    width: 200px;
    height: 31px;
    top: 301px;
    left: 134px;
}

#sourFestTextToo {
    position: absolute;
    width: 557px;
    height: 32px;
    top: 481px;
    left: 131px;
}

#sours {
    position: absolute;
    width: 192px;
    height: 184px;
    top: 281px;
    left: 580px;
}

#spacing {
    display: block;
    height: 100px;
}

#specialty {
    width: 368px;
    height: 88px;
    top: 312px;
    left: 215px;
}

#takeout {
    width: 311px;
    height: 63px;
    top: 354px;
    left: 244px;
}

#thankYou {
    padding-top: 80px;
    text-align: center;
}

#thirdAnniversaryBeerList {
    position: absolute;
    width: 132px;
    height: 31px;
    top: 366px;
    left: 425px;
}

#thirdAnniversaryBreweries {
    position: absolute;
    width: 605px;
    height: 59px;
    top: 418px;
    left: 96px;
}

#thirdAnniversaryDates {
    position: absolute;
    width: 325px;
    height: 34px;
    top: 128px;
    left: 329px;
}

#thirdAnniversaryCal {
    position: absolute;
    width: 206px;
    height: 30px;
    top: 497px;
    left: 280px;
}

#thirdAnniversaryIntro {
    position: absolute;
    width: 528px;
    height: 164px;
    top: 185px;
    left: 138px;
}

#thirdAnniversaryText {
    position: absolute;
    width: 200px;
    height: 31px;
    top: 367px;
    left: 221px;
}

#thirdAnniversaryTextToo {
    position: absolute;
    width: 557px;
    height: 32px;
    top: 495px;
    left: 130px;
}

#topAbout {
    width: 295px;
    height: 91px;
}

#topBeerWine {
    width: 414px;
    height: 91px;
}

#topCatering {
    width: 322px;
    height: 122px;
}

#topContactUs {
    width: 364px;
    height: 91px;
}

#topDirections {
    width: 322px;
    height: 91px;
}

#topGreenFlash {
    width: 535px;
    height: 121px;
}

#topHappyHour {
    width: 394px;
    height: 127px;
}

#topHopCam {
    width: 296px;
    height: 122px;
}

#topItalianFest {
    width: 532px;
    height: 88px;
}

#topLinks {
    width: 461px;
    height: 110px;
}

#topMenu {
    width: 309px;
    height: 91px;
}

#topNewBelgium {
    width: 531px;
    height: 150px;
}

#topOskarBlues {
    width: 502px;
    height: 103px;
}

#topRaffle {
    width: 465px;
    height: 107px;
}

#topSourFest {
    width: 453px;
    height: 91px;
}

#topThirdAnniversary {
    width: 498px;
    height: 131px;
}

#whitebar {
    position: absolute;
    width: 796px;
    height: 66px;
    top: 35px;
    left: 0px;
}

#whitebarMain {
    position: absolute;
    width: 796px;
    height: 100px;
    top: 63px;
    left: 0px;
}

#wine {
    width: 399px;
    height: 66px;
    top: 420px;
    left: 200px;
}

#wwqBackground {
    position: absolute;
    width: 585px;
    height: 396px;
    top: 160px;
    left: 190px;
}

#wwqText {
    color: #333;
    position: absolute;
    text-align: justify;
    width: 520px;
    height: 350px;
    top: 225px;
    left: 225px;
}

#wwqText p {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px;
}

#wwqTitle {
    position: absolute;
    width: 540px;
    height: 45px;
    top: 180px;
    left: 210px;
}
/* end id based styles */