@charset "utf-8";
/* CSS Document */


::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 7px;
}


::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*background-color: rgba(0,0,0,.5);*/
    background-color:gray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}



@font-face{
font-family:ArchivoBlack-Regular;
src:url(fonts/ArchivoBlack-Regular.otf);
}

a{
color:inherit;
text-decoration:none;
border:0;
}

a, img {
    border:none;
}

body{
margin:0 auto;
font-size:8pt;
color:#58595b;
background:#F0F0F0;
line-height:12pt;
font-family:
"Lucida Sans Unicode", "Lucida Grande", sans-serif
}

hr{
color:#F8F8F8;
}

/*Titles in text columns*/
.colhead2{
font-family: 'Open Sans', sans-serif;
font-size:1.3em;
}

/*Days of the week classes are taught*/
.days{
font-weight:bold;
color:#0066CC;
}

.mhide{
display:none;    
}

#faqbox, 
#members-box { 
    clear:both;
    padding:0;
    width: 430px;
    float:right;
}

#gallerybox {
    padding:0;
    width:450px;
    float:right;
    margin-bottom:5%;
}

#imi{
font-size:1.5em;
padding-left:12px;
margin-top:0px;
}
.fs2{
font-size:1em;
}

#maincontain{
padding-right:65px;
padding-left:20px;
width:652px;
margin:0 auto;	
height:800px;
position:relative;
z-index:0;
}

#nav{
height:55px;
width:100%;
}

.bluelink{
color:#0066CC;
text-decoration:none;
}

#nav ul {
    color:#989898;
    margin: 0;
    padding: 0;
    list-style: none;
        position:relative; /* test */
}

/* nav bar's menu items */
#nav ul li {
    display: inline-block;
    position: relative;
    float: left;

    
}
/* hides dropdown menu when not clicked */
#nav li ul {
    display: none;
        position:relative; /* test */
		
}

/* nav bar's visible links */
#nav ul li a {
    display: inline-block; /* DNM */
    text-decoration: none;
   /* border-right: 1px solid #484848; */
    padding: 0px 8px 6px 8px;
    background: none;
    height:15px;
    position:relative; /* test */
	color:#989898;
}

/* nav main hover color */
#nav ul li a:hover {
background: #383838;
color:white;
position:relative; /* test */
}

/* drop-down menu */
#nav li:hover ul {
    display: block;
    position: absolute;
}

#nav li:hover li {
    float: none;
    display:block; /* test */
       /* width:150px; */
	   width:auto;
		height:auto;

}
#nav li:hover a {
	background:#888888;
	color:white;
	}
#nav li:hover li a{    
	/*width:150px; */
	width:auto;
	height:auto;
}
#nav li:hover li a:hover {
   /* background: #484848; */
   background:#F0F0F0;
   color:black;

}

#active{
    color:white;
}

.navbox{
    position:relative;
    z-index:1;
    padding-top:32px;
    width:280px;
    float:left;
    color:#989898;
    font-size:9pt;
}

.mb3{
margin-bottom:3px;
}

.mt0{
margin-top:0px;
}

.middlebox{
width:100%;
/*height:330px;*/
}



.minipics {
    float:left;
    width:450px;
    overflow:hidden;
}

.mpr {
    margin-right:6px;   
}

.minipics > .minipic {
    float:left;
    width:24%;
    margin-top:6px;
}

.minipics {
    margin-bottom:10%;
}

.pb3{
padding-bottom:0px;
}

.bottombox{
width:100%;
}

.col3{
width:200px;
min-height:200px;
float:left;
}

.col3large{
width:220px;
min-height:200px;
float:left;
}

.col2{
width:426px;
min-height:200px;
float:left;	
}

/*Titles in text columns*/
.colhead{
font-family: 'Open Sans', sans-serif;
font-size:1.3em;
color:black;
}

.gallerytitle {
    padding-top:4%;
}

.rm26{
  margin-right:26px;  
}

.red{
  color:red;
}

.q {
  font-family: 'Open Sans', sans-serif;
  color:black;
}

.ans {
    font-weight:normal;
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
}

.members-section {
    margin-bottom: 2rem;
}

.section-heading {
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1.4rem
}

.sub-heading {
    color: black;
    font-size: 1.25em;
}

.section-details, 
.members-section p {
    font-weight: normal;
    font-size: 1.25em;
    margin: 0 0 0.5rem;
}

.section-details p, 
.members-section p {
    margin: 0.25rem 0 0;
}

.title {
    color: black;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}

@media handheld, screen and (max-width: 320px){
    html {
        width:100%;  
    }
}