body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, san-serif;
background: url(/images/mxbacker.gif) repeat-x;
}
ul {
margin: 0;
padding: 0;
}
p { 
margin: 0;
padding: 0;
}
b, strong {
font-weight: bold;
}
i, em, cite {
font-style: italic;
}
a:link {
color: #336;
}
a:active {
color: #669;
}
a:hover {
text-decoration: none;
color: #336;
}
a:visited {
color: #666;
}
div {
margin: 0;
padding: 0;
}
blockquote {
margin: 10px 15px 15px 15px;
padding: 0;
}
.quote {
font-family: Georgia, Times, serif;
margin: 0;
padding: 0 0 5px 0;
font-style: italic;
font-size: 1em;
}
.attrib {
margin: 0 0 0 20px;
padding: 0;
font-family: Georgia, Times, serif;
font-weight: bold;
font-size: .9em;
}




/* Structure */

#wrapper {
width: 900px;
margin: 0 auto 0 auto;
padding: 0;
}
#top {
height: 170px;
margin: 0;
padding: 0;
}
#masthead {
background: url(images/bg.jpg) no-repeat top left ;
height: 218px;
margin: 0;
padding: 0;
}
#left {
width: 280px;
margin: 0 0 0 10px;
float: left;
}
#right {
width:160px;
padding: 0 10px 0 0;
float: right;
}
#center {
width: 390px;
float: left;
}
#center p {
font-size: .9em;
line-height: 1.4em;
margin: 0 0 .8em 0;
padding: 0;
}
#center h2, #center h3 {
font-size: 1.1em;
font-weight: bold;
margin: 1em 0 .2em 0;
}
#account {
float: left;
color: #fff;
font-size: .8em;
padding: 10px;
}
#account a{
color: #fff;
}
#article {
width: 660px;
float: left;
padding: 0 0 0 20px;
}
#weather {
text-align: center;
}
#bottom {
clear: both;
padding: 10px 0 20px 0;
font: 10px Verdana, Arial, san-serif;
color: #fff;
text-align: center;
background: #533065;
}
#bottom p, #bottom a:link, #bottom a:visited, #bottom a:hover {
color: #fff;
font: 10px Verdana, Arial, san-serif;
}
.spacer {
clear: both;
}

.minibubble {
float: left;
background-image: url(/images/cmntbal.gif);
background-repeat: no-repeat;
padding: 1px 0 0 0;
margin: 0 8px 0 4px;
width: 31px;
height: 23px;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: .8em;
color: #fff;
}
.minibubble a:link {
text-decoration: none;
color: #fff;
}
.minibubble a:visited {
text-decoration: none;
color:#ededed;
}

/* Navigation styles */

#navigationblock {
float: left;
height: 30px;
font: normal 13px Verdana, Arial, san-serif;
margin: 0 0 0 10px;
}
#navigation {
width: 100%;
float: left;
height: 30px;
overflow: hidden;
}
#navigation ul {
margin:0;
list-style:none;
}
#navigation li {
float:left;
list-style: none;
}
#navigation a{
float:left;
display:block;
text-decoration:none;
color: #000;
padding: 6px 6px 5px 6px;
background:url(/images/mxnavbacker.gif) repeat-x top center;
}
#navigation a:hover, #navigation .current a{
background:url(/images/mxnavbacker_on.gif) repeat-x top center;
}
#navigation .home a {
background:url(/images/mxhome.gif) no-repeat top left;
padding: 6px 8px 5px 13px;
}
#navigation .home a:hover, #navigation .homeon a {
background:url(/images/mxhome_on.gif) no-repeat top left;
padding: 6px 8px 5px 13px;
}

#navigation .search a {
background:url(/images/mxsearch.gif) no-repeat top right;
padding: 6px 13px 5px 6px;
}
#navigation .search a:hover, #navigation .searchon a, #navigation .searchon a:hover{
background:url(/images/mxsearchon.gif) no-repeat top right;
}

#navigation .classifieds a {
background:url(/images/mxclass.gif) no-repeat top left;
padding: 6px 12px 5px 12px;
}
#navigation .classifieds a:hover, #navigation .classifiedson a, #navigation .classifiedson a:hover {
background:url(/images/mxclasson.gif) no-repeat top left;
}

#navigation .forums a {
background:url(/images/mxforums.gif) no-repeat top right;
padding: 6px 12px 5px 12px;
}
#navigation .forums a:hover {
background:url(/images/mxforumson.gif) no-repeat top right;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
color:#000;
}
#navigation li ul { /* second-level lists */
position: absolute;
width: 160px;
left: -999em;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
margin: 0; padding: 0 0 4px 0;
}

