/* -------------------------------------------------------------------------- */


body {
  margin:  0;
  height:  100%;
}

html {
  background-image:  url("background_long_60_25.jpg");
  background-repeat:  no-repeat;
  background-size:  100%;
}

.footer {
  clear:  both;
  width:  100%;
  padding-top:  50px;
  padding-bottom:  50px;
  align-content:  center;
  background-color:  #f8f8f8;
}

.footer .footer-left,
.footer .footer-center,
.footer .footer-right{
	display: inline-block;
	vertical-align: top;
}
 
.footer .footer-left{
	width: 30%;
}

.footer .footer-center{
	width: 40%;
}

.footer .footer-right{
	width: 30%;
}

ul.blackbox {
  list-style-type: square;
  color:  #000;
}


ul.greencheck {
  list-style-image: url('checkmark.gif');
}

/* -------------------------------------------------------------------------- */


@font-face {
    font-family: 'abeezeeregular';
    src: url('abeezee-regular-webfont.woff2') format('woff2'),
         url('abeezee-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'thenautigalrob';
    src: url('thenautigal-webfont.woff2') format('woff2'),
         url('thenautigal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------------------------------------------------------- */


.site_hdr_std {
  font-family:  'abeezeeregular';
  color:  #fb6bc6;
  text-align:  center;
  vertical-align:  middle;
  font-weight:  bold;
  font-size:  3.5vw;
  letter-spacing: 5px;
  margin:  0;
  margin-top:  15vh;
  margin-left:  15vw; 
   text-shadow:
/*       3px 3px 0 #000,     */
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
       
}

.site_hdr_pretty {
  font-family:  'thenautigalrob';
  color:  #fb6bc6;
/*
  text-align:  center;
  vertical-align:  middle;
*/  
  font-weight:  bold;
  font-size:  8vw;
/*     letter-spacing: 7px;   */
  margin:  0;
   text-shadow:
/*       3px 3px 0 #000,    */
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}


.site_hdr_pretty_blu {
  font-family:  'thenautigalrob';
  font-size:  8vw;  
  margin:  0; 
  font-weight:  100;  
  color:  #021dfc;  
  


/*
  color:  #0e37c5;
  
   text-shadow:
     -1px -1px 0 #fb6bc6,  
      1px -1px 0 #fb6bc6,
      -1px 1px 0 #fb6bc6,
       1px 1px 0 #fb6bc6;
*/       
/* 
  
  color:  #00c0cd;
  font-weight:  bold;
   text-shadow:
     -1px -1px 0 #fb6bc6,  
      1px -1px 0 #fb6bc6,
      -1px 1px 0 #fb6bc6,
       1px 1px 0 #fb6bc6;
*/
       
}

/*  ========================================================================= */
/*  MAIN NAV MENU                                                             */
/*  ========================================================================= */

.header {
  width: 100%;
/*
  overflow: hidden;     
  background-color: #fff;
*/    
  float: right;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  position:  sticky;
  top:  0;
  z-index: 99;
}

.header-menu {
  display: inline-block;
  position: relative; 
/* 
  width:  34vw;
*/  
  text-align: right;
  vertical-align: top;     
  padding-top: 10px;     
  z-index: 2;    
}

.menu2 {
  font-family:  'thenautigalrob';
  font-weight:  bold;
  font-size:  32px;
  letter-spacing: 3px;
}

/* Add a white background color to the top navigation */
.topnav {
  float: right;
  background-color: #fff;
/*
  overflow: hidden;
*/  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  font-family:           Arial, Gadget, sans-serif;
  font-size:             16px;
  font-weight:           bold;
  letter-spacing:        3px;
  color:  #021dfc;  
  flex-grow: 1;
  flex-basis: 0;  
  text-decoration: none;
  text-align: center;
  line-height:110%;
  padding: 15px 25px;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.nav-dropdown {
  float: left;
/*  
  overflow: hidden;
*/  
}

/* Style the dropdown button to fit inside the topnav */
.nav-dropdown .nav-dropdown-button {
  background-color: inherit;
  display: block;
  font-family:           Arial, Gadget, sans-serif;
  font-size:             16px;
  font-weight:           bold;
  letter-spacing:        3px;
  color:  #021dfc;  
  text-align: left;
  line-height:110%;
/*
  padding: 10px 25px;
*/
  border: none;
  outline: none;
}

/* Style the dropdown content (hidden by default) */
.nav-dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
  background-color: #fff;
}

/* Style the links inside the dropdown */
.nav-dropdown-content a {
  float: none;
  font-family:           Arial, Gadget, sans-serif;
  font-size:             15px;
  font-weight:           300;
  letter-spacing:        2px;
  color:  #021dfc;  
  padding: 15px 25px;
  line-height: 110%;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .nav-dropdown:hover .nav-dropdown-button {
  color: #d00000;
  background-color: #fafafa;  
}

/* Add a grey background to dropdown links on hover */
.nav-dropdown-content a:hover {
  color: #d00000;
  background-color: #fafafa;  
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.nav-dropdown:hover .nav-dropdown-content {
  display: block;  
}


/*  For narrow screens, hide all links; show link containing icon that opens and closes topnav (.icon)      */

@media screen and (max-width: 900px) {
  .topnav a, .nav-dropdown .nav-dropdown-button {
    display: none;    
  }
  .topnav a.icon {
    float: right;
    display: block;
    background-color: #fff;
    font-size: 5vw;
  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .nav-dropdown {float: none;}
  .topnav.responsive .nav-dropdown-content {position: relative;}
  .topnav.responsive .nav-dropdown .nav-dropdown-button {
    display: block;
    width: 70vw;
    text-align: left;
  }

  .header-menu {
    display: inline-block;
    position: relative;  
    float: right;  
    text-align: right;
    vertical-align: top;      
  }
}







.page_hdr_std {
  font-family:  'abeezeeregular';
  color:  #fb6bc6;
  font-weight:  normal;
  font-size:  3vw;
  line-height:  100%;
  letter-spacing: 3px;
  margin:  0;
}

.page_hdr_std_blue {
  font-family:  'abeezeeregular';
  color:  #053cbd;
  font-weight:  normal;
  font-size:  3vw;
  letter-spacing: 3px;
  margin:  0;
}

.page_subhdr_std_blue {
  font-family:  'abeezeeregular';
  color:  #053cbd;
  font-weight:  normal;
  font-size:  2vw;
  letter-spacing: 2px;
  margin:  0;
}

.page_hdr_pretty_blue {
  font-family:  'thenautigalrob';
  color:  #053cbd;
  text-align:  center;
  vertical-align:  middle;
  font-weight:  normal;
  font-size:  7vw;
  margin:  0;
}


div.page_main {
  top:  10vh;
}


.side_portrait {
  position:  relative;
  width:  25vw;
  left:  5vw;
  top:  5vh;
}

.testi {
  position:  relative;
  left:  5vw;
  top:  5vh;
  padding:  25px;
  font-weight:  600;
  background-color:  #ffffff;
  width:  20vw;
  font-family: Verdana, sans-serif;
  font-size: 80%;
  line-height: 175%;
  font-style: italic;
  background-image:  url("quotes.png");
  background-repeat:  no-repeat;

}


.testi_by {
  font-style:  normal;
  font-weight:  100;
}


.home_pic {
  position:  relative;
  left:  5vw;
  top:  5vh;  
}

div.page_hdr {
  position:  relative;
  top:       0;
  right:     0;       
  float:     right;
  width:    100%;
}

#page_left {
  float:  left;
  width:   35vw;
}

#page_right {
  float:  left;
  width:   55vw;
  padding-top:   10vh;
}

#page_left_athena {
  float:  left;
  width:   20vw;
}

#page_right_athena {
  float:  left;
  width:   70vw;
  padding-top:   10vh;
}

#calendar_left {
  float:  left;
  width:   20vw;
}

#calendar {
  float:  left;
  width:   75vw;
  padding-top:   10vh;
}

