/* The three column IE6 work around is found here:
www.alistapart.com/articles/holygrail
*/

body {
/* These font families should render nicely on *nix flavors,
hand-helds, old macs, windows and oldwindows.*/
font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
/* font-family: LuciduxSerif, Georgia, "Book Antiqua", Palatino, "Times New Roman", serif; */
color: #000;
background: /* url(../images/bluzlogo.gif) 1% 15px scroll no-repeat */ #fff;
margin: 0;
padding-left: 385px;    /* LC fullwidth */
padding-right: 40px;   /* RC fullwidth + CC padding */
min-width: 425px;       /* LC fullwidth + CC padding */
}

h1, h2, h3, caption {
color : #045aa1;
font-size : 120%;
}

img {
border : 0;
}

caption {
font-weight: bold;
padding-top: 5px;
padding-bottom: 4px;
}

table {
border-collapse: collapse;
border: #045aa1;
}

th {
color : #045aa1;
}

td {
padding: 6px;
}

dt {
font-weight: bold;
}

dd, li {
padding: 0.2em 0;
}

.fix-position {
position: relative;
float: left;
}

.big-and-important {
font-size: 200%
}

.stripe {
background: #eee;
}

#content {
padding: 0 20px;
width: 100%;
}

#content img, #content applet {
display : block;
margin : 8px;
}

#content img, .put-that-on-the-right {
float : right;
}

#content applet {
float : left;
}

#right-column {
width: 0;           /* RC width Remember to subtract 20px from this unless it's zero */
padding: 0 10px;        /* RC padding */
margin-right: -100%;
}

#right-column h1, #header {
display : none;
}

#left-column {
top : 10px;
width: 365px;           /* LC width */
padding: 0 10px;        /* LC padding */
right: 425px;           /* LC fullwidth + CC padding */
margin-left: -100%;  
}
/*** IE Fix ***?  This appears to unnecessary in IE 6 when only two columns are used.
* html #left-column {
left: 0;            ?* RC fullwidth *?
} */

#left-column h1 {
display : none;
}

#left-column ul {
margin-left : 0;
padding-left : 0;
}

#left-column li {
float: left;
width: 50%;
list-style-type: none;
text-align: center;
}

#left-column li a {
display: block;
padding: 5px;
background-color: #045aa1;
color: #fff;
text-decoration: none;
border: solid 1px #fff;
}

#left-column li a:hover {
background-color: #d92a1f;
color: #fff;
}

#left-column li a:focus {
background-color: #d92a1f;
color: #fff;
}

#left-column p, address, h1, h2, h3 {
clear: both;
}

#facebook-gadget {
margin-top: 30px;
}

#footer {
margin : 0;
padding : 8px;
text-align : center;
border-top : 3px double #d92a1f;
font-size : smaller;
margin-left: -410px;    /* LC fullwidth */
margin-right: -40px;   /* RC fullwidth + CC padding */
clear: both;
}

#footer p, h1 {
margin : 0;
padding : 0;
}

.big-centered {
text-align: center;
}

.rule-for-maryanne {
font-size: 200%;
text-align: center;
}

#events strong {
color: #d92a1f;
}