body {
    background: #333;
    margin: 0;
    padding:0;
    font: 12px arial;
    color: #333;
}
div {
    margin:0;
    padding:0;
}

a {
    color:#333;
    cursor:pointer;
}

a:hover {
    color:#000;
}


h1, h2 {
    margin:0 0 6px 0;
    padding:0;
}

h1 {
    font:bold 18px arial;
}

h2 {
    font:normal 14px arial;
}

h3 {
    font:bold 14px arial;
    padding:0 0 2px 0;
    margin:0;
}

p {
    margin:0 0 12px 0;
    padding:0;
}

label {
    font-weight: bold;
    display:block;
}

img {
    border: none;
}
/*text fields*/
.address {
    width:310px;
}

.plain {
    margin:0;
    padding:0;
}

.plain li {
    list-style:none;
    margin:0 0 6px 0;
    padding:0;
}

.section {
    margin-bottom:26px;
    display:block;
    clear:both;
}

.newSection td, p.newSection, h3.newSection {
    padding-top:12px;
}



#page {
    text-align:left;
    width:940px;

    padding:0;
    margin:0 auto 0 auto;
}
#header {
    background:url("../images/header_bg.jpg") no-repeat;
    clear:both;

}
#shawsLogo {
    margin:10px 0 5px 20px;
    float:left;
}
#oysterLogo {
    float:right;
    margin:0 20px 0 0;
}
.clear {
    clear:both;
    height:0;
    line-height:0;
}

.nav {
    clear:both;
    margin:0;
    /*padding:0 56px;  without select box*/
    padding: 0 0 0 46px;
}

.nav li {
    float:left;
    list-style:none;
    padding:0;
    margin:8px 10px;
    color: #ccc;
}

.nav a {
    color: #ccc;
    text-decoration:none;
    font-size: 12px;
}

.nav .other a, .nav .other {
    color:#999;
}

.nav a:hover {
    color:#fff;
}

.nav img {
    margin:0;
}

#content .nav {
    background: url("../images/subnav_bg.gif") no-repeat;
    height:40px;
    margin-bottom:0;
    padding:0 56px;
    padding-bottom:0;
}

#content .nav li {
    margin-top:16px;
    margin-bottom:0;
}
#content {
    margin:0 10px 10px 10px;
    padding:0;
}

.nav li.contactInfo {
    color:#fff;
    font-weight:bold;
    float:right;
    word-spacing:6px;
}

.nav li.selected a, .nav li.selected {
    color:#fff;
    font-weight:bold;
}

.nav li.first {
    list-style-image:url('../images/subnav_arrow.gif');
}

.contactInfo a {
    color:#fff;
    text-decoration:none;
}

#main {
    background: #fff url("../images/content_bg.gif") no-repeat bottom left;
    clear:both;
    padding:0 40px 10px 40px;
    margin:0;
    overflow:auto;
    _height:420px;
    _width:880px;
    _padding:0 20px 10px 20px;
}

#main.partnerLinks {
	_height:450px;
}


#events #main {
    _height:350px;
    _width:820px;
}

#main.partiesTour {
    text-align:center;
    background: url("../images/content_bg_blk.gif") no-repeat bottom left;
}

#mainLong {
    background: url("../images/content_bg_long.gif") repeat-y;
    clear:both;
    padding:20px 60px 10px 60px;
    margin:0;
}

.copy {
    float:left;
    margin:30px 22px 24px 30px;
    width:368px;
    _width:350px;
}
.image {
    float:right;
    background: #333;
    width:420px;
	_margin-right:8px;
}

#social {
    background:url("../images/ribbon_bg.jpg");
    color:#ccc;
    font:10px arial;
    text-align:center;
    padding:6px;
    vertical-align:middle;
    overflow:auto;
    padding-left:280px;
}

#social a {
    color:#ccc;
    padding-bottom:4px;
    margin-left:5px;
    background-position:top left;
    background-repeat:no-repeat;
}

.findUs {
    display:block;
    float:left;
}

#facebook {
    background-image:url('../images/facebook.gif');
    padding-left:20px;

}
#twitter {
    background-image:url('../images/twitter.gif');
    padding-left:18px;
}
#youtube {
    background-image:url('../images/youtube.gif');
    padding-left:44px;
}

#footer {
    color:#999;
    font-size:11px;
    text-align:center;
}

#footer .nav {
    margin:10px 0;
}

#footer .nav li{
    float:none;
    display:inline;
}

#footer p {
    clear:both;
}

#footer a {
    color:#999;
}

.note {
    font-size:10px;
    color:#666;
}
.note a {
    color:#666;
}

#footer .note a:hover {
    color:#999;
}


