/* -------------------------------------------------------------- */
/* --------  EAA Chapter 42 CSS Master Style Sheet -------------- */
/* -------------------------------------------------------------- */
/*
 body { font-family: Verdana, Lucida, Arial, sans-serif;
    	font-size: 100%;
    }

  h2 {	font-family: Times, "Times New Roman", serif;
        font-size: 175%;
        }

  h3 {	font-family: Times, "Times New Roman", serif;
		font-size: 150%;
        }
*/

  #content {
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    }
    
  .row {
    margin-left: 0px;
    margin-right: 0px;
    }    
    
  .biglink {  font-size: 200%;
      line-height: 1.2em;
  }

  .gray {
        background: #DCDCDC;
              }

  .strike {
        background: #DCDCDC;
		text-decoration: line-through;
              }

/* -------------------------------------------------------------- */
/* ------- Page Header ------------------------------------------ */

/*.c42logo, .akch42logo, .eaalogo {
    float: left;
    margin: 5;
}*/
/* .c42logo {
   margin-left: 3px;
    }

.akch42logo{
    z-index: 10;
    }*/

 .eaalogo {
    padding-top: 32px;
    }
    
.none {
    float: clear;
    }    

/* -------------------------------------------------------------- */
/* ----- Navigation Bar, Left Side ------------------------------ */

.navbar {
  z-index: 90;
  margin-bottom: 0.5em;
  /*margin-left: 1.5em;*/
}


/* -------------------------------------------------------------- */
/* --- Event Calendar ------------------------------------------- */

 .monthblk.cal, .monthblk.evt {
    padding: 5px;
    float: left;
    }

 .monthblk.cal {
    width: 180px;
/*    border: 1px dotted blue;  */
    }

.cal {
    width: 180px;
    float: left;
    }

 .monthblk {
 /*   border: 2px dotted blue;  */
    margin-top: 1em;
    float: left;
    max-width: 700px;
    }

 .evt {
 /*   border: 2px dashed red; */
/*    width: 500px;*/
    float: left;
    }

.mainevt {
    padding: 5px;
    max-width: 710px;
 /* border: 1px dashed green;  */
}

/* --  -- */
        
.fcalmonth { font-size: 120%;
             font-weight:bold;
             text-align:center;
    }    
    
  .fcal th {
              font-size: 85%;
  }        
    
  .fcal td, .fcal th {
    border: 1px solid #ccc;
    padding: 0 2px 0 2px;
    text-align: center;
  }    
        
  .calarea {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
         }        
  

    .eaaevent {
        border: 1px solid black;
        background-color: #cff;
        color: #36327D;
        font-weight: bold;
        }     
        
    .greenevent {
        border: 1px solid black;
        background-color: #cff;
        color: #009900;
        font-weight: bold;
        }    

  #meet td {
          padding-top: 3px;
          padding-bottom: 3px;
      }   
      
  #meet .btime {
          text-align: right;
          width: 7em;
          padding-right: 10px;
      }           

/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */


  .headline {
	font-family: Times, "Times New Roman", serif;
	font-size: 300%;
    line-height: 1.25em;
	font-weight: bold;
	color: #0066CC;
    margin-left: 0.1em;
    margin-top: 0;
    padding-left: 0.3em;
/*	border-top: 2px solid #9cf;  */
	background-image:url(/images/common/headlinegradient.jpg);
	background-repeat:repeat-x;
    -moz-border-radius: 15px;
    border-radius: 15px;    
 		}

 .large { font-family: Times, "Times New Roman", serif;
 		  font-size: 175%;
		  font-weight: bold;
 		}

 .medium { font-family: Times, "Times New Roman", serif;
 		  font-size: 150%;
		  font-weight: bold;
 		}

 .medgreen { font-family: Times, "Times New Roman", serif;
 		  font-size: 150%;
      line-height: 1.1em;
		  font-weight: bold;
		  color: #009900;
 		}
        
 .green { 
          color: #009900;
         }        

.event {
    margin: 0.2em;
    padding: 5px;
    border: 1px solid #0099cc;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.event h3 {
    margin-top: 0;
}

figure {
    margin: 0.1em;
    padding: 3px;
    border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	display: table;
	text-align:center;
}

figcaption img {
	display: block;
    width: 100%;
}

figcaption {
    padding: 3px;
	display: table-caption;
	caption-side:bottom;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
}

.loginform {
  display: block;
  border: 2px solid green;
  padding: 8px;
  margin: 12px 5px 5px 5px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 85%;
}

.btnLogin {
  margin-left: 0.5em;
}

