/************************************************************************************
RESET
*************************************************************************************/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html, body {
           height: 100%;
           }
  
body {
	font: 1.2em/100% Arial, Lucida Sans, sans-serif;
	line-height: 1.4em;
     	color: #000000;
	background: #FAF0E6;
     	overflow-y:scroll;
     	overflow-x:hidden;
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 0 -35px 0; /* the bottom margin is the negative value of the footer's height */        
     }

/*Opera Fix*/
body:before {
            content:"";
            height:100%;
            float:left;
            width:0;
            margin-top:-32767px;
            }
   
a {
  color: #6D1102;
  text-decoration: none;
  outline: none;
  }
    
a:hover {
	text-decoration: underline;
        cursor: pointer;
        }
                     
p {
  margin: 0em 0em 0em 1.2em;
  }

ul, ol {
       margin: 0;
       padding: 0;
       display: block;
       }
    
li {
    font: 1.em/100% Arial, Lucida Sans, sans-serif;
    margin: 0px 0px 0.25em 0.5em;
    padding: 0.25em 0em 0.25em 0em;
    display: block;
    }  
    
    
blockquote {
           text-align: left;
	   line-height: 1.2em;
           margin: 1em;
           }
    
h1, h2, h3, h4, h5, h6 {
	                line-height: 1.3em;
	                margin: 0;
                       }
    
h1 {
    font-size: 1.2em;
    text-align: left;
    padding: 5px 0 5px 10px;
    color: #FFE13D;
    background-color: #321E1E;
    }
  
h2 {
    width: 100%;
    font-size: 1.1250em;
    text-align: center;
    padding: 4px 0 4px 0;
    color: #FFE13D;
    background-color: #321E1E;
    border: 1px solid #321E1E;
    border-radius: 5px;
      -webkit-box-shadow: #B3B3B3 5px 5px 5px;
      -moz-box-shadow: #B3B3B3 5px 5px 5px;
      box-shadow: #B3B3B3 5px 5px 5px;
    margin-bottom: 0.5em;
    }

    
h3 {
    font-size: 1.0625em;
    text-align: left;
    padding: 0px 0px 5px 0px;
    }
    
h4 {
    font-size: 1.0625em;
    text-align: left;
    color: #FAF0E6;
    background-color: #321E1E;  
    padding: 5px 0 5px 10px;
    }
    
h5 {
    font-size: 1.0625em;
    text-align: center;
    padding: 0.5em 0em 0.5em 1em;
    color: #FFE13D
    background-color: #000000;
    }
    
h6 {
    font-size: 1.0em;
    text-align: left;
    color: #FFFFFF;
    background-color: #000000;  
    padding: 0.5em 0em 0.5em 1em;
    }

h7 {
    font-size: 0.875em;
    text-align: left;
    }

h8 {
    display: block;
    font-size: 0.8125em;
    text-align: left;
    padding: 0.25em 0em 0.5em 1.35em;
    }
    
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
    }

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
    }

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        background-color:#321E1E;
        }

#banner {
        background: #321E1E;
        }
    
/************************************************************************************
PAGE STRUCTURE
*************************************************************************************/
#pagewrap {
	  width: 100%;
          min-height:100%;
          background: #FAF0E6;   
          }

#container {
	 width: 100%;
         float: left;
         text-align: left;
         margin: 0em 0.5em 1em 0.5em;
         }

#content {
         text-align: left;
         margin-top: 1em;
         margin-right: 1em;
         }

#return {
         width: 100%;
         text-align: left;
         padding: 1em 0em 2em 0em;
         margin: 1em 0em 2em 0.5em;
         }

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #321E1E;
	color: #FAF0E6;
	font-size: 1.1em;
	text-align: center;
}

.footer a {
  color: #FAF0E6;
  }


#content-center {
                text-align: center;
                margin-bottom: 1em;              
                }

#list {
       list-style-position: inside;
       list-style-type: none;
       text-indent: -1.2em;
       margin: 0.5em 0em 0.5em 0.4em;
       padding: 0.5em 0em 0.5em 0.25em;
       display: block;
       } 
                                     
.box {
      width: 100%;
      line-height: 1.2em;
      text-align: left;
      margin: 0em 0.5em 1em 0em;
      background-color: #ffffff;
      border: 1px solid #000000;
      border-radius: 5px;
      -webkit-box-shadow: #B3B3B3 5px 5px 5px;
      -moz-box-shadow: #B3B3B3 5px 5px 5px;
      box-shadow: #B3B3B3 5px 5px 5px;
      
      }

.box75 {
      width: 75%;
      line-height: 1.25em;
      text-align: left;
      background-color: #ffffff;
      border: 1px solid #000000;
      border-radius: 5px;
      -webkit-box-shadow: #B3B3B3 5px 5px 5px;
      -moz-box-shadow: #B3B3B3 5px 5px 5px;
      box-shadow: #B3B3B3 5px 5px 5px;
      margin-bottom: 0.5em;       
      }
      