#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
left: auto;
background: #fff;
}
#navigation li ul a, #navigation .classifieds ul a, #navigation .forums ul a  {
width: 150px;
height: 15px;
font-size: .9em;
display: block;
font-weight:normal;
text-decoration: none;
padding: 2px 0 0 10px;
background: none;
}

#navigation .current ul a{
background: none;
}

#navigation li ul a:hover, #navigation .classifieds ul a:hover, #navigation .forums ul a:hover {
width: 150px;
display: block;
font-weight:normal;
text-decoration: none;
background:url(/images/mxsub.gif) no-repeat top left;
padding: 2px 0 0 10px;
}


#subnavigation {
padding: 0;
margin: 0 0 0 18px;
font-size: 14px;
text-align: center;
clear:both;
}
#subnavigation ul {
margin: 0;
padding: 0;
}
#subnavigation li {
height: 30px;
float:left;
list-style: none;
text-decoration: none;
margin: .2em .4em 10px .4em;
}
#subnavigation li a {
text-decoration: none;
color: #666;
}
#subnavigation li a:hover {
text-decoration: underline;
color: #666;
}




/* Tab styles */

.maintab {
background: url(/images/tabbacker.jpg) no-repeat;
padding: 10px 45px 10px 15px;
}
.maintab h3 {
text-align: center;
margin: 0;
padding: 4px 0 6px 10px;
font: bold 14px Verdana, san-serif;
color: #333333;
}
.sectiontab {
background: url(/images/sectiontab.jpg) no-repeat;
padding: 0 30px 0 15px;
}
.sectiontabbottom {
background: url(/images/sectionontab.jpg) left bottom no-repeat;
height: 20px;
}
.sectiontab h3 {
text-align: center;
margin: 0;
padding: 8px 0 10px 5px;
font: bold 14px Verdana, san-serif;
color: #333333;
}
.tabtitle {
font: .8em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
padding: 6px 0 0 0;
margin: 0;
border: none;
color: #000;
}
.tabtagline {
font: .7em Verdana, Helvetica, Arial san-serif;
padding: 0;
}
.tabmeta {
font: .7em Verdana, Geneva, Arial, sans-serif;
text-align: left;
margin: 0;
color: #666;
}
.tabbuzztitle {
font: .7em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
padding: 2px 0 0 0;
margin: 0;
border: none;
color: #000;
}
.tabbuzz h3{
padding: 10px 0 0 0;
margin: 0;
text-align: left;
font-size: .9em;
color: #333333;
}
.tabletterstitle {
font: .7em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
padding: 4px 0 0 0;
margin: 0;
border: none;
color: #000;
}


/* Comment Settings */

#commentarea {
text-align: center;
padding: 10px 0 30px 0;
}
.commentareatop {
font-family: Verdana, Arial, san-serif;
background-color:#000;
color: #fff;
padding: 5px;
font-weight: bold;
}
.commentareainfo {
font-size: .8em;
text-align: center;
padding: 10px;
}

.commenttext img{
width: 360px;
}

.commenttext {
margin: 10px 40px 0 10px;
width: 390px;
overflow: hidden;
}
.comment img {
width: 360px;
}

