/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
  font-family: Arial, sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
  background: #cccccc url(../images/bg_grad.jpg) fixed;
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited {
  color: #005FA9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/************** header tag styles **************/
h1 {
  font: bold 120% Arial, sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}
h2 {
  font: bold 114% Arial, sans-serif;
  color: #006699;
  margin: 0px;
  padding: 0px;
}
h3 {
  font: bold 100% Arial, sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}
h4 {
  font: 100% Arial, sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
}
h5 {
  font: 100% Arial, sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}
/*************** list tag styles ***************/
ul {
  list-style-image: url(../images/miniflake14.gif);
}
ul ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: none;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1 {
  position: absolute;
  top: 2%;
  left: 2%;
  right: 2%;
  width: 95.6%;
  background-color: #ffffff;
}
#pageNav {
  float: left;
  width: 177px;
  padding: 0px;
  background-color: #F5f7f7;
  border-right: solid #cccccc 1px;
  font: small Verdana, sans-serif;
}
#content {
  padding: 0px 10px 0px 10px;
  margin: 0px 0px 0px 177px;
  border-left: solid #ccd2d2 1px;
}
#content h2 {
  text-align: center;
}
#content h3 {
  text-align: center;
}
#admin {
  position: absolute;
  left: 0;
  top: 0;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
