/* 
Theme Name: cms002
*/

/*page formating*/
* {
	margin: 0;
	outline: none;
	padding: 0;
}

html {
	font-family: 'Varela Round', sans-serif;
	font-size: 62.5%;
}

body {
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: center;
	background-color:#133958;
}

/*************************header*********************************/
#header{
    width:980px;
    height:550px;
    margin-left: auto; /*align to center*/
    margin-right: auto; /*align to center*/
    margin-top:1em;  /*distance between header and top of window*/
    margin-bottom:1em; /*distance between header and menu*/
    background-color:#B5CEE2;
    background-image:url("Header.jpg");
    border-color:#3D91D6;
    border-style: solid;
    border-radius: 1em; /*change corners to rounded*/
    border-width: 1px;
}

/*******************************navBar***************************************/	
#navBar{
    width:940px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-left:2em;
    background-color:#1B5381;
    border-color:#3D91D6;
    border-radius: 1em; /*change corners to rounded*/
    font-family: Antic;
    font-style: normal;
    font-weight: normal;
    font-size:1.5em;
    color:white;
    z-index:99;
}

#content{
    width:980px;    background-color:#9EC8EA;
	background-image:url("Activities_background.jpg");
	background-repeat:repeat;
    margin-top:1em;
    margin-bottom:1em;
    padding-top:2em;
    border-radius: 1em; /*change corners to rounded*/
}

.largeFont{
font-family: 'Baloo', cursive;
font-size:1.5em;
line-height: 1.8em;
padding:2em;
}

h5{
font-size:1.5em;
font-weight:bold;
color:blue;
margin-left:0;
}

h6{
font-size:1.5em;
font-weight:bold;
color:black;
margin-left:0;
line-height: 1.5em;
}

#contentFooter{
    background-color:#133958;
    border-radius: 0em 0em 1em 1em ; /*change corners to rounded*/
    margin:1em;
    padding:1em;
    color:white;
}

#footer{
    color:white;
    margin-bottom: 1em;
}

#footer A{
    color:inherit;
} 

/*******************************************nav menu********************************/
ul, li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}

ul {
width: 100%;
}

li {
position:relative;
}



/* controls menu elements */
li a {
display: block;
line-height: 2.5em;
padding: 0 1em;
text-decoration: none;
color:#B7D6F0;
}

   
li a:hover, .menu > li:hover a{
color:black;
background-color:#23CCE7;
}

li a:active{
}

/* current */
.current-menu-item{
color:white;
background-color:#1290A4;	
}

.current, a:hover.current, li:hover a.current{
	padding-top: .3em;
	position: relative;
	top: -.3em;
	border-bottom: .1em solid #23CCE7;
	cursor: default;
}

li:hover ul{

	left:0;
	max-height: 99em;
	z-index:99;
}


/* Sub Menus */

ul.sub-menu {
	float:none;
	width:auto;
	height:auto;
	position:absolute;
	top:2.5em;
	left:-9000em;
	max-height:0;
	-moz-transition:max-height 0.5s ease-in-out;
	-webkit-transition:max-height 0.5s ease-in-out;
	-o-transition:max height-0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;
	overflow:hidden;
}

ul.sub-menu li{
	float:none;
    text-align:left;
	border-radius: 0 0 0 0;
}

ul.sub-menu li a {

	border-bottom: 1px solid #23CCE7;
	padding: .2em 1em;
	white-space:nowrap;
	border-radius: 0 0 0 0;
    	background-color:#DDECF8 !important;
  	line-height: 1.5em;
}

ul.sub-menu li:last-child a {

	border-bottom: none;

}

ul.sub-menu li a:hover{
	background-color:#23CCE7 !important;
}

/* Specialist Menus */

#spc-menu {
    border-color:#3D91D6;
    border-radius: 1em; /*change corners to rounded*/
    font-family: Antic;
    font-style: normal;
    font-weight: normal;
    font-size:2.0em;
    margin-left: auto;
    margin-right: auto;
	float:none;
	width:15em;
	height:auto;
	position:static;
	-moz-transition:max-height 0.5s ease-in-out;
	-webkit-transition:max-height 0.5s ease-in-out;
	-o-transition:max height-0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;
	overflow:hidden;
}

#spc-menu li{
	float:none;
    text-align:left;
	border-radius: 0 0 0 0;
}

#spc-menu li a {
	border-bottom: 1px solid #23CCE7;
	padding: .2em 1em;
	white-space:nowrap;
	border-radius: 0 0 0 0;
  	line-height: 1.5em;
    background-color:#DDECF8 !important;
   color:black; !important;
}

#spc-menu li:last-child a {
	border-bottom: none;
}

#spc-menu li a:hover{
	background-color:#23CCE7 !important;
}
/*content*/

.ngg-gallery-thumbnail{
border-radius: 1.1em 1.1em 1.1em 1.1em; /*change corners to rounded*/
}

#form{
width:900px;
background-color:#F5F5F5 !important;
border:none;
border-radius: 1.1em 1.1em 1.1em 1.1em; /*change corners to rounded*/
display: block;
margin-top:2em;
margin-bottom:2em;
margin-left: auto;
margin-right: auto;
padding-top:2em;
}

#form input{
border-radius: 1.1em 1.1em 1.1em 1.1em; /*change corners to rounded*/
padding-left:1em;
width:700px;
}

#form textarea{
border-radius: 1.1em 1.1em 1.1em 1.1em; /*change corners to rounded*/
padding-left:1em;
padding-top:1em;
height:150px;
width:700px;
}

#pirate-forms-contact-submit{
font-size:2em;
float:left;
margin-left:10px;
}

/**********************these styles do not change**********************************

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack*/

/* For modern browsers */

.cf:before,.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */

.cf {
    zoom:1;
}

<!--Standard WordPress>
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}