body {
background-color: #857b7b;
font-family: verdana;
font-size: 100%;
}



* {

margin: 0;
padding: 0;
}

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {
display: block;
}

#content video {
float: left;
margin: 5px 15px 20px 0px;
}

p.snow {
color: white;
text-align: center;
background-color: blue;
border: dotted 3px white;
}

/*jquery show_hide panel*/

div.panelly {

margin: 0px;

padding: 5px;

text-align: left;
background: #eaeaea;

border: solid 1px #ababab;
display:none;

}


p.flippy {

margin: 0px 0px 7px 0px;

padding: 3px;

text-align: center;

background: #c0c0c0;

border: solid 1px #ababab;

}


/*jquery show_hide panel TWO2*/

div.panel {

margin: 0px;

padding: 5px;

text-align: left;
background: #eaeaea;

border: solid 1px #ababab;
display:none;

}


p.flip {

margin: 0px 0px 7px 0px;

padding: 3px;

text-align: center;

background: #c0c0c0;

border: solid 1px #ababab;
}


/*jquery show_hide panel 3 */

div.paneleight {

margin: 0px;

padding: 5px;

text-align: left;
background: #eaeaea;

border: solid 1px #ababab;
display:none;

}


p.flipeight {

margin: 0px 0px 7px 0px;

padding: 3px;

text-align: center;

background: #c0c0c0;

border: solid 1px #ababab;

}


/*jquery show_hide panel VIN */

div.panelvin {

margin: 0px;

padding: 5px;

text-align: left;
background: #eaeaea;

border: solid 1px #ababab;
display:none;

}


p.flipvin {

margin: 0px 0px 7px 0px;

padding: 3px;

text-align: center;

background: #c0c0c0;

border: solid 1px #ababab
}


/*jquery show_hide panel BIO */

div.panelbio {

margin: 0px;

padding: 5px;

text-align: left;
background: #bac1ff;

border: solid 1px #8c8c8c;
display:none;

}


p.flipbio {

margin: 0px 0px 7px 0px;

padding: 3px;

background-image: url(bgBlue.jpg);
text-align: center;

border: solid 1px #8c8c8c;

color: white;
}


/*slickslide*/
a#slick-toggle {
color: purple;
margin: 0px 0px 12px 5px;
}

/* FORM */

.php {color: red;}

ul.formstyle {
list-style-type: none;
background-color: red;
color: white;
}

#formcontainer {
background-color: #dbdbdb;
margin: 5px 0px 5px 0px;
padding: 0px 25px 0px 32px;
border: 1px solid #dbdbdb;
background-image: url(bgGray4.jpg);
background-position: center;
background-repeat: no-repeat;
height: 350px;
}

#formcontainer img {
position: relative;
top: -269px;
left: 285px;
}

#formcontainer form {
margin: 36px 45px 5px 35px;
}

div.formspace {
padding-bottom: 6px;
}

p.form {
padding: 0px 30px 5px 30px;
margin-top: 3px;
}

/* FORM END */

header {
height: 145px;
background-color: #000000;
background-image: none;
min-width: 1100px;
}



header img {
margin: 12px 50px 0px 5px;
border: none;
display: inline;

}



#globe2 {
margin-left: -38px;
margin-right: 45px;
}

header img.red {
margin: 0px 5px 0px 20px;
}

header p {

color: white;

font-size: 10px;

margin-left: 10px;

}



img.center, p.center {

display: block;
margin-left: auto;

margin-right: auto;

text-align: center;

}




h3, h4 {

text-align: center;
}

#content {
width: 670px;
background-color: #dbdbdb;
margin-left: 250px;

font-size: 12px;

padding: 15px 20px 5px 20px;
}



#content p.fig {
padding-bottom: 0px;

color: black;
text-align: left;
}



#contentfun2 {
width: 850px;
background-color: #dbdbdb;
margin-left: 250px;

font-size: 12px;

padding: 15px 20px 5px 20px;
}



#content p.maui {
text-align: center;
}

#content img {
border: none;

}




#loubeach {

background-image: url(blurbglq3.jpg);
width: 600px;

height: 501px;

margin-left: auto;
margin-right: auto;
z-index: 1;

}



p.hidden {
position: absolute;
top: 230px;

left: 400px;

z-index: 20;






}


span.red {
background-color: red;
color: white;
font-weight: bold;
}

span.green {
background-color: green;
color: white;
font-weight: bold;
}

#content span {
font-weight: bold;
}

p.botborder {
padding-bottom: 5px;
border-bottom: 1px solid black;
}

h3.gray {
padding: 5px;
overflow: hidden;
background-image: url(bgOrange4.jpg);
background-repeat: no-repeat;
height: 30px;
color: black;
}

.shadowborder {
margin-top: 5px;
margin-left: 380px;
background-color: #b3b3b3;
padding: 5px 10px;
border: 2px solid orange;
border-radius: 12px;     /*CSS3*/
box-shadow: 5px 5px 10px gray;	/*CSS3*/
}

.grayershort {
margin-left: 200px;
background-color: #b3b3b3;
padding: 5px 10px;
border-radius: 12px;     /*CSS3*/
}

.grayer {
background-color: #b3b3b3;
padding: 5px 10px;
border-radius: 12px;     /*CSS3*/
}

#events img {
float: left;
padding: 0 20px 15px 15px;

}



.floatfigure {
float: left;
margin: 5px 25px 5px 0px;
box-shadow: 5px 5px 10px gray;	/*CSS3*/
}

.first {
float: left;
}

/*Alsett Clearing Method*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;
}
* html .clearfix {height: 1%;
}
.clearfix {display: block;
}

/*END*/

#bioclear {

clear: both;
}



footer {
margin-top: 25px;
clear: left;
}

/* navigation start */


nav {

position: absolute;
left: 0px;
top: 145px;
width: 230px;

height: 610px;

background-color: #857b7b;
/*background-color: #857b7b;*/
background-image: url(NavButtons4.jpg);
background-repeat: no-repeat;

background-position: center 310px;

border: none;
}



aside.NavSlideshow1 {
width: 210px;
height: 286px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-image: url(imageload.gif);

}



nav li {

list-style-type: none;
font-size: 14px;

}



ul span {
color: orange;
}

ul a:link {
color: #ececec;
text-decoration: none;
}

ul a:visited {

color: #ececec;
text-decoration: none;

}



ul a:hover {
color: #ececec;
text-decoration: none;
font-style: italic;
font-weight: bold;
}



nav ul {

padding: 32px 25px 5px 55px;

border: none;
}

img.fb {

margin: 5px 0px 5px 45px;
border: none;

}



/* navigation end */