.event .medgreen {
    text-align: center;
    width: 90%;
}

.eventbody {
    display: block;

}

  .sh3 { font-family: Times, "Times New Roman", serif;
		font-size: 150%;
		font-weight: bold;
		color: #36327D;
        }

  .sh3c { font-family: Times, "Times New Roman", serif;
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		color: #36327D;
        }

  .addate {
	font-size: 80%;
	float: right;
	margin-right: 15px;
    }

 .lpic {
	padding: 5px;
	float: left;
		}

  .rpic {
	padding: 5px;
	float: right;
		}

  .nofloat {
	float: none;
		}

  .gallery img {
  		padding: 3px;
  		}
        
.salebox td:first-child {
  border-top: 2px solid green;
  border-bottom: 2px solid green;
  border-left: 2px solid green;
  margin-bottom: 2em;
}   

.salebox td:nth-child(2) {
  border-top: 2px solid green;
  border-bottom: 2px solid green;
  border-right: 2px solid green;
  margin-bottom: 2em;
}       

.tline {
	margin-top: 10px;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 2px;
	padding: 3px;
}

article {
  float: left;
  border: 2px solid green;
  padding: 8px;
  margin: 5px 8px 5px 0;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

article h1, article h2, article h3 {
  margin-top: 5px;
  margin-right: 9px;
  margin-bottom: 9px;
}

article .spc {
  margin-top: 1px;
  border-top: 1px solid gray;
  height: 0px;
}

article a {
  text-decoration: none;
  width: 110px;
  display: box;
  padding: 7px;
}

article a:hover {
  color: green;
  text-decoration: underline;
}

table.box {
  border-spacing: 0px;
  margin: 0 0.5em 1em 0.5em;  /* top right bottom left */
  float: left;
  background: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box td, .box th, .box caption {
  padding: 4px;
  border: 1px solid gray;
  border-collapse: collapse;
}

.box th {
  font-size: 85%;
}

.stab tr:nth-of-type(even){
    background: #EEE;
}

.stab td:nth-of-type(1) {
  padding-right: 10px;
  text-align: right;
}

.clear {
  clear: both;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */



.ttl-clr, .mainhead {
  color: #0099cc;
  margin-left: 1em;
}

.pagetitle, header h1 {
  margin: -5px 0px 0px 5px;
  font-size: 250%;
  line-height:1.5em;
  font-weight:900;
  color: #0099cc;
  font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
  margin:0px 0px 15px 0px;
  padding:0px;
  font-size: 200%;
  line-height:28px;
  font-weight:900;
  color: black;
  font-family:Georgia, "Times New Roman", Times, serif;
  }

.h1new {
  font-size: 200%;
  line-height:28px;
  font-weight:900;
  color: #09c;
  font-family:Georgia, "Times New Roman", Times, serif;
}

.xlarge {
  font-size: 200%;
  font-weight:900;
  color:#ddd;
  }

.large {
  font-size: 175%;
  }

.medium {
  font-size: 150%;
  font-weight:900;
  color: #09c;
  font-family:Georgia, "Times New Roman", Times, serif;
}



a:link {color:#09c;}

a:visited {color:#07a;}

#content a:hover {background-color:#eee;}

/* -------------------------------------------------------------- */
/* Main Left Menu ----------------------------------------------------------------------------------- */

#leftcol {
  position:absolute;
  top: 5px;
  left:5px;
  width: 180px;
  }

.membtitle {

  width: 100%;
  text-align: center;
}

.membtitle a {
  font-family: Times, "Times New Roman", serif;
  font-size: 160%;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.logo42 {
  text-align: center;
  margin-top: 7px;
}

#leftcol .logo42 {
  margin-left: 10px;
}

.ui-menu {
  width: 165px;
}

#menu {
  margin-top: 12px;
  margin-bottom: 6px;
}

#menu li em {
  width: 90px;
  display: inline-block;
}

.webm {
  padding: 8px;
}

.webm a {
  padding: 8px;
}

.webm a:hover {
  color: green;
  background-color: #C6FFC6;
}

.dropdown-menu .add {
    margin-left: 60px;
}

/* -------------------------------------------------------------- */
/* content ----------------------------------------------------------------------------------------- */

#Error {
  color:#FF0033;
  font-size:115%;
  }

.topdate {
    text-align: right;
    width: 600px;
    margin-bottom: 0.2em;
  }

table#maintab  {
  padding: 6px;
  border:1px solid black;
  }

 .tlbl {
  text-align: right;
  font-size: 85%;
  font-weight: bold;
  padding: 6px;
 }

 table#mt_manage  {
    border-collapse:collapse;
  }

 #mt_manage td {
      padding: 3px;
    border-collapse:collapse;
  }

 #mt_manage data td {
    border-top: 2px solid black;
    border-bottom: 1px solid #ccc;
  }

 .coltitle td, .coltitle {
    font-size: 85%;
    font-weight: bold;
    border-collapse:collapse;
  }

 .line td {
    border-top: 1px solid #ccc;
    border-collapse:collapse;
  }

 .mt_what {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

 .mt_where {
    border: 1px solid #ccc;
  }

.ltblue {
     background-color:#E0FFFF;
  }

/* -------------------------------------------------------------- */
/*  background colors for  active, previous, contact and sponsor pages */

.active42 td , .active42 {
  background-color:#C7FCE6;
  }

.previous td, .previous  {
  background-color:#DEDEDE;
  }

.contact td, .contact  {
  background-color:#B1E9FA;
  }

.sponsor td, .sponsor  {
  background-color:#66FF66;
  }

.exmemb td, .exmemb  {
  background-color:#555555;
  }
  
.newmemb td, .newmemb  {
  background-color: hsl(80, 95%, 90%);
  }  
/* -------------------------------------------------------------- */
/*  Debug highlighting  ----------------------------------------- 

  -- hsl(290, 100%, 50%) = purple
                                                       -- */
.debug {
    margin: 0.2em;
    padding: 5px;
    border: 1px solid hsl(290, 100%, 50%);
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 1em;
}

div.arydump table {
  margin-left: 2em;
}

div.arydump th, div.arydump td {
  border: 1px solid #ccc;
  padding: 5px;
  border-collapse:collapse;
}

article.event.markdown blockquote {
  font-family: "Courier New", Courier, monospace;
}

/* -------------------------------------------------------------- */
/*  Member Edit page  -------------------------------------------- */

table#edittab  {
  padding: 6px;
  border:1px solid black;
  }

