@charset "utf-8";
/*
	Pembrokeaa.org website developed by George McQuade of action96.com
*/
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
/*img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* ************ Start of CSS *********** */
body {
	max-width: 960px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}
body {
	background-color: #fff;
	background-image: url(images/aa_bkgd.gif); /* */
	background-attachment: fixed;
    background-position: left top;
    background-repeat: repeat-x;
}
.body-content {
	text-align:left;
	text-align: justify;	/* */
	text-justify: distribute; /* */
}
.align-right {text-align:right;}
.tight {margin-top:-8px;}
.fl {float:left;}
.fr {float:right;}
.fb {margin: 0 auto;}
.cb {clear: both;}
.center, .centercontent {text-align:center;}	/* */
/*.center {margin: 0 auto;}		/* */
.margin-b0 {margin-bottom: 0px;}
.margin-t2 {margin-top: 2px; line-height: 1.25em;}
.margin-t25 {margin-top: 25px;}
.margin-5 {margin-top: -5px;}
.margin-r20 {margin-right: 20px;}
.margin-l10 {margin-left: 10px;}

.image-link {	/* make events images responsive */
	max-height: 200px;
	width: 90%;
}

h1 { font-size:42px; line-height: 40px; }
#aalogo { width: 80%; }
h1 {font-size:36px;}
.area-district { line-height: 0.8em; }
.medium-font {font-size: 12px;}

/*nav, .nav-menu { line-height: 3em;} /* */
/*nav, .nav-menu { line-height: 1.5em; min-height: 5em;} /* */
/*nav, .nav-menu { line-height: 2em; padding-bottom: .5em; padding-top: .5em;} /* */
/*nav, .nav-menu { line-height: 2em; margin-bottom: .5em; margin-top: .5em;} /* */
/*nav-menu li a { padding-top: 3em; margin-top: 20px; padding-right: 10px;} /* */
.body-content, .nav-menu {
	background-color: #FFF;	/* */
	/* rounded borders on top */
	border: 1px solid #ccc;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;

	/* shadow on the div */
	box-shadow: 1px 1px 10px #CCCCCC;	/* */
	-webkit-box-shadow: 1px 1px 10px #CCCCCC;	/* */
	-moz-box-shadow: 1px 1px 10px #CCCCCC;	/* */
}

a { text-decoration: none; }
/*a { color: #551a8b; }			/* */
/*a:visited { color: #551a8b; }	/* */
/*a { color: #00e; }	/* very dark */
/*a { color: #06e; }	/* dark */
a { color: #66e; }	/* dark */
/*a { color: #00e; }	/* light */
/*a:visited { color: #7AB5EE; }	/* */
a:visited { color: #76e; }	/* */
a:visited { color: #66e; }	/* */
/*a:hover { color: #7AB5EE; } /* */
a:hover { color: #03e; } /* */
/*a:hover { color: #06e; background-color: #FFF; } /* */
a:focus { outline: thin dotted; }

.print-icon a { color: #AA0000; }

.header-title { font-size: 30px; }
.header-area { font-size: 18px; margin-top: -15px; }
.header-alone { font-size: 28px; color: #AA0000; margin-top: 15px;}
.header-time { font-size: 22px; margin-top: -5px; }

.homepage a {
	text-decoration: none;
	color: #000;
}

#logo-header {
	max-width: 325px;
	margin: 0 auto;
	h1 { margin: .65em 0; }
}
#logo-header h1 {
	margin-bottom: .25em;
}
#logo-header a { color: #000; text-decoration: none; }
#aalogo {
	float: left;
	max-width: 18%;
	margin-top: .40em;
	margin-left: 1.5em;
	text-decoration: none;
}

.logo_title {
	font-size: 38px;
	line-height: 40px;
}

.page-header {	/* reset of bootstrap */
	border-bottom: none !important;
	margin: 10px 0 -10px !important;
	/*padding-bottom: 9px !important; /* */
}
/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	/*width: 87.36%;	/* */
	width: 95%;	/* */
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.page-header {
	/*max-width: 800px;	/* */
	text-align: center;
}
.page-footer {font-size: 10px; margin-top: -10px;}	/* */
.page-footer {font-size: 10px; padding-top: -10px; margin-right: 5px; line-height: 12px;}
.page-footer {margin-top: 10px; padding-top: 20px; padding-left: 5px;}	/* */
.spacer {margin: 0 10px;}


/* ******************************* */
/* ****       Odds & Ends          */
/* ******************************* */
/* new location on the meetings page*/
.newloc {
	font-weight:bold;
	color: #ff0000;
}
/* update date on the page bottom */
.updated {
	font-size: 9px;
	text-align:left;	/**/
	margin: 0 0 -35px 5px;	/* drop date below email address */
	padding-bottom: 15px; /**/
	padding-top: 5px; /**/
}
.red {
	border: 1px solid #ff0000;
}
figcaption { font-size: 80%; }
.font-80 { font-size: 80%; }
.print-only {display:none;}	/* only show on print output */
.poster-shadow {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*padding: 20px;	/**/
  box-shadow: #ccc 3px 5px 5px;
}
/* ********************************************** */
/*     Google 404 error handling site search form */
#goog-wm ul li {
	list-style-type: none;
}
#goog-wm-sb {
	display: none;
}
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
    width: 70%;
}
form.gsc-search-box {
    font-size: 13px;
    margin: 0 0 4px;
    width: 60%;
}

