@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { -ms-interpolation-mode: bicubic; }

body {
	/*background: #ecf0f1;*/
	background: #F9F4F0;
	color: #0B1016;
	font: 16px/1.231 "Lato", sans-serif;
}


form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1 {
  font-size: 32px;
  font-weight: 900;
  color: #34495E;  }

h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 2px;}

h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 2px; }

h4 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 4px; }

h5 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

h6 {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase; }
 


blockquote {
}

/*
a {
	color: #414141;
}

a:hover {
	text-decoration: none;
}*/




hr {
	/*display: none;*/
	height:1px; border-width:0; color: #B9B9B9; background-color: #B9B9B9;
}

/*Adjust width of top menu bar*/
.menu-width{ width: 980px; }

a {
  /*color: #1abc9c;*/
  color: #c0392b;
  text-decoration: underline;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }
  a:hover {
    color: #2ecc71;
    text-decoration: none; }


/* Splash */

#splash {
	width: 980px;
	background: #bdc3c7;
	height: 90px;
	margin: 0 auto;
	margin-bottom: -10px;
	border-top: 3px solid #3F3F3F;
}

#splash h1{
		padding-top: 15px;
		/*padding-bottom: 10px;*/
		font-size: 40px;
		margin-top: -3px;
		padding-left: 10px;	
		letter-spacing: -1px;
}
#splash h1 img{
		padding-left: 30px;
}

/* Logo 

#logo {
	width: 980px;
	height: 91px;
	margin: 0 auto;
	border-bottom: 6px solid #3F3F3F;
	color: #414141;
	color: #0B1016;
	background: #95a5a6;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0 20px;
}

#logo h1 {
	float: left;
	padding-top: 30px;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-size: 3em;
}
		
#logo h1.small {
	float: right;
	padding-top: 49px;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

#logo a {
	text-decoration: none;
	color: #414141;
}*/

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 0 0px 20px 20px;
	background: #F9F4F0;
}


p.nosc {
	color: #c0392b;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em;
}

/* Content */

#content {
	float: left;
	width: 600px;
	margin-bottom: 20px;
	/*background: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;*/
}

#main { margin: 0 auto; }

#content a:hover{ color: #c0392b; }
#sidebar a:hover{ color: #c0392b; }


#menu{
	margin-left: 0;
	margin-top: -80px;
	}
.post {
	padding-bottom: 20px;
}

.post .title {
	margin: 0;
	padding: 5px 20px;
	letter-spacing: 0px;
	border-bottom: 1px dashed #B9B9B9;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 20px;
}

.post .title a {
	text-decoration: none;
}

.post .entry {
	padding: 10px 20px;
}

.post .meta {
	height: 26px;
	background: #F5F5F5;
	border-top: 1px solid #E9E9E9;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
}

.post .posted {
	float: left;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink, .post .comments {
	float: right;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink {
}

#main .video {
	margin: 50px 230px;
	padding-top: 50px;
	text-align: center;
}

#main .gallery {
	margin-bottom: 25px;
	margin-left: 50px;
	padding: 10px 0px 0px 0px;
	display: block-inline;
}

#main .gallery  img{
	padding-bottom: 15px;
	width: 200px; 
	height: 150px;
}

#main .gallery  img.vert{
	padding-bottom: 15px;
	width: 100px; 
	height: 150px;
}

/*.top { border-bottom: 1px dashed #B9B9B9; padding-bottom: 10px; }*/

.center {text-align: center;}

#emblems {
	float: right;
	padding-left: 10px;
	margin-bottom: 15px;
	width: 300px;
}

#links{
	float: right;
	width: 280px;
}

#links p{ text-align: center; }

#links img{ padding: 5px;}


/* officer boxes */

#staff { 
	float: left;
	width: 250px;
	padding: 10px;
	padding-bottom: 20px;
	text-align: center;
	margin: 20px;
	background: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	/*border: 2px solid #000;*/
	}
	
#staff img{ width: 200px; height: 200px; border: 2px solid #000;}

#staff p{ font-weight: bold; }


/* Sidebar */

#sidebar {
	padding: 20px;
	float: right;
	width: 280px;
	background: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*list-style-image:url('images/img05.gif');*/
}

#sidebar li {
	padding: 10px;
}

#sidebar p {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

#sidebar h2 {
	margin: 0;
	font-size: 24px;
	border-bottom: 1px dashed #B9B9B9;
	text-transform: uppercase;
	font-weight: bold;
	color: #0B1016;
	text-align: center;
}

/* Footer */

#footer {
	clear: both;
	width: 980px;
	height: 50px;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 6px solid #3F3F3F;
	font-size: smaller;
}

#footer p {
	padding: 5px;
	text-align: center;
	line-height: normal;
}

/* Skip Navigation */
#skip{margin: inherit}
#skip a{ color: #34495e;}

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 


/*Slide Show*/

 #slidesr {
      display: none;
	  margin-bottom: 20px;
	 /* margin-left: 60px;*/
	 float: left;
	 width: 600px;
}
	

#slider .viewer .reel {
	display: none;
	height: 400px;
}

#slider .viewer .reel .slide {
	position: relative;
	width: 600px;
	height: 400px;
}

#slider .viewer {
	float: left;
	width: 600px;  /*Controls width of slide*/
	height: 400px;
	/*margin-left: 55px;
	margin-right: 55px;*/
	margin-bottom: 10px;
	overflow: hidden;
	
}

#slider .viewer .reel {
	display: none;
	height: 400px;
}

#slider .viewer .reel .slide {
	position: relative;
	width: 600px;
	height: 400px;
	margin: 0px auto;
}

#slider .viewer .reel p{
	position: absolute;
	/*top: 180px;*/
	left: 0px;
	width: 600px;
	height: 60px;
	bottom: 0px;
	line-height: 60px;
	background: #111111;
	text-align: left;
	opacity: 0.85;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.5em;
	margin-bottom: 0px;
	padding-left: 10px;
}


#slider .previous-button {
	position: absolute;
	top: 180px;
	left: 200px;
	width: 50px;
}

#slider .next-button {
	position: absolute;
	top: 180px;
	right: 200px;
	width: 50px;
}

#slider .indicator {
	margin: 10px auto 0 auto;
}

#slider .indicator ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#slider .indicator ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: #c8c8c8;
	margin: 0 2px 0 2px;
	border-radius: 8px;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #909090;
}

#slider .indicator ul li.active {
	background: #505050;
	border-top: solid 1px #505050;
}

/*
 #slides {
      display: none;
	  margin-bottom: 20px;
	 
	 float: left;
	 width: 600px;
}
		
    .container {
      margin: 0 auto
    }
	
	 .caption {
		  z-index:500;
		  display:block;
		  position:absolute;
		  bottom:0;
		  left:0;
		  height:30px;
		  padding:5px 20px 0 20px;
		  background:#000;
		  background:rgba(0,0,0,.5);
		  width:540px;
		  font-size:1.3em;
		  line-height:1.33;
		  color:#fff;
		  border-top:1px solid #000;
		  text-shadow:none;
	}


    #slides .slidesjs-navigation {
      margin-top:5px;
	  margin-bottom: 10px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../images/buttons/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }
	


    a.slidesjs-previous {
      background-position: 0 0;
    }
	

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }



    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }


    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/buttons/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active {
      background-position: 0 -13px
    }



    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
*/
  
/* Other effects */
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover { opacity: 0.8; }