#edittab input , #edittab textarea  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 115%;
  padding: 3px;
  }

 #membedit {
    margin-left: 100px;
    width: 185px;
  }

 .fixw {
      margin-left: 45px;
  }

 .edtlbl {
  text-align: right;
  font-size: 75%;
  padding: 6px;
  width: 120px;
 }

 .updatedlbl {
  text-align: right;
  font-size: 75%;
  padding: 6px;
  width: 220px;
 }

 .edtlbl em {
    color: red;
 }

.dues td {
  border-top: 1px solid black;
  padding-top: 10px;
  margin-top: 10px;
  }

.smright {
    float: right;
    margin-right: 10px;
  }

.etype {
  margin-left: 350px;
  display: inline-block;
}

/* -------------------------------------------------------------- */
/* --  fShowSessionInfo  ---------------------------------------- */

.showsession {
    margin-left: 50px;
}

.showsession td, .showsession th {
  border: 1px solid black;
  padding: 5px;
  }

/* -------------------------------------------------------------- */
/* --  planes.inc  -------------------------------------------- */

table#planetab  {
  border: 1px solid #ccc;
  }

table#planetab  td {
  padding: 6px;
  }

/* -------------------------------------------------------------- */
/* --  mailq  -------------------------------------------- */

  table#mq_tab  {
        margin-right: 15px;
  }

  .mq_topline td {
        border-top: 4px solid #C7FCE6;
  }

  table#mq_tab .coltitle {
        text-align: right;
      width: 85px;
  }

  table#mq_tab .mq_data {
        border: 1px solid gray;
      border-collapse:collapse;
      margin-top: 2px;
  }

  table#mq_tab .mq_msg {
        border: 1px solid gray;
      border-collapse:collapse;
      margin-top: 2px;
  }

/* -------------------------------------------------------------- */
/* --  sunrise  -------------------------------------------- */
  
.daytab {
    margin-left: 2em;
}

.daytab td {
    padding: 4px;
}

.daytab td:nth-child(4) {
    padding-right: 10px;
}
.nautical {
    background: hsl(240, 95%, 25%);
    color: hsl(240, 95%, 85%);
}

.civil {
    background: hsl(240, 20%, 70%);
    color: hsl(240, 100%, 100%);
}

.sun {
    background: hsl(55, 95%, 75%);
}  
  
  
/* -------------------------------------------------------------- */
/* --  disclaimer   -------------------------------------------- */

.disclaimer {
     background-image: url(/images/common/lblue047.gif);
     -moz-border-radius: 15px;
     border-radius: 15px;
}