/* ******************************* */
/* ****        Calendar            */
/* ******************************* */
.p-event {
	font-size: 13px;
	line-height: 14px;
	margin: 2px 0;
}
.prev-next { opacity: .4; } /* days in the previous or next month dimmed */
.hr-event {
	margin: 2px 0;
	width: 70%;
	border-color: #666666;
}
.hr-event100 {
	margin: 2px 0 5px 0;
	width: 100%;
	opacity: .2;
}
.hr-event0 {
	margin: 2px 0 5px 0;
	width: 100%;
	opacity: .0;
}
table.month-header th {
	font-size: 30px;
	padding: 15px 0;
}
table.calendar td {
	height: 90px;
	border: 1px solid #aaa;
}

.output li {
	list-style-type: none;
	text-align: center;
	padding: 0;
}
ul.output {
	padding: 0;
	margin: 0;
	}
.calendar ul.output li {
    border-bottom: 1px solid #ccc;
    line-height: 1em;
    margin: 0;
    padding: 5px 0;
}
.calendar ul.output li:last-child {
    border: 0 none;
}
.today { background-color: #ffffcc; }
/* ******************************* */
/* ****       Navigation           */
/* ******************************* */
nav {display: block;}
.navbar .navbar-nav {display: inline-block; float: none;}
.navbar .navbar-collapse { text-align: center; }
.nav-menu ul li {padding-right: 2px; display: block;}
.navbar-nav > li > a { padding: 5px 8px; }
.navbar-center { margin: 0 auto; }
/*.nav-menu {background-color: #2D5494;} /**/
nav ul li:last-child {padding-right: 0px;}

nav, .nav-menu  {line-height: 1em; }
.navbar, .navbar-brand { min-height: 10px; }
.navbar-brand {
	height: 10px; 
	line-height: 8px;
	padding: 10px 15px;
}
.navbar-toggle {
	padding: 5px 10px;
	margin: 2px 15px;
	border: none;
}
/* *************************************** */
/* ****       Navigation Custom       **** */
/* *************************************** */
#a96-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#a96-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    /* border-width: 1px; /* */
    /*border-radius: 4px; /* */
}
#a96-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(255, 255, 255, 1);
}
#a96-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#a96-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
}
#a96-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#a96-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#a96-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#a96-bootstrap-menu.navbar-default .navbar-toggle {
    /*border-color: #ddd; /* */
}
#a96-bootstrap-menu.navbar-default .navbar-toggle:hover,
#a96-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#a96-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#a96-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#a96-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}
/* ****       Navigation Custom       **** */
/* *************************************** */