.hours {
    padding:0;
    margin-bottom:12px;
    width:372px;
}

.hours td {
    white-space:nowrap;
    vertical-align:top;
}

/*jquery image cycle*/
#rotateImages, #map {
    width:420px;
    height:420px;
    background:#333;
}
.otherImage {
    display:none;
}

/*opentable*/

#feedtable {
    margin-bottom:20px;
}

#feedTable p {
    padding:0;
    margin:0;
}

.feedFormTitle {
    font-weight:bold;
}
#feedTable p.feedFormDateTitle,#feedTable p.feedFormTimeTitle {
    float:none;
    display:inline;
    font-weight:bold;
}

#feedTable p.feedFormDateTitle {
    display:block;
    margin-top:5px;

}

#dateDisplay {
    text-align:left;
    float:none;
}
#logo {
    margin-top:10px;
}
/*band grid*/

.bands {
    border-collapse:collapse;
    border:1px solid #000;
}
.bands td {
    padding:2px 4px;
    border:1px solid #000;
    vertical-align:top;
    background:#fff;
    width:114px;
}
.bands th {
    padding:2px 4px;
    border:1px solid #000;
    background:#000;
    color:#fff;
    text-align:center;
    width:114px;
    font-size:11px;
}
.bands em {
    display:block;
    font-size:11px;
    padding-bottom:2px;
}
.bands span {
    display:block;
    text-align:center;
    padding-bottom:12px;
}
.bands span a, .bands span {
    font-weight:bold;
}

h3.bandHeading {
    text-align:center;
    margin:12px 0 12px 0;
}

.changeMonth a {
    text-decoration:underline;
    cursor:pointer;
    margin-right:14px;
    font:normal 12px arial;
}
.changeMonth a.sel {
    text-decoration:none;
    cursor:default;
    font:bold 14px arial;
}


.google {
    margin-top:12px;
}

/*Home Page*/

#home #header, #header.generic {
    text-align:center;
}

#home #header .nav, #header.generic .nav {
    padding:17px 0 10px 0;
}

#home #header .nav li, #header.generic .nav li{
    float:none;
    display:inline;

}

#home .homeContent {
    padding:0;
    margin:0 0 14px 0;
    text-align: center;
}



#home .homeFrame {
    background: url("../images/content_bg_home.gif") no-repeat top center;
    padding:10px 40px;
    text-align:center;
    width:570px;
    margin: 0 0 24px 145px;
}

#home #rotateImages {
    width:570px;
    height:380px;    
}
/*/Home Page

Events*/

#events #main {
    background: url("../images/content_bg_events.gif") no-repeat bottom left;
    color:#a63;
    padding:30px 55px 40px 55px;

}

#events #main a {
    color:#a63;
    
}

.selectLocation {
    font-size:9px;
}

.selectLocation select {
    background:#aaa;
    color:#222;
    border:none;
    margin:0;
    padding:0;

    font-size:11px;
    font-weight:bold;
}

dl.eventListing {
    margin:0;
    padding:0;
}

.eventListing dt, .eventListing dd {

    margin:0;
    padding:0;
}

.eventListing dd {
    margin:-16px 0 0 100px;
}
.eventListing dt {

    width:90px;
}

#events .image {
    width:532px;
    background:none;
    margin:0;
}

#events .image img {
    border:0;
    margin:0;
    float:left;
}

#events .copy {
    margin:0;
    width:268px;
}

table.register {
    border:none;
    border-collapse:collapse;
    margin:0 0 12px 0;
}

.register td {
    padding:0 4px 6px 0;
}

.textBoxStyle {
    width:170px;
}
.register td.city {
    width:180px;
}

.register td.state {
    width:66px;
}

.register td.zip {
    width:120px;
}

.stateField {
    width:60px;
}

.zipField {
    width:80px;
}

label.chk {
    display:inline;
    margin-right:30px;
    font-weight:normal;
}

input.submit {
    background:#ccc;
    color:#333;
    font-weight:bold;
    border:2px solid #333;
    cursor:pointer;
    padding:4px 6px;
}

.message {
       padding-bottom:8px; 
}

.errorMsg {
    color:#c33;
}

.errorMsg label {
    font-weight:normal;
    display:inline;
}

label.error {
    color:#c33;
}

.shareButton {
    border:0;
    margin-right:10px;
}

.partnerLinks h1 {
    margin-bottom:12px;
}

.partnerLinks h2 {
    font-weight:bold;
}

.partnerLinks ul.plain {
    margin:2px 0 12px 12px;
}

.partnerLinks .image {
    background:#fff;
    padding-top:64px;
	width:400px;
_margin-right:20px;
}