#commentleft {
width: 260px;
float: left;
margin: 0 20px 2em 10px;
padding: 0 0 .5em 0;
font-size: 90%;
overflow: hidden;
}
.sbl2 { background: url('/images/bl2.gif') bottom left no-repeat #666; text-align: center;}
.sbr2 { background: url('/images/br2.gif') bottom right no-repeat; }
.stl2 { background: url('/images/tl2.gif') top left no-repeat; }
.str2 { background: url('/images/tr2.gif') top right no-repeat; padding: 10px; } 
.str2 img {width: 190px;}
.sb2 { padding: 2px 0px 10px 60px; background: url('/images/b2.gif') 30px top no-repeat; }
.sbtext {color: #fff; font-family: Verdana;  font-size: .85em; line-height: 1.4em; }
.sbtext a{color: #fff; text-decoration: none; }
.sbtext a:visited{color: #fff; text-decoration: none; }
.sbtext a:hover{color: #ccc; text-decoration: none; }
.sblink {font-size: .8em; line-height: 1.4em;}
.sbcredit { font-family: Tahoma, Geneva, san-serif; font-size: .7em; line-height: 1.2em;}
.sbcredit { color: #666}



/* Ads */
#topper {
float: right;
margin: 25px 0 0 0;
}


/* Index styles */
.indextitle {
font: bold .9em Verdana, Helvetica, Arial san-serif;
line-height: 1.2em;
margin: 0 0 3px 0;
padding: 0;
color: #000;
}
.indexissue {
font: .7em Verdana, Geneva, Arial, sans-serif;
text-align: left;
margin: 0;
color: #666;
}
.indexsection {
text-align: center;
font-weight: bold;
font-size: .7em;
background: #666;
color: #FFF;
float: left;
margin: 1px 5px 0 0;
padding: 2px 2px 0 2px;
}
.indeximage {
width: 90px;
height: 65px;
float: left;
margin-right: 8px;
border: none;
background-repeat: no-repeat;
background-position: -.2em -.2em;
}
.indeximageright {
float: right;
margin: 0 0 0 8px;
padding: 8px 0 0 0;
}
.indextagline {
margin: 5px 0 0 0;
font-size: .8em;
line-height: 1.2em;
color: #333;
}
.indexcomment {
color: #533065;
}


/* Article */

.articletitle {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 1.4em;
}
.articletagline {
color: #666;
text-align: left;
margin: .1em 0 0 0;
}
.articlemeta {
font: normal .8em Verdana, Geneva, Arial, sans-serif;
text-align: left;
color: #666;
margin: .2em 0 1.5em 0;
}
.articleimage {
margin: 0 8px 8px 10px;
float: right;
}
#article p {
font-size: .9em;
line-height: 1.4em;
margin: 0 0 .8em 0;
padding: 0;
}
#article h1 {
font: bold 18px/20px Verdana, Geneva, Arial, sans-serif;
margin-top: 6px;
margin-bottom: 6px;
}
#article h2 {
font-size: 1.1em;
font-weight: bold;
margin: .8em 0 .1em 0;
}
#article h3 {
font-size: 1.1em;
font-weight: bold;
margin: .8em 0 .1em 0;
}
#article h4 {
font: bold 12px/14px "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
margin-top: 12px;
margin-bottom: 6px;
}
#article h5 {
font: bold 12px/14px "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
text-align: left;
margin-bottom: 6px;
margin-top: 0px;
}
#article h6 {
font: bold 10px/12px "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
text-align: left;
margin-bottom: 5px;
margin-top: 0px;
}
.caption {
font: normal 10px/12px "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
margin-top: 4px;
text-align: left;
}
.credit {
font: normal 9px/10px "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
text-align: right;
}
.imgacross {
margin-top: 12px;
margin-bottom: 12px;
}
.imgleft {
margin-top: 12px;
margin-bottom: 12px;
margin-right: 12px;
}
.imglefttop {
margin-top: 0px;
margin-bottom: 12px;
margin-right: 12px;
}
.imgright {
margin-left: 12px;
}


/* Cartoon Settings */

#cartoon {
text-align: center;
width: 360px;
float: left;
margin: 0 0 0 20px;
}


/* Calendar Settings */

#calendarlist {
width: 490px;
float: left;
}
#calendarlist p {
font-size: .9em;
line-height: 1.2em;
margin: 0 0 .8em 0;
padding: 0;
}
#calendarlist h3 {
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.2em;
}
#leftcalendar {
width: 200px;
margin: 0 10px 0 10px;
float: left;
}
#leftcalendar p, #leftcalendar a{
font: .9em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
text-decoration: none;
padding: 6px 0 0 0;
margin: 0;
color: #000;
}
#leftcalendar a:hover {
text-decoration: underline;
}
.calendarheader {
width: 230px;
margin: 0 0 3px 15px;
font: bold .8em Verdana, Arial, Helvetica, san-serif;
border-bottom: 2px solid #ccc;
}


#leftevent table {
width: 230px;
margin: 0 10px 10px 3px;
padding: 0;
float: left;
}
#leftevent th {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: .8em;
color: #000;
font-weight: bold;
text-align: center;
margin: 0px;
}
#leftevent td {
text-align: center;
font-size: .9em;
}
#leftevent a {
text-decoration: none;
}





/* Events Settings */

#eventlist {
width: 490px;
float: left;
}
#eventlist p {
font-size: .9em;
line-height: 1.2em;
margin: 0 0 .8em 0;
padding: 0;
}
#eventlist h3 {
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.2em;
}

#lefteventtop {
width: 260px;
background: url(/images/eventstabtop.jpg) top left no-repeat;
}
#lefteventtop h3 {
text-align: center;
margin: 0;
padding: 8px 0 10px 5px;
font: bold 14px Verdana, san-serif;
color: #333333;
}