.disclaimer h3 {
    padding-top: 10px;
    margin-left: 10px;
}

.disclaimer blockquote {
   margin-right: 10px;
   padding-bottom: 12px;
}


.sponsorbx {
    float: left;
    margin: 0.2em;
    padding: 5px;
    border: 1px solid #0099cc;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


/* -------------------------------------------------------------- */
/* --  Footer  -------------------------------------------------- */
/* -------------------------------------------------------------- */

.footer_past a {
    margin-right: 3em;
    text-decoration: underline;
}

  #lastu {
    font-size: 80%;
    float: left;
    padding-top: 10px;
    width: 630px;
    border-bottom-style: solid;
    border-color: #000000;
    border-bottom-width: 1px;
    padding-bottom: 3px;
    }

 .footer {
    margin-top: 10px;
    padding: 5px 0;
    border-top: 1px solid #0099cc;
    font-size: 80%;
    border-bottom: 1px solid #0099cc;
    min-width: 350px;
    max-width: 650px;
    }

 .footer span {
   margin-left: 200px;
 }

.footlast {
  margin-top: 10px;
  border-top: 1px solid #0099CC;
  padding-top: 10px;
  font-size: 75%;
  text-align: right;
  width: 600px;
}

/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* XS - Extra Small Devices (Phones and down)
*/
@media (max-width: 767px) {

.zlg, .zmd, .zsm {
  display: none;
}

.navbar-default {
    background-color: white;
    border-color: white;
}

/* .nav li {
    margin: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #363C94 solid 1px;
    width: 45%;
  }
*/


.phaddr {
  margin-top: 1.5em;
  margin-left: 4.0em;
}

.fone1 {
    margin-top: 1.5em;
  padding-bottom: 0;
}

.fmsize {
/*    margin-top: -60px;
    margin-right: 300px;*/
}

}

/* -------------------------------------------------------------- */
/* SM - Small devices - and larger
*/
@media (min-width: 768px)  {

article:nth-child(even), .astaff {
    margin-left: 0.5em;
}

.hdrcbox {
    margin-top: -20px;
}

.motto {
    margin-left: 45%;
    margin-top: 10px;
}

.col-sm-6 {
  float: left;
  width: 49%;
}

.fax {
    margin-top: -1em;
}

}
/* -------------------------------------------------------------- */
/* SM - Small devices - Tablets
*/
@media (min-width: 768px) and (max-width: 991px) {

.zlg, .zmd, .zxs {
  display: none;
}

.logo {
  background-size: 250px 142px;
  height: 142px;
  background:url(/images/alpenglow_logo_lt.gif);
  background-position: left;
  background-repeat:no-repeat;
}


/*.hdrtxt {
  margin-top: 0.5em;
}*/

.alptext {
  font-size: 280%;
}

.alpllc {
  font-size: 114%;
  margin-top: -2 em;
}

.header .hdrphone {
  margin-top: 1.0em;
}

.hdrurl {
  margin-top: 1.5em;
}

.faddr1 {
  font-size: 125%;
}

.fone1, .fax {
  font-size: 110%;
}

}

/* -------------------------------------------------------------- */
/* MD - Medium devices - desktop
*/
@media (min-width: 992px) and (max-width: 1199px) {

.zlg, .zsm, .zxs {
  display: none;
}

.logo {
  background-size: 100% 228px;
  height: 228px;
  background:url(/images/alpenglow_logo_wrk04.gif);
  background-position: left;
  background-repeat:no-repeat;
}

.hdrtxt {
  margin-left: 40%;
}

.alptext {
  font-size: 400%;
  text-align: left;
}

.alpllc {
  font-size: 150%;
  margin-top: -2 em;
}

.motto {
    margin-left: 55%;
    margin-top: 15px;
}


}

/* -------------------------------------------------------------- */
/* LG - Large devices - Wide Screen desktop
*/
@media (min-width: 1200px) {

.zmd, .zsm, .zxs {
  display: none;
}

.logo {
  background-size: 400px 228px;
  height: 228px;
  background:url(/images/alpenglow_logo_wrk04.gif);
  background-position: left;
  background-repeat:no-repeat;
}

/*.hdrtxt {
  margin-top: 0.5em;
}*/

.alptext {
  font-size: 475%;
}

.alpllc {
  font-size: 180%;
  margin-top: -2 em;
}

.motto {
    margin-left: 49%;
    font-size: 2.5em;
}

.pract .span6 {
  margin-left: 8px;
  margin-top: 12px;
}

}


/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */