body {  background-color:#dfdfdf;font-family:arial,sans-serif }

#main {  width:775px;border:1px solid #afafaf;margin:auto; }
#title_bar {  background-color:#036;width:100%;height:130px;background-image:url(../banner.png);text-align:center;position:relative; }
#title_left {  float:left;margin:5px;color:#fff;text-align:left;width:300px; }
#nav { float:right;text-align:right;margin:5px;width:300px;font-weight:bold;color:#fff;font-size:12px; }
#squarecompass { display:block;margin:auto; height:130px;width:120px; }

#content { background-color:white; }
#breadcrumbs { background-color:#dfdfdf;font-weight:bold;margin:2px; }

div.details { text-align:right;font-size:small;position:absolute;right:5px;bottom:0px; }
a.details { color:#00f;text-decoration:none;font-weight:bold; }

a.navlink:visited, a.navlink:hover, a.navlink:link, a.navlink:active { text-decoration:none; color:white; }
a.bclink:visited, a.bclink:hover, a.bclink:link, a.bclink:active { text-decoration:none; color:black; }

.events { position:relative;margin:5px;height:250px;background-color:#eee;border:1px solid #44f; }
#events_left { width:500px;float:left; }
#events_right { width:250px;float:right; }
#events_committees { width:770px;margin:auto; }
.events_title { background-color:#44f;color:#fff;height:20px;line-height:20px;text-align:center; }

img.officer { float:left; margin:0px; }
div.officer { margin:5px;line-height:25px; }
div.wm { width: 257px; float:left; text-align:center;}
div.warden { width: 245px; margin:0px 5px; float:left; font-size:11px; }
div.warden2 { width: 31%; margin:0.5% 1%; height:80px; float:left; font-size:11px;  }
div.officer { padding-top:40px;line-height:13px;width: 110px; float:right; margin:0; text-align:left; font-size:11px; }

.sprite { background-image:url(../jewels.png); }
.symbol { float:left; margin:25px 0 0 0;width:54px; height:53px; }
.symbol_nf { margin:5px 0 0 0;width:54px; height:53px; }
.symbol_wm { width:54px; background-position: 0px 0px;}
.symbol_sw { width:54px;background-position: 0px -53px;}
.symbol_jw { width:54px;background-position: 0px -106px;}
.symbol_t { width:54px;background-position: 0px -159px;}
.symbol_s { width:54px;background-position: 0px -212px;}
.symbol_c { width:54px;background-position: 0px -265px;}
.symbol_sd { background-position: 0px -318px;}
.symbol_jd { background-position: 0px -371px;}
.symbol_ty { background-position: 0px -424px;}
.symbol_ss { background-position: 0px -477px;}
.symbol_js { background-position: 0px -477px;}
.symbol_jmc { background-position: 0px -530px;}
.symbol_smc { background-position: 0px -530px;}
.symbol_m { background-position: 0px -583px;}
.symbol_o { background-position: 0px -636px;}
.symbol_h { background-position: 0px -689px;}

#calendar { width:224px;margin:5px; }
.cal_dow { float:left;width:30px;height:15px;text-align:center; margin:1px; font-size:11px;background-color:#ccc; }
.cal_day { cursor:pointer;float:left;width:30px;height:30px;margin:1px;font-size:11px;background-color:#ddd;text-align:center; }
.cal_today { background-color:#000; color: #fff; }
.cal_sel { background-color:#800; color: #fff; }
.cal_event_day { font-weight: bold; }
#cal_next { float:right; }
#cal_prev { float:left; }
#cal_title { margin:auto; }

h1 { font-size:19px;color:#036;padding:2px;margin:10px 5px 5px; }
p { margin:5px;padding:2px; }

.officer_image { border:1px solid black; }
.officer_image_small { border:1px solid black; float:right;margin:2px; }