/* main.css */
/* ----------------------------------------------------------
   OCOSA Communication, LLC
   Website Project: 2013 / Temp
   Authors: Otis Surratt Jr.  
 ------------------------------------------------------------*/
body{
font-family:verdana,helvetica,arial,sans-serif;;
background-color:ffff;
}
h1 {font-size:28px;margin-top:0px;font-weight:normal}
h2 {font-size:22px;margin-top:10px;margin-bottom:10px;font-weight:normal}
h3 {font-size:17px;font-weight:normal}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}

#container{
width:930px;
margin:20px auto;
}
/* Header Section */
#header{
width:930px;
height: 50px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px; 
position: relative;
background-color: white;
border-bottom: 2px solid #000000
}
.headerLogo{
float:left;
margin-left:.1cm;
}

.headerLinks{
float:right;
font-size:12px;
font-weight:normal;
/*text-align:left;*/
margin-top:.20cm;
margin-right:.5cm;
}
.headerLinks a{
text-decoration:none;
color:#000000;
}
.headerLinks a:hover{
text-decoration:none;
font-weight:bold;
color:#369;
}
.headerLinks a:visted{
text-decoration:none;
color:#369;
}
/* Navigation Section */
#links{ 
width: 930px;
height: 29px;
background: #036;
}

#navbar ul{ 
margin:.5%;
padding:.5%;
list-style-type:none;
text-align:center; 
}
#navbar ul li{ 
display:inline; 
}
#navbar ul li a{ 
text-decoration:none;
padding:.3em 1em;
color:#fff;
background-color: #036;
}
#navbar ul li a:hover
{
color:#fff;
background-color: #369;
}
/* Notice Section */
.notice{
margin-top:.5cm;
font-family:Sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
text-align:center;
border-width:2px;
border-style:dashed;
border-color:red;
background-color:#ffffcc;
}

/* Slider Section */
@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div#captioned-gallery {
	width: 100%;
	overflow: hidden;
}
figure { margin: 0; }
figure.slider {
	position: relative;
	width: 500%;
	font-size: 0;
	animation: 40s slidy infinite; 
}
figure.slider figure { 
	width: 20%;
	height: auto;
	display: inline-block;
	position: inherit; 
}
figure.slider img {
	width: 100%;
	height: 550px;
}
figure.slider figure figcaption {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	width: 100%;
	font-size: 2rem;
	padding: .6rem;
}
@media screen and (max-width: 500px) { 
	figure.slider figure figcaption {
		font-size: 1.2rem;
	}
}
figure.slider figure figcaption {
	position: absolute;
	bottom: -3.5rem;
	background: rgba(0,0,0,0.3);
	color: #fff;
	width: 100%;
	font-size: 2rem;
	padding: .6rem;
	transition: .5s bottom; 
}
figure.slider figure:hover figcaption {
	bottom: 0;
}
/* Content Section */
#content{
width:930px;
}
.contentlinks {
float:left;
  display:inline-block; 
	width:280px;
	padding: 10px;
	border-radius:10px;
  margin:3px;
  list-style:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CCCCCC),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#CCCCCC));
}

.contentlinksbtn {
  float:right;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.contentlinksbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.contentlinksbtn:active {
	position:relative;
	top:1px;;
}
.contentlinksbtn a {
text-decoration:none;
color:#ffffff;
}

.contentlinksbtn1 {
  float:left;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:110px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.contentlinksbtn1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.contentlinksbtn:active {
	position:relative;
	top:1px;;
}
.contentlinksbtn1 a {
text-decoration:none;
color:#ffffff;
}
/*{
float:left;
width:280px;
padding:10px;
border:1px;
border-width:2px;
margin:5px;
background-color:#e7e7e7;
list-style:none;
font-size:12px;
}*/
.formlinksbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.formlinksbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.formlinksbtn:active {
	position:relative;
	top:1px;;
}
.formlinksbtn a {
text-decoration:none;
color:#ffffff;
}
/* Spacer*/
#spacer{
clear:both;
width:100%;
background-color:#d1d1d1;
height:1px;
margin-top:10px;
margin-bottom:10px;
}
.partners{
width:930px;
float:left;
list-style-type:none;
}
.partners li {
display:inline;
padding:24px;
}
.partners li:hover{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* Footer Section */
#footer{
width:930px;
height:155px;
background-color:#cfcfcf;
}
#footer  ul { 
margin: .5%;
padding: .5%;
list-style-type: none;
text-align: center;

}
#footer ul li { 
display:inline; 
}
#footer ul li a { 
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#footer ul li a:hover
{
color: #fff;
background-color: #369;
}

.footerlinks {
width:150px;
height:120px;
display:block;
float:left;
text-align:center;
font-size:11px;
}
.footerlinks a{
text-decoration:none;
color:#000000;
}
.footerlinks a:hover{
text-decoration:none;
font-weight:bold;
color:#369;
}
.footerlinks a:visted{
text-decoration:none;
color:#369;
}
.footerlinks img:hover{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.copyright {
float:left;
width:650px;
margin-left:18px;
font-size:11px;
white-space:nowrap;
}