/************** pageName styles ****************/
#pageName {
  padding: 0px 0px 14px 10px;
  margin: 0px;
  border-bottom: solid #ccd2d2 1px;
}
#mast {
  padding: 0px;
  margin: 4px 10px 8px 0px;
  height: 76px;
  background: url(../images/newMast.jpg) no-repeat;
}
/************** feature styles *****************/
.feature {
  padding: 10px 20% 0px 10px;
}
html > body .feature {
  height: auto;
}
.feature h3 {
  font: bold 200% Arial, sans-serif;
  color: #000000;
  padding: 18px 0px 0px 0px;
}
.feature p {
  margin: 8px 0px 0px 0px;
}
/************** bylaw styles *****************/
.bylaw {
  border-top: 1px solid #ccd2d2;
  padding: 0px 0px 10px 10px;
  font-size: 80%;
  height: 200px;
}
html > body .bylaw {
  height: auto;
}
.bylaw h5 {
  font: bold 100% Arial, sans-serif;
  padding: 24px 0px 0px 0px;
  color: #334d55;
}
.bylaw h4 {
  font: bold 90% Arial, sans-serif;
  padding: 8px 0px 0px 20px;
  float: left;
}
.bylaw h3 {
  font: bold 175% Arial, sans-serif;
  color: #000000;
  padding: 18px 0px 0px 0px;
}
.bylaw h2 {
  font: bold 180% Arial, sans-serif;
  color: #006699;
  padding: 18px 0px 0px 0px;
  text-align: center;
}
.bylaw h1 {
  font: bold 100% Arial, sans-serif;
  padding: 16px 0px 0px 0px;
}
.bylaw p {
  margin: 8px 0px 0px 85px;
}
.bylaw span {
  font: bold 100% Arial, sans-serif;
  margin: 0px 15px 0px 10px;
  color: #334d55;
}
/*************** story styles ******************/
.story {
  padding: 10px 20% 0px 10px;
  font-size: 80%;
}
.story h3 {
  font: bold 125% Arial, sans-serif;
  color: #000000;
}
.story p {
  padding: 0px 0px 10px 0px;
}
.story a.capsule {
  font: bold 1em Arial, sans-serif;
  color: #005FA9;
  display: block;
  padding-bottom: 5px;
}
.story a:hover.capsule {
  text-decoration: underline;
}
td.storyLeft {
  padding-right: 25px;
  width: 25%;
}
/*************** member styles ******************/
.member {
  border-top: 1px solid #ccd2d2;
  width: auto;
  font-size: 110%;
  color: #006699;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 13px;
  padding-bottom: 0px;
}
.member div {
  margin-top: 2px;
  margin-bottom: 1px;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 0px;
}
.company {
  width: auto;
  font-size: 70%;
  font-weight: normal;
  color: #333333;
  padding-left: 5%;
  margin-right: 3%;
  border-top: 1px solid #f0f0f0;
}
div.company span {
  float: right;
}
div.company span img {
  margin: 0px 2px;
}
/************** contactInfo styles ****************/
#contactInfo {
  clear: both;
  border-top: solid #cccccc 1px;
  font-size: small;
  color: #777777;
  padding: 5px 10px 5px 10px;
  text-align: center;
}
/************ sectionLinks styles **************/
#sectionLinks {
  margin: 0px;
  padding: 0px;
}
#sectionLinks h3 {
  padding: 10px 0px 2px 10px;
  border-bottom: solid #cccccc 1px;
}
#sectionLinks a:link, #sectionLinks a:visited {
  display: block;
  border-top: solid #ffffff 1px;
  border-bottom: solid #cccccc 1px;
  background-image: url(../images/bg_nav.jpg);
  font-weight: bold;
  padding: 3px 0px 3px 10px;
  color: #21536A;
}
#sectionLinks a:hover {
  border-top: solid #cccccc 1px;
  background-color: #DDEEFF;
  background-image: none;
  font-weight: bold;
  text-decoration: none;
}
/************* relatedLinks styles **************/
.relatedLinks {
  margin: 0px;
  padding: 8px 4px;
  border-bottom: solid #cccccc 1px;
  background-color: #1e3c1a; /*99FFFF*/
}
.relatedLinks h3 {
  padding: 8px 0px 4px 0px;
  text-align: center;
  font-size: 120%;
  color: #FFFFFF;
}
.relatedLinks a:link, .relatedLinks a:visited {
  display: block;
  border-top: solid #AB5518 1px; /*FFFFFF*/
  border-bottom: solid #AB5518 1px; /*CCCCCC*/
  background: #5F2F0D; /*ffffcc*/
  font-weight: bold;
  padding: 3px 0px 3px 10px;
  color: #9AD549; /*21536A*/
  text-align: center;
}
.relatedLinks a:hover {
  border-top: solid #cccccc 1px;
  background: #DDEEFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #AB5518;
}
.relatedLinks span {
  font-weight: normal;
}
/************* assocLinks styles **************/
.assocLinks {
  margin: 0px;
  padding: 8px 4px 10px 10px;
  border-bottom: solid #cccccc 1px;
}
.assocLinks h3 {
  padding: 10px 0px 2px 0px;
}
.assocLinks a {
  margin-top: 4px;
}
/************** contact styles *****************/
.contact {
  border-top: 1px solid #ccd2d2;
  padding: 40px 2% 40px 0px;
  font-size: 80%;
  height: 100%;
  text-align: center;
}
.contact p {
  font: 120% bold;
}
.contact h1 {
  font: 150% bold;
}
.contact h4 {
  font: 130% bold;
}
/************** officer, board and meetingplanner styles *****************/
.officer, .planner, .board {
  border-bottom: 1px #cccccc solid;
  padding-bottom: 10px;
}
.officer h2, .planner h2 {
  margin-top: 15px;
  margin-right: 0px;
}
.officer div, .planner div {
  text-align: center;
}
.board h1, .planner h1 {
  margin-top: 10px;
}
.board table, .board table tr td {
  text-align: center;
}
.board table tr td, .board table tr th {
  border-bottom: 2px dotted #CCCCCC;
}
/************* TOClinks styles **************/
.TOClinks {
  margin: 0px;
  padding: 8px 4px 10px 0px;
  border-bottom: solid #cccccc 1px;
}
.TOClinks h3 {
  padding: 10px 0px 2px 0px;
  text-align: center;
}
.TOClinks a {
  background-image: url(../images/bg_nav.jpg);
  display: block;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 17px;
  height: 18px;
  font-size: 12pt;
}
/************* misc styles **************/
#cons table {
  font-family: "Times New Roman", Times, serif;
}
#cons td {
  width: 33%;
  font-size: 80%;
  padding-left: 4px;
  padding-right: 6px;
}
#cons td span.list {
  float: left;
  padding-left: 6px;
  margin-right: 6px;
}
#cons td div {
  clear: both;
  margin-top: 6px;
}
#cons td div:hover {
  background: #EAF8D6;
}
#cons img {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
#cons a.link {
  float: left;
  margin: 23px;
  padding: 2px;
  background-color: #0000FF;
}
#cons a.link:hover {
  background-color: #00FF00;
}
#cons dt {
  font-weight: bold;
  margin-top: 12px;
}
.GrandEventaccent {
  color: #0f7b00;
  font-weight: bold;
}
/************* form styles **************/
fieldset.login {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20em;
}
label.login {
  float: left;
  width: 7em;
  margin-right: .5em;
  text-align: right;
}
input[type=submit].login {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
label.edit {
  display: block;
}
label.edit:hover, label.edit:hover input {
  background-color: #CCFFFF;
}
.edit input {
  border: 0px;
  text-decoration: underline;
}
/************* misc styles **************/
.adobePDF {
  background: url(/images/pdficon_small.gif) no-repeat left center;
  padding: 1px 17px 1px 34px;
}
#gallery td {
  text-align: center;
  height: 92px;
  vertical-align: top;
}
.PHSawardees {
  width: 50%;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  padding: 0px;
}
.PHSawardees td:nth-child(1), .PHSawardees td:nth-child(3) {
  border-right: 1px solid #CCCCCC;
}
.PHSawardees td {
  padding: 10px 10px 10px 20px;
}
/************* button styles **************/
.conv-btn, .conv-btn:link, .conv-btn:visited {
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px; /* Set a font size */
  color: #FFFFFF;
  border-radius: 8px;
  padding: 10px 16px; /* Some padding */
  margin: 2px 0px;
  background-color: DodgerBlue; /* Blue background */
  border: none; /* Remove borders */
}
/* Darker background on mouse-over */
.conv-btn:hover {
  background-color: RoyalBlue;
  transform: scale(1.1, 1.1);
}
/********************* end **********************/