/* Default Styles
-------------------------------------------------------------------------------*/

body { font: 14px Open Sans, Freesans, sans-serif; }

body, select, input, textarea { color: #777; }

a { color: inherit; }

a:hover { color: #000; }

a.navlink {
	color: #FFFFFF;
	font-size: 140%;
	text-align: center;
	margin-right: 11px;
	margin-left: 11px;
}

::-moz-selection {
background: #fcd700;
color: #fff;
text-shadow: none;
}

::selection {
 background: #fcd700;
 color: #fff;
 text-shadow: none;
}

a:link { -webkit-tap-highlight-color: #fcd700; }

ins {
 background-color: #fcd700;
 color: #000;
 text-decoration: none;
}

mark {
 background-color: #fcd700;
 color: #000;
 font-style: italic;
 font-weight: bold;
}

 input:-moz-placeholder {
color:#111;
}

textarea:-moz-placeholder {
color:#111;
}

blockquote {
 padding: 16px;
 background: #eee;
}

/* General
-------------------------------------------------------------------------------*/

.logo{
	width: 200px;}

#header{
	padding:10px 20px;
}

.contact{
	float:right;
	font-weight:bold;
	margin-top:2px;
	font-size:17px;
	font-family: Open Sans
}

#nav{
	background-color:#000;
	height: auto;
	overflow:auto;
	padding:15px 20px;
	width:100%
}


#nav ul li{
	float:left;
	margin-right:20px;
	color:#FFF;
	font-size: 13px;
	text-transform:uppercase;
}


#nav ul li a{
	color:#FFF;
	text-decoration:none
}

#nav ul li a:hover{
	text-decoration: underline
}

.copyright{
	float: right;
}

/* Layout
-------------------------------------------------------------------------------*/

.cool{
	padding:95px 20px 10px 20px;
	color:#FFF;}

.cool h3{
	font-family: Libre Baskerville;
	font-size:17px;}
	
.cool p{
	margin-bottom:5px !important
}
.cool a{
	color:#FFF;
	text-decoration: none;
}

.cool a:hover{
	text-decoration: underline
}


.container{
    max-width:900px;
    margin:auto;
}

.section-content{
    padding:20px;
}


.section-content h1{
	font-family: Libre Baskerville;
	font-size:25px;
	margin-bottom:10px;
	padding-top:10px;
}

.section-content p{
	margin-bottom:20px;
}


#footer{
	border-top:1px solid #000;
	padding:20px;
	background-color:#000;
	height:auto;
	overflow:auto;
	color:#FFF;
}

#footer a{
	color:#FFF;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

/* Form
-------------------------------------------------------------------------------*/

a:hover h3{
	text-decoration:underline}



form input{
	
	padding:7px;
	border:1px solid #B7B7B7;
}
/*this is to enlarge the text box when typing into it--!>*/
input:focus,  textarea:focus  {
	border:1px solid #505050;
	background-color: #94E896;
}
form textarea{
	height:100px;
	width:100%;
	border:1px solid #B7B7B7;
	padding:7px;
}

form label{
	display:block;
	margin-top: 10px;
}

form .button{
	margin-top:10px;
	width:120px;
	padding: 10px 7px;
	background-color:#000;
	color:#FFF;
	border:0;
	
}
.example486{
	margin: 11px;
	border: 1px dotted #000000;
	padding: 11px;
	background-color: #EEEEEE;
	font-family: "Times New Roman",Times,Cambria, "Hoefler Text", "Liberation Serif", serif;
}

.bgcircular{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;	
	background-position: center;
	/* background-repeat: no-repeat;
    background-attachment: fixed;
	*/ 
	}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {
}