/*====SITE BASE CSS====*/

/*--COLORS--

#95B0C6  - dark blue
#CDE2ED - light blue

*/



/* IMAGE PRELOAD */
#preload { display: none; }

/*LINKS*/
a:link {color:inherit ;  text-decoration: none; *color:#fff;}      /* unvisited link */
a:visited {color:inherit;  text-decoration: none; *color:#fff;}  /* visited link */
a:hover {color:inherit; *color:#ccc;}  /* mouse over link */
a:active {color:inherit;  border:none; text-decoration: none; *color:#fff;}  /* selected link */

/* IE LINK BORDER REMOVAL */
a, img {
border:none;
}

/* SCROLL BAR STYLING CHROME OPERA SAFARI */
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
::-webkit-scrollbar-track-piece{background: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.60);-webkit-border-radius:0;}
::-webkit-scrollbar-thumb:vertical{height:50px;background-color: rgba(100, 101, 106, 0.60);-webkit-border-radius:0;}
::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}

/* SCROLL BAR STYLING FIREFOX*/
scrollbar {
-moz-appearance: none !important;
background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
-moz-appearance: none !important;
background-color: rgb(0,0,255) !important;
}
thumb:hover,scrollbarbutton:hover {
-moz-appearance: none !important;
background-color: rgb(255,0,0) !important;
}
scrollbarbutton {
display: none !important;
}
scrollbar[orient="vertical"] {
min-width: 15px !important;
}


/* SCROLL BAR STYLING IE*/

body{
scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;
}

textarea { vertical-align:top; }

.form{max-width:530px; margin-left:20px;}

hr
{
position:relative;
width:auto;
height:2px;
background:black;
}
    
h1, h2, h3, p
{
font-family: 'Adamina', 'Times New Roman', serif;
text-decoration: none;
}
h1
{

font-size:1.2em;
}
h2
{   
font-size:1.1em;
}
h3
{   
font-size:1em;
}
p
{
font-size:0.9em;
line-height:1.1em;
}

ul
{
font-size:0.9em;
line-height:1.1em;
}


ol
{
font-size:0.9em;
line-height:1.1em;
}

body
{
background:#FBF9F3;
}

#body_wrap
{
height:100%;
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:100;
overflow-x:hidden;
overflow-y:scroll;	
}

#body_float
{
height:auto;
min-height:100%;
width:100%;
position:relative;
top:0;
bottom:0;
left:0;
right:0;
z-index:5000;
background:none;
overflow:hidden;	
margin:0 auto;
text-align:left;
}

#menu_wrap
{
height:200px;
width:100%;
position:relative;
top:0;
left:0;
right:0;
z-index:5000;
overflow-x:hidden;
overflow-y:hidden;	
text-align:center;
background:#e7ca52;
}

.social-buttons
{
position:absolute;
top:0;
right:0;
text-align:right;  
z-index:6000;
}

.social-buttons i
{
margin-right:10px;
margin-top:10px;
color:#E9E6E6;
cursor:pointer;
}

.social-buttons i:hover
{
color:#fff;
}

#menu_float
{
height:200px;
width:90%;
max-width:1300px;
position:relative;
top:0;
left:0;
right:0;
z-index:1000;
background:none;
overflow:visible;
margin:0 auto;
margin-bottom:20px;
text-align:left;
}

#logo_wrap
{
height:200px;
width:100%;
position:relative;
top:20px;
bottom:0;
left:0;
right:0;
z-index:5000;
background:none;
overflow-x:hidden;
overflow-y:hidden;	
text-align:left;
}


#logo_wrap img
{
height:50%;
width:auto;
position:absolute;
top:0;
left:0;
margin:0;	
}

.menu-button
{display:none;}

#nav_wrap
{
height:40px;
width:auto;
position:absolute;
left:-20px;
bottom:0;
z-index:6000;
background:none;   	
margin:auto;
text-align:left;
margin-bottom:10px;
}



#nav_wrap a
{
height:40px;
width:auto;
position:relative;
float:left;
z-index:7000;
text-align:right;	
font-size:1.4em;
line-height:40px;
color:#000;
padding-left:20px;
padding-right:20px;
font-family: 'Adamina', serif;
}

#nav_wrap a:hover
{
color:#fff;
background:#d6ba4a;
}

#page_wrap
{
height:auto;
min-height:100%;
width:100%;
position:relative;
top:0;
z-index:5000;
background:#e9e6e6;
overflow-x:hidden;
overflow-y:hidden;	
text-align:left;
}



        
#content
{
height:auto;
width:75%;
position:relative;
float:left;
z-index:5000;
background:none;
overflow:visible;
color:black;
text-align:left;
margin-top:40px;
}

.contact-button
{
font-family: 'Adamina', 'Times New Roman', serif;
background:#fff;
border:2px solid #ccc;
padding:20px;
padding-top:10px;
padding-bottom:10px;
color:black;
font-size:1em;
margin-bottom:2px;
border-radius:5px;
}

.contact-button:hover
{
background:#95B0C6;
border:2px solid #95B0C6;  
color:white;
}

.contact-button:active
{
margin-top:2px;
margin-bottom:0;
}

.page-item-text
{
height:auto;
width:auto;
position:relative;
float:left;
z-index:5000;
overflow-x:hidden;
overflow-y:hidden;	
padding:20px;
margin-bottom:10px;
}

.page-item-text h1
{
background:#BECBD6;
background-color:rgba(149, 176, 198, 0.5); 
padding:10px;
height:auto;
width:auto;
}

.page-item-img
{
height: auto;
width: auto;
float: left;
text-align:center;
padding:10px;
}

.page-item-img img
{
height:auto;
width:160px;
margin:0;
position:relative;
z-index:5000;
}

#info
{
height:auto;
width:20%;
position:relative;
float:right;
z-index:5000;
background:none;	
text-align:left;
margin-top:40px;
}

.page-title
{
height:50px;
width:100%;
position:relative;
margin:0 auto;
right:0;
z-index:1000;
background:#95B0C6;
color:black;
overflow:hidden;    
text-align:left;
left:0;
}

.page-title h1
{
height:50px;
line-height:50px;
color:black;
}
.page-item
{
height:auto;
width:90%;
position:relative;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
right:0;
z-index:1000;
background:none;
overflow:hidden;	
text-align:center;
color:black;
max-width:1300px;
}

.page-item p
{
margin:0px;
margin-bottom:10px;
text-align:justify;
text-justify:inter-word;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.page-item ul
{
margin:20px;
text-align:left;
list-style-position: outside;
font-size:0.9;
list-style-type: disc;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.page-item ul li
{
    margin-top:10px;
}

.page-item ol
{
text-align:left;
font-size:0.9;
list-style-type: decimal;
list-style-position: inside;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.page-item ul li
{
    margin-top:10px;
    line-height:1.1em;
}

.page-item ol li
{
    margin-top:10px;
    line-height:1.1em;
}

.page-item-bio
{
height:auto;
width:auto;
position:relative;
overflow:hidden;
top:0;
right:0;
left:180px;
}

.image-slider
{
width:100%;
height:auto;
background:#e9e6e6;
text-align:center;
overflow:hidden;
position:relative;
}

.image-slider img
{
width:100%;
height:auto;
}

    #s3slider {
    width: 100%; /* important to be same as image width */
    height: 350px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#s3sliderContent {
    width: 100%; /* important to be same as image width or wider */
    height:350px;
    position: relative; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
 
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    width:100%;
    height:auto;
}
 
.s3sliderImage span {
    position: absolute; /* important */
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: auto;
    background:#fff;
    background:rgba(255,255,255,0.7);
    color: #000;
    font-size:1em;
    line-height:1.5em;
    display: none; /* important */
}
 
.clear {
    clear: both;
}
    


.flex-column-third
{
height:auto;
width:33%;
position:relative;
margin:0 auto;
margin-top:40px;
margin-bottom:40px;
float:left;
z-index:100;
background:none;
overflow:visible;
font-size:1.5em;
color:black;

}

.flex-column-third p
{
text-align:justify;
text-justify:inter-word;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.flex-column-third a p
{
width:50%;
height:auto;
position:relative;
margin:0 auto;
margin-top:20px;
text-align:center;
border-style: solid;
border-top-width: 1px;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
margin-top: 2px;
font-size: 0.6em;
}


.flex-column-third a:hover
{
-webkit-filter:blur(0px);
}

.flex-column-third a:hover > p
{
color:black;
}


.flex-column-third a img
{
width:70%;
height:auto;
position:relative;
margin:0 auto;

box-shadow: none;
webkit-box-shadow: none;
border-radius: 0;
border-bottom: 6px solid black;
background: none;
}



#foot_wrap
{
height:auto;
width:100%;
position:relative;
padding-top:30px;
left:0;
right:0;
bottom:0;
z-index:5000;
overflow-x:hidden;
overflow-y:hidden;	

text-align:center;
background:#FBF9F3;
}

#foot_float
{
height:150px;
width:80%;
position:relative;
z-index:10;
margin:0 auto;
margin-bottom:20px;
text-align:left;
max-width:1200px;
}

#foot_float .flex-column-third
{
z-index:10;
text-align:left;
font-size:1em;
margin-top:0;
}

#foot_float .flex-column-third p
{
margin-top:20px;
}

#copyright
{
color:black;
position:absolute;
bottom:0;
right:0;
z-index:9000;
}