.embed-container {
        	display: block;
        	position:relative;
        	overflow:hidden;
        	border: 1px solid #000000;
        	border-radius: 5px;
        	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
        	-moz-box-shadow: #B3B3B3 5px 5px 5px;
        	box-shadow: #B3B3B3 5px 5px 5px; 
        	margin: 1em 0.5em 1em 0em;
                padding-bottom: 56.25%;
                 }
			
.embed-container iframe {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        }
                               
/************************************************************************************
TABLES
*************************************************************************************/                
table {
      table-layout:auto;
      width: 100%;
      margin-top: 0.5em;
      margin-bottom: 1em;
      }

td {
   font: 1.0em/100% Arial, Helvetica, sans-serif;
   vertical-align:top;
   padding: 0.2em 0.5em 0.1em 0.5em;
   font-size: 1em;
   }

#table-decor {
	     margin: 0 auto;
	     width: 99%;
             float: left;
	     text-align: left;
             background-color: #FFFFFF;
	     border: 1px solid #000000;
             border-radius: 2px;
             -webkit-box-shadow: #B3B3B3 2px 2px 2px;
             -moz-box-shadow: #B3B3B3 2px 2px 2px;
             box-shadow: #B3B3B3 5px 5px 5px;
             margin: 0.5em 0.5em 2em 0.2em; 
             }
             
#table-decor th {
	        padding: .25em;
                background-color: #000000;
	        font-weight: bold;
	        font-size: 1em;
                color: #FAF0E6;
                text-align: left;
                }
                
#table-decor tbody {
	           background: #FFFFFF;
                   }

#table-decor td {
                padding: .2em;
	        color: #000000;
                font-size: 1em;
	        border-bottom: 1px dashed #000000;
                }

#table-decor tbody tr:hover td {
	                        background: #E0CBCB;
                               }
   
/************************************************************************************
COLUMNS
*************************************************************************************/                
#col20 {
       	width: 20%;
	padding: 0.5em 0.75em 0.5em 0.25em;
	float: left;
}
           
#col25 {
	width: 25%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}

#col30 {
	width: 30%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}
                      
#col33 {
	width: 33%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}

#colfooter {
	width: 33%;
	padding: 0.5em 0em 0.2em 0em; 
       	float: left;
}


#col33gallery {
       width: 33%;
       padding-right: .25em;
       padding-bottom: .5em; 
       float: left;
}
           
#col40 {
	width: 40%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}
 
#col50 {
	width: 50%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}

#col50gallery {
       width: 50%;
	padding: 0.5em 0.5em 0.5em 0.25em;  
       float: left;
}

#col60 {
	width: 60%;
	padding: 0.5em 0.75em 0.5em 0.25em; 
	float: left;
}

#col70 {
	width: 70%;
	padding: 0.5em 0.75em 0.5em 0.25em;  
	float: left;
}

   
/***********************************************************************************
IMAGES - FIGURES
************************************************************************************/
img {
     max-width: 100%;
     height: auto;
     }
     
#imgleft {
         max-width: 100%;
         height: auto;
         padding-right: 1em;
         padding-bottom: 0.25em;
         float:left;
         }
 
#imgright {
          max-width: 100%;
          height: auto;
          padding-left: 0.5em;
          padding-right: 1em;
          padding-bottom: 0.25em;
          float:right;
          } 

#elink {
	max-width: 400px;
	border: 1px solid black;
        background: #FFFFFF;
        margin: 1em 0em 1em 0em;
        border: 1px solid #000000;
        border-radius: 5px;
        -webkit-box-shadow: #B3B3B3 5px 5px 5px;
        -moz-box-shadow: #B3B3B3 5px 5px 5px;
        box-shadow: #B3B3B3 5px 5px 5px; 
	}

figure {
        display: block;
        position:relative;
        overflow:hidden;
        margin: 0em 0em 1.0em 0em;
        border: 1px solid #000000;
        border-radius: 5px;
        -webkit-box-shadow: #B3B3B3 5px 5px 5px;
        -moz-box-shadow: #B3B3B3 5px 5px 5px;
        box-shadow: #B3B3B3 5px 5px 5px;   
        }

        
figure img {
           display: block;
           width: 100%;
           height: auto;
           }

figcaption {     
           display: table-caption;
           caption-side: bottom;
           position:absolute;
           bottom: 0px;
           width: 100%;           
           left: 0;
           padding: 5px;            
           height: auto;
           line-height: 1.2em;
           color: #FAF0E6;
           background: #321E1E;
           background: rgba(0,0,0,0.8);
           -webkit-transition: all 1s ease;
           -ms-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           }
           
figure a {
	     color: #FAF0E6;
	     text-decoration: none;
	     outline: none;
         }
    
figure a:hover {
	       text-decoration: underline;
               cursor: pointer;
               }

.gallery {
         margin: 0 auto;
         width: 100%;
         height: 100%;
         text-align: center;
        }

.gallery img{
             max-width: 32%;
             float: left;
             margin: .25em;
             }

.gallery33 {
         width: 32.5%;
         height: 100%;
         float: left;
         margin: .1em;
        }

.gallery33 img {
             max-width: 100%;
             height: auto;
             border: 1px solid #000000;
             }
                      
/************************************************************************************
FORMS
*************************************************************************************/
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}