#pkg {
  float:  left;
  width:   40vw;
  padding-top:   2vh;
}

#page_contents {
  position:  relative;
  font-size:  100%;
  line-height:  150%;
  font-family:  Verdana, sans-serif;
/*       
  width:     55vw;  
  float:     right;
  margin-right:  5vw;  
*/  
}

#blog_post {
  position:  relative;
  float:     left;
  padding-top: 5vh;
  width:   50vw;
}


/* -------------------------------------------------------------------------- */

.std {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  100%;
  line-height:  150%;
  color:      #202020; 
}

.std_red {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  100%;
  line-height:  150%;
  color:      #d00000; 
}

.blk_xlg {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  150%;
  line-height:  150%;
  color:      #202020; 
}

.blk_big {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  125%;
  letter-spacing: 1px;
  line-height:  150%;
  color:      #202020; 
}

/*  ========================================================================= */

  
/* -------------------------------------------------------------------------- */

.error_lg {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  150%;
  color:  #d00000;
  font-weight:  bold;
  line-height:  150%; 
  margin-top:  5vh;
}

.success_lg {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  150%;
  color:  #008000;
  font-weight:  bold;
  line-height:  150%; 
  margin-top:  5vh;
}


.form_tbl {
  margin-top:  10vh;
  border:  1px #a0a0a0 dashed;
  border-spacing:  0.5em 1em;
  max-width:  40vw;    
}
                                                                   
