/*  
This website produced by Debra Shapiro, Massmedia, Inc.  617.964.1098, www.massmedia.net.
*/



/* Start stylesheet
-------------------------------------------------------------- */
body { background: #eee; margin:auto; }
a { color: #14376f; text-decoration: none; }
h2 { font-weight: normal; }
#container {float:left; width:980px;background:#fff; margin:auto; padding:0; }

/* Header styles
-------------------------------------------------------------- */
#header {float:left; margin:0; padding:0;height:150px; width:980px; background-image:url(images/header.jpg) no-repeat top;}
#header img{padding:0; margin:0;}


/* main navigation
-------------------------------------------------------------- */
#menu.blue ul {float:left; margin:0; padding:0; list-style:none; width:980px; background:url(images/blue_gradient.jpg) repeat-x;}
#menu.blue ul li {float:left; }

#menu.blue a:link, #menu.blue a:visited {display:block; width:110px; height:30px; line-height:30px; float:left; color:#fff; text-decoration:none; background:url(images/blue_menu.jpg) no-repeat left top;  font-size:13px; font-weight: bold; margin:0 .5em 0 .5em; text-align:center;}
#menu.blue a:hover {background:url(images/blue_menu.jpg) no-repeat right top; float:left; color:#143d68; font-size:13px; font-weight: bold;margin:0 .5em 0 .5em; text-align:center;}

#quicklinks{position:absolute; left:775px; top:127px; padding:0 0 0 0px;}


/* Home page columns
-------------------------------------------------------------- */
#middle {margin:0; background-color:#fff; float:left; clear:left; width:980px;}
#section_left {float:left; margin:0 ; padding: 0px; width: 750px; }
#section_right {float:right; margin:0px; height:360px; width: 220px;  }


/* menu sidebasr 
----------------------------------------------------------------- */
#seal {float:left; width:150px; height: 210px; background:#eee; margin: 10px 0 0 10px; border:double #eee; }
#menu_sidebar {float:left; clear:left; width:150px; background:#eee; margin: 10px 0 0 10px; padding: 2px 0 0 0; border:double #eee; }
#address {margin:5px; }
#address p {font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#325a66; }

#search_menu {padding:10px 0 0 0; }
a img {border:none;}

/* BOA box
-------------------------------------------------------------- */
#boa {float:left; background: #eee; height:120px; width:200px; margin:10px 20px 10px 0px; border:double #eee; padding:10px 0 0 0;}
.boa_links {list-style:none; }
.boa_links a{color:#143d68; font-family:Georgia, "Times New Roman", Times, serif;font-size:.9em; text-decoration:underline; list-style:none; text-align:center;}
#boa_scroller {float:left; clear:left; padding:0;}

/* SCROLLER BOX
--------------------------------------------------------------- */
#pscroller1{
width: 180px;
height: 90px;
border: 1px solid #325a66;
margin:5px 0 0 0px;
padding: 5px;
background-color: #FFF;
font-size:.8em;
margin:auto;
}
#pscroller1 a{
color:#14376f;
font-weight:bold;
}
.someclass{ //class to apply to your scroller(s) if desired
}



/* LINKS SIDEBAR (on the right)
--------------------------------------------------------------- */
#links_sidebar .BA {width:200px; background:#eee; border:double #eee; margin-right:5px; padding-top:5px;}
ul.BA {margin:0;padding:0; list-style:none;  }
ul.BA li {float:left; }
ul.BA a {display:block; width:200px; height:40px; margin-left:5px;  }
.BA_friday {background:url(images/BA_friday.jpg) no-repeat; }
.BA_calendar {background:url(images/BA_calendar.jpg) no-repeat; }
.BA_process {background:url(images/BA_work.jpg) no-repeat; }
.BA_volunteer {background:url(images/BA_volunteer.jpg) no-repeat; }
.BA_contact {background:url(images/BA_contact.jpg) no-repeat; }
.BA_laws {background:url(images/BA_laws.jpg) no-repeat; }
.BA_president {background:url(images/BA_pres_reports.jpg) no-repeat; }
.BA_committees {background:url(images/BA_committees.jpg) no-repeat; }
.BA_rules {background:url(images/BA_board_rules.jpg) no-repeat; }
.BA_best {background:url(images/BA_specialperms.jpg) no-repeat; }

#photo {width:200px; background:#eee; border:double #eee; margin:10px 5px 0 0; padding-top:5px;}

/* content */

#content { float:right; width: 550px; padding: 0; margin:10px 3px 0 0; background:#eee; border:#eee double; }
#info {float:right; clear:right; background:#fff; margin:15px 5px 5px 5px; padding:10px;text-align:left; font-size:.8em; width:520px;}
#info .white {background:#fff; }
#info .grey {background:#eee; }
#info td {width=250px; padding:5px;}
#info .white img {padding:2px; }
#info .grey img {padding:2px; }
#info p {font-family:Arial, Helvetica, sans-serif; }


/*boa specific */
#boa_content {padding:30px 5px 0 5px; }
#boa_content a {text-decoration:underline; }

.boa h3, .boa h2{color:#325a66; }
.boa p {font-size:.9em; }

.boa img {padding: 5px 10px 5px 5px; }
.single img {float:right; padding: 5px; border:#eee double; margin:0 30px 0 0;}


/* featured */

#featured { background: #fff; margin: 0px; padding: 0px; float: right; margin-right:5px; border:none; }
#featured img {border:0; margin:0; padding:0; }

/* Footer
-------------------------------------------------------------- */

#footer { float:left; clear:both; color:#333; width:980px; height:50px; background:#eee; border:double #eee; padding:10px 0 0 0; margin:10px 0 0 0;}
#footer p {font-size: .8em; text-align:center; }

/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #333; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }

/* Miscellaneous styles
-------------------------------------------------------------- */

/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.9em; line-height: 1.8em; font-weight: bold; padding: 0.6em 0 0.4em 0; margin: 0 0 0.2em
0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; border-top: 3px solid #999; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }
h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }


h3.mast6 { text-transform: uppercase; font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #fff; }


/* text styles */
h4 { text-transform: uppercase; font-size: 0.8em; font-weight: bold; padding: 2px 0 0 0; color:#143d68; letter-spacing: 0.1em; margin:1.8em 0 0 0;}
.single p {padding:0 0 0 0; margin:0; color:#000;}
a.und {text-decoration:underline;}


/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }
.filedunder { background: #111; color: #eee; padding: 0.1em 0.4em; line-height: 1em; text-transform: uppercase; font-size: 1em; }
.fright { float: right; margin: 0 0 0.3em 0.7em; }
.fright img { border: 3px solid #777; }
.stripe { background: url(images/bg/stripe.png) repeat top left; }

/* legacy image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

/* image styles */

.aligncenter, div.aligncenter { display: block; margin: 14px auto; }
.alignleft { float: left; margin: 0 14px 10px 0; }
.alignright { float: right; margin: 0 0 10px 14px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 5px 4px 5px 5px; margin: 0; }


/* accordian menu styles */
.glossymenu{
/*margin: 5px 0;*/
padding: 0;
width: 140px; /*width of menu*/
border: 1px solid #123259;
border-bottom-width: 0;
margin:auto;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 1px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #123259;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: #143d68;
}