html {font-family:Arial, Helvetica, sans-serif;}
/*Back Bay Association*/
p { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
ol, ul { color: #666; font-size: 12px; line-height: 18px; padding-left:1.3em;}
.copy { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
.links { color: #369; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
.activities_names { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
.activities_url { color: #369; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
.activities_header { color: #333; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; line-height: 18px }
.bullets { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px; list-style-type: circle; padding-bottom: 15px }
a {color: #1155AA;}
a:hover {color: red;
text-decoration: underline }
.padding { padding-right: 15px; padding-bottom: 10px; padding-left: 15px }
.paddingMain { padding-right: 15px; padding-bottom: 10px; padding-left: 15px; position: relative; top: -12px }
.footerlinks { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 3px 6px 3px 3px; padding: 3px 6px 3px 3px }
.mapbg { background-image: url("img/gen/mapbg.jpg"); background-repeat: no-repeat; background-position: right bottom }
.headerlinks { color: #369; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 3px 6px 3px 3px; padding: 3px 6px 3px 3px }
.datetime { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin-right: 6px; margin-bottom: 1px; margin-left: 1px; padding-right: 6px; padding-bottom: 1px; padding-left: 1px }
.footercopy { color: #999; font-size: 9px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 3px 8px 10px; padding: 3px 8px 10px 3px }
.mainheader { position: relative; z-index: 2; top: 17px }
.sidetextbox { background-image: url(img/callouts/textbgsm.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 305px; border: solid 1px #999; outline-width: 0; outline-color: #999 }
.sideheader { position: relative; z-index: 2; top: 13px }
.member_url { color: #369; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
.category_name { color: #333; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; line-height: 18px }
/*Sub Navigation Styles*/
.subnav { color: #336699; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, Geneva, sans-serif; text-decoration: none; font-weight: bold; }
.subnav_list { color: #336699; font-size: 12px; font-family: Trebuchet, Arial, Helvetica, Geneva, sans-serif; text-decoration: none; line-height: 18px; }
.subnav_cat { color: #336699; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; text-decoration: none; font-style: italic; }
.subnav_on { color: #336699; font-size: 14px; font-family: Trebuchet, Arial, Helvetica, Geneva, sans-serif; text-decoration: none; font-weight: bold; font-style: italic; }
.subnavmargin { color: #336699; font-size: 13px; font-family: Trebuchet, Arial, Helvetica, Geneva, sans-serif; line-height: 15px; padding-top: 2px; padding-left: 10px }
/*Call-out Styles*/
.meg { padding-right: 10px }
.textbox { background-image: url("img/callouts/textbg.jpg"); background-repeat: repeat-x; background-position: 0 bottom; margin: 0; padding: 20px; width: 375px; border: solid 1px #999; outline-width: 0; outline-color: #999 }
.textboxcopy { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px }
.textboxsubhead { color: #333; font-size: 18px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px }
.textboxcopyright { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 15px; margin-top: 12px; margin-right: 5px; margin-left: 10px }
.textboxcopyright a {
color: #666;
text-decoration:none;
margin-left: 0.5em;
}
.textboxcopyright a:hover {
color: black;
}
.spotlightimage { }
/*Calendar Styles*/
.calendarevents { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px; list-style-image: url("img/gen/arrow.gif"); padding-bottom: 15px }
.monthnav { color: #336699; font-size: 10px; font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none }
.month { color: #333; font-size: 14px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px }
.nounderline { color: #666; text-decoration: none }
.caption { color: #444; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 12px; margin-top: 5px }
.archive {margin: 0;}
/*Seasonal Styles*/
.christmas { color: green; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 18px }
a.hoverline:link, a.hoverline:visited, a.hoverline:active { text-decoration: none; }
a.hoverline:hover { text-decoration: underline;}
h1 { color: #666; font-size: 18px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 22px }
h2 { color: #666; font-size: 15px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 19px }
h3 { color: #666; font-size: 13px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px }
/* styles for home page boxes */
fieldset {
background-image: url(img/callouts/textbgsm.jpg);
background-repeat: repeat-x;
background-position: 0 bottom;
padding: 10px;
padding-top: 0px;
padding-bottom: 7px;
margin: 10px;
border: 1px solid #cccccc;
text-align: left;
}
.alignright {float: right;}
fieldset legend,
h5 {
font-family: Arial Narrow,Arial;
font-weight: bold;
font-size: 16px;
color: #003366;
}
h5 {
margin: 0 0 .5em;
}
fieldset ul {
margin: 0;
padding: 0;
text-indent: 0px;
margin-top: 16px;
padding-left: 20px;
}
fieldset li {
margin: 0;
padding: 0;
list-style: disc outside;
font-size: 12px;
padding-bottom: 5px;
}
.video-link-large {
display: block;
font-size: 24px;
color: black;
margin-left: 80px;
padding: 13px 36px;
background: url(images/film_icon_large.gif) 0 50% no-repeat;
}
/**** Membership Benefits page **/
#video_container,
#videos a {
width: 354px;
height: 239px;
}
#video_container {
background: pink;
overflow: hidden;
position: relative;
}
#videos a {
display: block;
float: left;
}
#video_nav {
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
}
#video_nav a {
color: white;
float: left;
display: block;
padding: 3px 8px;
text-decoration: none;
background: #003366;
}
#video_nav a.activeSlide {
background: #226AB2;
}
#membership-form-container {
background: #BFD3EA;
padding: 10px;
margin-top:19px;
}
/* board list */
#members p{
display: block; width: 200px; height: 80px;float: left; padding-right: 5px;
}
#boardlist td {font-size: 13px; text-align: top; color: #666;}
#boardlist b {font-weight: bold;}
#boardlist h3 { color: #333; font-size: 18px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 16px;
border-bottom: 1px solid #333;
display:block;
padding-bottom: 4px;}
#boardlist td {padding-bottom: 10px; padding-right: 10px;}
#boardlist td {width: 60%;}