/* General Text and Body Styles*/

body {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    color: #671c27;
    background : #5c759f;
    background-repeat: repeat;
    font-size: 1em;
    font-family: Tahoma, Geneva, sans-serif;
}

p{
  font-size: 1.25em;
  word-wrap: break-word;
}


ol{
  font-size: 1.25em;
  word-wrap: break-word;
}

ul{
  font-size: 1.25em;
  word-wrap: break-word;
}


h1,h2,h3,h4,h5,h6 {
    margin-top: 0px;
    margin-bottom: -12px;
    margin-right: 0px;
    margin-left: 0px;
    font-weight: 500;
    line-height: 1.1;
}

h1 { font-size: 1.75em; }  /* 28px */
h2 { font-size: 1.50em; }  /* 24px */
h3 { font-size: 1.25em; } /* 20px */
h4 { font-size: 1.0em; } /* 16px */
h5 { font-size: .875em; }  /* 14px */


a:link { color: #100bc6; }
a:visited { color: #62006a; }
a:focus { color: #fe0000; }
a:hover { color: #fe0000; }
a:active { color: #000000; }

.whitelink:link {color: #ffffff; }
.whitelink:visited {color: #ffffff; }
.whitelink:hover {color: #fe0000; }
.whitelink:active {color: #fe0000; }

#wrapper  {
    width: 80%;
    max-width: 1200px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    background : #f0c880;
}


#links   {    
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    border : 1px solid black;
    background : #982a3a;
    color : #ffffff;
    padding-top: 2px;
    padding-bottom: 0px;
}







/* HTML5 Layout.*/

header {    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    border : 1px solid black;
    background : #f0c880;
    color : #ffffff;
}


nav {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    border-right:  1px solid black; 
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    background : #982a3a;
    color : #ffffff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
}


section {    
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
    border-right:  1px solid black; 
    border-left: 1px solid black;
    padding-bottom: 10px;
    padding-top: 10px;
    background : #f0c880;
}


footer {    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;

    border : 1px solid transparent;
    background : black;
    color : #ffffff;
}








/* Class Styles
   Classes can be used more
   than once per page. ID's
   only one per page*/

/* The below is used to center
   the the header or other image
   with a responsive nature*/

.center_image {
    display: block;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto
} 


/* The next 2 are used to
   control video container.*/

.video
{   
    max-width: 322px; 
    text-align: center;
    margin-top: 1px;
    margin-bottom: 3px;
    margin-right: auto;
    margin-left: auto;
    border : 2px solid #445777;
    background : #5c759f;
    color : #ffffff;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.vidlink{
    color : #24f800;
}

/* The below is used to remove
   attributes from video tag.*/

video {width: 100%;}






/* The below is used to center
   the div for text with a max
   width of 700px*/

.center_text {
    max-width: 700px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1px;
} 




/* The below is used to center single
   p and h tags between margins.*/

.center {
     text-align: center;
}

.ul {
     text-decoration: underline;
}




/* The below is used for left
   and right text in the footer*/

.left {float:left;}

.right {float:right;}





/* The below is used for left
   and right text wrap anywhere
   in the site*/

.wrapimageleft {
    max-width: 100%;
    float:left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: auto;
}

.wrapimageright {
    max-width: 100%;
    float:right;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: 10px;
}




/* Unused but keep.
   used incase want
   color hr rule.*/

.hrcolor {
    border: 0;
    height: 2px;
    color: #5c759f;
    background-color: #5c759f;
}




/* The below is used to make
   random images responsive.*/

.img-responsive {
    max-width: 100%;
    
}




/* The next 2 are used to
   control inline Lists.*/

.list-inline
{
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}


.list-inline > li
{
	display: inline-block;
	padding-right: .5px;
	padding-left: 5px;
        
}




/* Used to align Juicebox Gallery.*/

.gallery{
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       padding-right: 10px;

}





/* The below 3 are used to create
   floated boxes to enhance some
   special notices.*/

.bluebox {
    color: #ffffff;
    background-color: #5c759f;
    max-width: 240px;
    margin: 0 auto;
        
}


.redbox {
    color: #ffffff;
    background-color: #982a3a;
    max-width: 240px;
    margin: 0 auto;
        
        
}

.center_box {
    background-color: #5c759f;
    color: #ffffff;
    margin: 0 auto;
    max-width: 240px;
    
}








/* The below is simply to 
   put a background behind the
   refund rules.*/

.refund {
    background-color: #AABECC;
    padding-left: 4px;
    padding-right: 4px;
}







/* Start Table CSS.*/

table {
    border: 0px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    
  }

  table tr {
    border: 2px solid #5c759f;
    padding: 5px;
    background : #c4d3dd;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
    vertical-align: top;
    
     
  }

  table td {
    color : #000000;
    font-weight: bold;
    font-size: 14px;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background : #5c759f;
    color : #ffffff;
    
  }

.altrow
{
    border: 2px solid #5c759f;
    padding: 5px;
    background : #AABECC;
}

  @media screen and (max-width: 660px) {

    table {
      border: 0;


    }

    table thead {
      display: none;
      
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 3px solid #5c759f;
      
    }

    table td {
      display: block;
      text-align: right;
      font-size: 14px;
      border-bottom: 1px solid #ccc;
      background : #5c759f;
      color : #ffffff;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }


/* End Table Classes */






/* Start Google Map Style */

iframe {
 width: 684px;
 max-width: 100%;
 border: 0;
 }
/* End Google Map Style */