#lefteventbottom {
width: 260px;
height: 20px;
background: url(/images/eventstabbottom.jpg) bottom left no-repeat;
}

#leftevent {
width: 270px;
margin: 0 10px 0 10px;
float: left;
background: url(/images/eventstabbacker.jpg) repeat-y;

}
#leftevent p, #lefteventr a{
font: .8em Verdana, Helvetica, Arial san-serif;
padding: 6px 20px 0 15px;
margin: 0;
color: #000;
}
#leftevent a:hover {
text-decoration: underline;
}

.eventheader {
margin: 0 0 10px 0;
font: bold 1.2em Verdana, Arial, Helvetica, san-serif;
border-bottom: 2px solid #666;
}

.clublandeventtab {
background: url(images/tabbacker.jpg) no-repeat;
padding: 10px 45px 10px 15px;
}

.clublandeventtab h3 {
text-align: center;
margin: 0;
padding: 4px 0 6px 20px;
font: bold 14px Verdana, san-serif;
color: #333333;
}

.spotlight {
width: 260px;
float: right;
border: 2px solid #666;
margin: 0 0 0 20px;
}



/* Classifieds Settings */

#classifiedlist {
width: 490px;
float: left;
padding: 0 0 30px 0;
}
#classifiedlist p {
font-size: .9em;
line-height: 1.2em;
margin: 1em 0 1.5em .5em;
padding: 0;
}

.classubnav {
margin: 0 0 0 10px;
font-size: .8em;
}

.classubnav a{
color: #666;
}

#leftclassified {
width: 160px;
margin: 0 10px 0 10px;
float: left;
}
#leftclassified p, #leftclassified a{
font: .9em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
text-decoration: none;
padding: 6px 0 0 0;
margin: 0;
color: #000;
}
#leftclassified a:hover {
text-decoration: underline;
}

.classifiedheader {
margin: 5px 0 0 0;
font: bold 1.2em Verdana, Arial, Helvetica, san-serif;
border-bottom: 2px solid #666;
}

.classifiedposted {
font: .7em Arial, Helvetica, san-serif;
margin: 0 0 0 20px;
padding: 0;
color: #666;
}

.classifiedsubhead a, .classifiedsubhead a:link, .classifiedsubhead a:visited {
float: right;
margin: 0 20px 0 0;
background: #666;
color: #fff;
padding: 0 8px 2px 8px;
font: .7em Arial, Helvetica, san-serif;
text-decoration: none;
}

.classifiedsubhead a:hover {
text-decoration: underline;
}






/* Dining Settings */

#leftdining {
width: 200px;
margin: 0 10px 0 10px;
float: left;
}
#leftdining p{
font: .8em Verdana, Helvetica, Arial san-serif;
padding: 8px 0 0 0;
}
#dininglist {
width: 500px;
float: left;
}
#dininglist p {
font-size: .9em;
line-height: 1.2em;
margin: 0 0 .8em 0;
padding: 0;
}
#dininglist h3 {
border-top: 1px solid #ccc;
font-weight: bold;
margin: 10px 0 10px 0;
padding: 0;
font-size: 1.2em;
}

#leftdining {
width: 160px;
margin: 0 10px 0 10px;
float: left;
}
#leftdining p, #leftdining a{
font: .9em Verdana, Helvetica, Arial san-serif;
font-weight: bold;
text-decoration: none;
padding: 6px 0 0 0;
margin: 0;
color: #000;
}
#leftdining a:hover {
text-decoration: underline;
}
.diningad {
float: left;
width: 100px;
height: 30px;
}
#diningmap {

}
.one {
padding: 5px 0 5px 8px;
background-color: #ededed;
}
.two {
padding: 5px 0 5px 8px;
}



/* Opinion Section */

.letters {
background: url(/images/lettertotheeditor.gif) top no-repeat;
padding: 85px 0 0 0;
margin: 0;
float: left;
width: 275px;
text-align: center;
}
.lettersfooter {
background: url(/images/lettertotheeditorfooter.gif) top no-repeat;
text-align: center;
height: 88px;
}
.letterspad {
padding: 0 10px 0 10px;
background: url(/images/lettertotheeditorbg.gif) top repeat-y;
}
.letterscomment {
font: normal .8em Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
.letterscredit {
font: bold italic .9em Verdana, Arial, Helvetica, sans-serif;
padding: 3px 0 0 0;
text-align: center;
}
.commentary {
float: left;
width: 275px;
text-align: center;
}