.form_txt {
  font-family:  Verdana, Geneva, sans-serif;
  font-size:  100%;
  line-height:  150%; 
}

.textbox_yellow {
  font:             14px Verdana, sans-serif;
  letter-spacing:   1px;
  color:            #202020;
  background-color: #ffffd0 !important;
  padding:          2px;
  border-radius:              7px;
  -webkit-border-radius:      7px;
  -moz-border-radius:         7px;
}

.grn_button {
  background:linear-gradient(to bottom,#24e44f 5%,#4a9b21 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#24e44f',endColorstr='#4a9b21',GradientType=0);
	background-color:#24e44f;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	letter-spacing:4px;
	padding:16px 31px;
	text-decoration:none !important;
}
.grn_button:hover {
	background:linear-gradient(to bottom,#4a9b21 5%,#24e44f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9b21',endColorstr='#24e44f',GradientType=0);
	background-color:#4a9b21;
}

.grn_button_med {
  background:linear-gradient(to bottom,#24e44f 5%,#4a9b21 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#24e44f',endColorstr='#4a9b21',GradientType=0);
	background-color:#24e44f;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	padding:10px 15px;
	text-decoration:none !important;
}
.grn_button_med:hover {
	background:linear-gradient(to bottom,#4a9b21 5%,#24e44f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9b21',endColorstr='#24e44f',GradientType=0);
	background-color:#4a9b21;
}


.grn_button_sm {
  background:linear-gradient(to bottom,#24e44f 5%,#4a9b21 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#24e44f',endColorstr='#4a9b21',GradientType=0);
	background-color:#24e44f;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
  letter-spacing:  1px;
	padding:5px 8px;
	text-decoration:none !important;
}
.grn_button_sm:hover {
	background:linear-gradient(to bottom,#4a9b21 5%,#24e44f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a9b21',endColorstr='#24e44f',GradientType=0);
	background-color:#4a9b21;
}

.red_button {
  background:linear-gradient(to bottom,#e61a58 5%,#b41444 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61a58',endColorstr='#b41444',GradientType=0);
	background-color:#e61a58;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	letter-spacing:4px;
	padding:16px 31px;
	text-decoration:none !important;
}
.red_button:hover {
	background:linear-gradient(to bottom,#b41444 5%,#e61a58 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41444',endColorstr='#e61a58',GradientType=0);
	background-color:#b41444;
}

.red_button_med {
  background:linear-gradient(to bottom,#e61a58 5%,#b41444 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61a58',endColorstr='#b41444',GradientType=0);
	background-color:#e61a58;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	padding:10px 15px;
	text-decoration:none !important;
}
.red_button_med:hover {
	background:linear-gradient(to bottom,#b41444 5%,#e61a58 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41444',endColorstr='#e61a58',GradientType=0);
	background-color:#b41444;
}

.red_button_sm {
  background:linear-gradient(to bottom,#e61a58 5%,#b41444 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61a58',endColorstr='#b41444',GradientType=0);
	background-color:#e61a58;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
  letter-spacing:  1px;  
	padding:5px 8px;
	text-decoration:none !important;
}
.red_button_sm:hover {
	background:linear-gradient(to bottom,#b41444 5%,#e61a58 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41444',endColorstr='#e61a58',GradientType=0);
	background-color:#b41444;
}




.char_counter {
  font-family:  Arial, Helvetica, sans-serif;
  font-size:  75%;
  letter-spacing:  1px;
  color:            #606060;
  font-weight:      bold;
  border:           none;
}

.cal_avail {
  font-family:                Calibri, helvetica;
  font-size:                  100%;
  font-weight:                500;
  color:                      #000000;  
  letter-spacing:             1px;
  text-decoration:            none;
}

.cal_text_blk
{
  font-family:                Calibri, helvetica;
  font-size:                  125%;
  font-weight:                500;
  color:                      #000000;  
  letter-spacing:             1px;
  text-decoration:            none;
}


A.cal_button:link, A.cal_button:active, A.cal_button:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  200%;
  font-weight:                900;
  color:                      #0000ff;  
  text-decoration:            none;
}
A.cal_button:hover {
  color:                      #000000; 
  text-decoration:            none;
}


.hdr_blk_xlg
{
  font-family:                Calibri, helvetica;
  font-size:                  150%;
  color:                      #000000;  
  letter-spacing:             2px;
  text-decoration:            none;
}

.hdr_red_xlg
{
  font-family:                Calibri, helvetica;
  font-size:                  150%;
  color:                      #ff0000;  
  letter-spacing:             2px;
  text-decoration:            none;
}


.blk_lg
{
  font-family:                Calibri, helvetica;
  font-size:                  120%;
  color:                      #000000;  
  letter-spacing:             2px;
  line-height:                150%;
  text-decoration:            none;
}


.text_blk_sm
{
  font-family:                Calibri, helvetica;
  font-size:                  90%;
  color:                      #000000;  
  letter-spacing:             1px;
  text-decoration:            none;
}

.text_red_sm
{
  font-family:                Calibri, helvetica;
  font-size:                  90%;
  color:                      #ff0000;  
  letter-spacing:             1px;
  text-decoration:            none;
}

A.link_blue_xlg:link, A.link_blue_xlg:active, A.link_blue_xlg:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  150%;
  color:                      #0000ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_blue_xlg:hover {
  color:                      #000000; 
  text-decoration:            underline;
}

A.link_blue_lg:link, A.link_blue_lg:active, A.link_blue_lg:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  120%;
  color:                      #0000ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_blue_lg:hover {
  color:                      #000000; 
  text-decoration:            underline;
}


A.link_blue:link, A.link_blue:active, A.link_blue:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  100%;
  color:                      #0000ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_blue:hover {
  color:                      #000000; 
  text-decoration:            underline;
}


A.link_blue_sm:link, A.link_blue_sm:active, A.link_blue_sm:visited
{
  font-family:                Calibri, helvetica;
  font-size:                  90%;
  color:                      #0000ff;  
  letter-spacing:             1px;
  text-decoration:            underline;
}
A.link_blue_sm:hover {
  color:                      #000000; 
  text-decoration:            underline;
}

.emailer_checkbox[type="checkbox"] {
  position: relative;
  display: inline-block;
  left: 0px;
  top: 0px;
  appearance: checkbox;
  cursor:  pointer;
  font-size: 20px;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  background-color: #ffffc0;
}