/* ******************************* */
/* ****      Meeting Table         */
/* ******************************* */
/*table {margin-left: auto; margin-right:auto;} /* */
table {margin: 0 auto; width:100%}	/* */
.meetings table, tr { border: 1px solid #aaa;}
.meetings td { border-top: 1px solid #aaa;}	/* for ie */
.meetings {font-size:13px; width:100%; clear:both;}
.meetgs {font-size:13px; width:60%; clear:both;}
.mtg-day {font-size: 18px; font-weight:bold;}
.mtg-time {width: 60px; text-align:center; border-right: 1px solid #CCC;}
.mtg-name {width: 520px; padding-left:5px;}
.mtg-map {width: 40px;}
.mtg-legend {width: 55px; padding-right:10px;}
.mtg-district {width: 25%; text-align:center; padding-right: 5px;}
.mtg-d {width: 25%; text-align:center; }
.mtg-district:last-child {padding-right: 10px;}
.mtg-legend-desc {width: 50%; text-align:center; padding: 0 20px;}

/*.map-meetings {width:60%; font-size:13px; margin-left: auto; margin-right:auto;} /* */
/*.map-meetings {width:60%; font-size:13px;}	/* */
.map-meetings {width:90%; font-size:13px;}	/* */
.map-mtg-time {width: 70px; text-align:center; }
.map-mtg-name {width: 200px; padding-left:5px;}
.map-mtg-legend {width: 50px; text-align:center; }

/* ******************************* */
/* ****      Birthday Table        */
/* ******************************* */
.birthday-table {
	line-height: 1.1em;
	border: 1px solid #ccc;
	max-width:500px;
	margin: 0 auto;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
 #birthday-table { border: none; width: 90%;}
#birthday-table tr,#birthday-table td {border: none; margin-top: -5px;}
#birthday-table td { border: 1px solid #aaa; }
	.birthday-group-name { text-align: left; font-weight: bold; font-size:15px; }
	.birthday-space { width: 35px; text-align: left;  }
	.birthday-group { width: 150px; text-align: left;}
	.birthday-date { width: 60px; text-align: left;  }
	.birthday-name { width: 125px; text-align: left;  }
	.birthday-time { width: 60px; text-align: right; padding-right: 20px;  }

.birthday { background-color: #DFEBFf; }

.google-map {border:1px solid #CCC; padding: 5px; padding-top: 9px; margin:0 auto;}
.small {max-width: 312px;}
.medium {display:none; max-width: 437px;}

.no-show {display:none;}

/* ******************************* */
/* ****      Contact Table        */
/* ******************************* */
.contact-table {
	line-height: 1.1em;
	border: hidden;
	max-width:600px;
	margin: 0 auto;
}
.contact-table tr {
	border: none;
}

/** ********************************* **/
/**            Google Map             **/
/** ********************************* **/
#map_address {
  height: 600px;
  width: 100%;
  margin-top: 40px;
  background: grey;
}
.gmap3 {
  border: 1px dashed #C0C0C0;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 361px) {
body {background-color: #f0f;}
} /* */
@media only screen and (min-width: 388px) {
.gridContainer {
	width: 80.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
nav, .nav-menu  {line-height: 0px; }
.logo_title {
	font-size: 40px;
	line-height: 42px;
}
#aalogo { max-width: 19%; }
}

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.small {display: block;}
.medium {display: none;}
.map-meetings {width:80%; font-size:13px;}	/* */
.mtg-district { padding-right: 10px;}
#aalogo { max-width: 22%; 	margin-left: .5em; }
.logo_title {
	font-size: 42px;
	line-height: 48px;
}
.spacer {margin: 0 20px;}
}

@media only screen and (min-width: 530px) {
/* raise date opposite the email link */
.updated {
	margin: 0 0 -25px 5px;
}
.map-meetings {width:70%; font-size:13px;}	/* */
.page-footer {font-size: 10px; margin-top: -10px; }	/* */
.spacer {margin: 0 30px;}
.mtg-district { padding-right: 15px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

/*@media only screen and (min-width: 640px) {
body {background-color: #ff0;}
} /* */
@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.small {display: none;}
.medium {display: block;}
.nav-menu  {line-height: 1em; }
/*.navbar { margin-bottom: 5px; } /* */
#brand { max-height: 0px; visibility: hidden;}
.navbar-collapse { padding-left: 0; padding-right: 0; }
.map-meetings {width:60%; font-size:13px;}	/* */
}

/* for printing of the page */
@media print {
/* disable url links from printing */
  a:link:after,
  a:visited:after {
	  content: "";
  }
  a, a:visited { color: #00e; }
  body {
	  max-width: 1200px;
	  font-size: 12px;
  }
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
  .body-content {
	  box-shadow: none;	/* turn off the shadow - screws up in chrome */
  }
  .no-print {display:none;}	/* turn off elements */
  .print-only { display:block;}	/* for print only */
  
  /* header area */
  nav {display: none;}	/* don't print menu */
  .nav-menu ul li {display: none;}	/* don't print menu - ie */
  .header-area {margin-top: -10px;}
  .page-footer {font-size: 8px; margin-top: -10px;}

  .header-area { font-size: 16px; margin-top: -15px; }
  .header-alone { font-size: 20px; color: #aa0000; }
  /*.header-alone { font-size: 20px; color: rgb(170,0,0);} /**/
  .header-time { font-size: 16px; margin-top: -20px; }

  /* adjust meetings table for print output */
  .meetings {font-size:11px; width:100%;}
  .page-break {page-break-before: always;}	/* predefined page breaks */
  
  /* define table widths for print */
  .meetgs {font-size:11px; width:60%;}
  .center {text-align:center;}	/* */
  /*.center {margin: 0 auto;}	/* */
  .map-meetings {width:75%; font-size:13px;}
  .mtg-day {font-size: 16px; font-weight:bold;}
  .mtg-time {width: 70px; text-align:center; border-right: 1px solid #CCC;}
  .mtg-name {width: 600px; padding-left:5px;}
  .mtg-map {width:0px; display:none;} /*{width: 40px;} */
  .mtg-legend {width: 40px; padding-right:10px;}
  .mtg-district {width: 33%; text-align:center; padding-right: 20px;}
  .mtg-district:last-child {padding-right: 10px;}
  .mtg-legend-desc {width: 50%; text-align:center; padding: 0 20px;}
  .problem {font-size: 12px;}
  
  /* set output size for google maps */
  .small {display: none;}
  .medium {display: block;}
  
  /* set the calendar to landscape */
  .calendar-print .page-header {
	  display:none;
    }/* */
  .calendar-print .spacer {
	  margin 0;
  }
  .calendar-print {
	  border: none;
  }
  
  
  /* meetings page - aligns meeting list properly */
  .ie7 table { margin-left: 0; }
  /* map page - aligns meeting list properly */
  .ie7 .map-meetings { margin-left: 13%; }
  
  /*.ie8 .header-area { font-size:36px;} /* for testing */
  .ie8 .page-header {margin-left: 0;} /* */

/* update date on the page bottom */
  .updated {
	  font-size: 9px;
	  text-align:left;	/**/
	  margin: 0 0 -15px 5px;	/* drop date below email address */
  }

  .page-footer { display: none; }	/* turn off the page footer - email */
  
  /* set paper margins in the printer */
  @page {
	  margin-left: 1.25cm;
	  margin-right: 1.25cm;
	  margin-top: 1.5cm;
	  margin-bottom: 1.5cm;
  }

}
.ie6 {
  color: #000;
}
.ie6 .center {
  margin: 0 auto;
}
.ie7 {
  color: #000;
  /* */
}
.ie7 .page-footer {
  font-size: 10px;
  margin-top: -5px;
}
.ie8 {
  color: #000;
}
.ie9 {
  color: #000;
}

/* ********************************* */
.back-to-top {
background: none;
position: fixed; /* */
right: 0px;
bottom: 2em;
margin-right: 10px;
padding: 10px;
width: 70px;
height: 70px;
z-index: 100;
color: #d9e8f5;
background-color: transparent;
opacity: .8;
font-size: 60px;
display: none;
}
.back-to-top i {
  font-size: 60px;
}
.back-to-top:link, .back-to-top:visited, .back-to-top:hover, .back-to-top:active  {
	color: #d9e8f5;
}


/* Google Maps */
#map-canvas {
	width: 300px;
	height: 200px;
	background-color: #cccccc;
	margin: 0 auto;
	padding: 10px;
}
#map_address_med {
	width: 500px;
	height: 400px;
	padding: 10px;
}
#map_address_sm {
	width: 300px;
	height: 300px;
	padding: 10px;
}
#map_div, #map_div2 {
	width: 400px;
	height: 400px;
	padding: 10px;
}

#map_canvas {
	width: 500px;
	height: 400px;
	padding: 10px;
}

/* ****** */
#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}
  #legend {
    background: white;
    padding: 10px;
  }

/* */