@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);


body {
background:#1ab3d0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  overflow-x:hidden;
}

#comments {
background:#ffffff
}
iframe {
max-width:100%; 
height:250px;
border:0;
}
#comment-wrap {
background:#fffffff;
position:center;
}
#comments #comment-wrap{
display:none;
z-index:5;
padding:10px;
}
#comments:hover #comment-wrap {
display:block;
}







.container {
  width: 500px;
}

.containertwo {
  width: 650px;
}

.page {
background-color: #999999;
border: 0px solid #000000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
overflow:auto;
display: block;
max-width:100%;
}


.containerthree {
  width: 950px;
background-color: #48daff;
border: 0px solid #000000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
overflow:auto;
display: block;
max-width:100%;
margin-left: auto;
margin-right: auto;
  border-radius: .25em;
  padding: .2em .6em .3em;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  margin:0px;
}

.pagethree {
background-color: #ffffff;
border: 0px solid #000000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
overflow:auto;
display: block;
max-width:100%;
}



.articles {
  position: relative;
}


article {
  display: inline-block;
}

articletwo {
  display: inline-block;
background-color: #48daff;
}

articlethree {
  display: inline-block;
background-color: #cbfc97;
}








@media(min-width:30em){
.row{
    width:300px;
    display:table;
    table-layout:fixed
    border: 1px solid #999999;
    color: #000000;
    background: #f2c50d;
}
.col{
    display:table-cell
    background: #ffffff;
}
}


@media(min-width:30em){
.rowtwo{
    width:300px;
    display:table;
    table-layout:fixed
    border: 1px solid #999999;
    color: #000000;
    background: #f2c50d;
}
.coltwo{
    display:table-cell
}
}




.doubleUnderline {
    text-decoration:underline;
    border-bottom: 1px solid #000;
}

input[type=submit] {
    border: 1px solid #999999;
    color: #000000;
    background: #ffffff;
    font-size: 18px;
    padding: 5px 5px;
    border-radius: 3px;
}
input[type=submit]:hover {
    background: #ffff00;
}


.effectfront {
  border: none;
  margin: 0 auto;
}
.effectfront:hover {
  -webkit-transform: scale(2.4);
  -moz-transform: scale(2.4);
  -o-transform: scale(2.4);
  transform: scale(2.4);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.effectfront2 {
  border: none;
  margin: 0 auto;
}
.effectfront2:hover {
  -webkit-transform: scale(2.6);
  -moz-transform: scale(2.6);
  -o-transform: scale(2.6);
  transform: scale(2.6);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}


.return {
 position: fixed;
 bottom: 10px;
 right: 10px;
 display: none;
}


.txt-red {
  color: #e31600;
}
.txt-red-bold {
  color: #e31600;
  font-weight: bold;
}
.txt-green {
  color: #00cb00;
}
.txt-yellow {
  color: #ffff00;
}

.txt-light {
  font-weight: 300;
}

.txt-blink {
  animation-name: blinker;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  color: #000000;
}

@-webkit-keyframes blinker {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes blinker {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}


h1 {
font-size:45px;
color:#48daff;
text-shadow:1px 1px 0 #fff,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
0px 1px 0 #000,
1px 0px 0 #000,
0px -1px 0 #000,
-1px 0px 0 #000,
4px 4px 3px #000;
font-family:Lockergnome;
}

.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}

.content {
width:100%;
max-width:1000px;
margin:auto;
}

.content3 {
width:75%;
max-width:1000px;
margin:auto;
}

.content5 {
width:100%;
max-width:1000px;
margin:auto;
}

.content6 {
width:75%;
max-width:730px;
margin:auto;
}

.content7 {
width:75%;
max-width:800px;
margin:auto;
}



.contentp {
width:100%;
max-width:900px;
margin:auto;
}


.menu{
width:100%;
margin:0px;
height:20px;
line-height:20px;
background-color:#ffffff;
box-shadow: 0 1px 2px rgba(0,0,0,.45);
border-color: #06aed4;
}

.menu3{
width:75%;
margin:0px;
height:20px;
line-height:20px;
background-color:#ffffff;
box-shadow: 0 1px 2px rgba(0,0,0,.45);
border-color: #06aed4;
}


.always {
float:left;
height:100%;
width:350px;
text-align:right;
}

.main {
margin-left:255px;
}

.mainp {
margin-left:55px;
}


.mcontentp {
background: #ffffff;
border: 1px solid #999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
overflow:auto;
display: block;
}



.mcontent2 {
background: #ffffff;
border: 0px solid #000000;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
overflow:auto;
display: block;
max width:100%;
}


.mcontent3 {
width: 98%;
padding: 5px 5px;
background: #ffffff;
border: 0px solid #999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
display: block;
}


.mcontent4 {
width: 88%;
padding: 10px 10px;
background: #ffffff;
border: 0px solid #999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
display: block;
}

.mcontent5 {
width: 98%;
padding: 10px 10px;
background: #ffffff;
border: 0px solid #999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
display: block;
}

.mcontent5 {
width: 88%;
padding: 10px 10px;
background: #ffffff;
border: 0px solid #999999;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
height: auto;
display: block;
}




.scontent {
text-align:left;
background: white;

border: 1px solid #ffffff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
width: 100%;
height: auto;
max-width:300px;
display: block;
min-height:60px;
}

.round {
border-radius: 50%;
border: 1px solid #000000;
}	

.memlist {
text-align: left;
border-bottom:1px solid #ddd;
font-size:12px;
color:black;
width:100%;
}


.showtext, .linktext :hover {
left: 0px;
font-size:15px;
color:#000000;
background-color: #47dcfd;
}





          @media (min-width: 769px) and (max-width: 1024px) {
            #banner img { max-width:750px; max-height:222px;}
            #banner2 { width:450px;}
            #banner2 img { max-width:450px; max-height:222px;}
          } 

         @media (min-width: 481px) and (max-width: 768px) {
            #banner img { max-width:520px; max-height:222px;}
            #banner2 { width:450px; float:left;}
            #banner2 img { max-width:450px; max-height:222px; float:left;}
          } 

          @media (min-width: 321px) and (max-width: 480px) {
            #banner img { max-width:510px; max-height:150px; }
            #banner2 { width:400px; float:left;}
            #banner2 img { max-width:400px; max-height:135px; float:left;}
          }

          @media (max-width: 320px) {
            #banner img { max-width:230px; max-height:150px; }
            #banner2 { width:275px; float:left;}
            #banner2 img { max-width:275px; max-height:83px; float:left;}
          }


.lefttable {
font-size:12px;
border: 1px solid #000000;
}


#parent {
    width: 700px;
background-color:#48daff;
}

.image {
    float: center;
    display: block; max-width : 100%; }
}




input.cmn-toggle-round:checked + label:before {
  background-color: gold;
}
input.cmn-toggle-round:checked + label:after {
  
margin-left: 20px;
}




.label {
  border-radius: .25em;
  padding: .2em .6em .3em;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  margin:0px;
}


.label2 {
display:table;
padding:0px;
border:1px solid #C8C8C8; 
max-width:40%;
}

.labelthree {
display:table;
padding:0px;
border:0px solid #C8C8C8; 
width:100%;
}

.labelfour {
display:table;
padding:0px;
border:0px solid #ccfe9a; 
max-width:60%;
}

.labelfive {
background-color: #ffffff;
display:table;
padding:0px;
border:1px solid #ffffff; 
max-width:100%;
  border-radius: .25em;
  padding: .2em .6em .3em;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  margin:0px;
}

.lgreen {
  background-color: #ffffff;
}
.lightgreen {
  background-color: #cbfc97;
width:60%;
}
.paleblue{
  background-color: #c6f1fa;
width:90%;
}
.palebluefour{
  background-color: #c6f1fa;
width:95%;
}
.lightgreentwo {
  background-color: #cbfc97;
width:90%;
}
.lightlightyellow{
  background-color: #fbfabb;
width:80%;
}

.lightyellowsix{
  background-color: #fbfabb;
width:100%;
}
.white{
  background-color: #ffffff;
}

.lightblue{
  background-color: #48daff;
}
.lightbluetwo{
  background-color: #c6f1fa;
width:90%;
}

.orangetwo{
  background-color: #f6ed9a;
width:90%;
}

.lightlightblue{
  background-color: #c6f1fa;
}

.lightlightyellow{
  background-color: #fbfabb;
}


.lightbluethree{
  background-color: #48daff;
width:60%;
}

.orange{
  background-color: #ffbd1f;
}

.black{
  background-color: #000000;
}
.yellow{
  background-color: #ffff00;
}
.blue{
  background-color: #089cec;
}
.green{
  background-color: #00cb00;
}


@media screen and (max-width: 660px) {
.main {
margin-left:0px;
}



}





.ac-container{
	max-width: 700px;
	margin: 10px auto 30px auto;
}
.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 5px;
	cursor: pointer;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 16px;
	background: linear-gradient(top, #ffffff 1%,#ffffff 100%);
        max-width:700px;
}
.ac-container label:hover{
	background: #ffffff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #ffffff;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(255,255,255,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);

}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: #ccfe9a;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
}
.ac-container article p{
	color: #ffffff;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        max-width:700px;
}
.ac-container input:checked ~ article.ac-small{
	height: 500px;
        max-width:700px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}





.ac-containertwo{
	max-width: 700px;
	margin: 10px auto 30px auto;
}
.ac-containertwo label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 5px;
	cursor: pointer;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 16px;
	background: linear-gradient(top, #ffffff 1%,#ffffff 100%);
        max-width:700px;
}
.ac-containertwo label:hover{
	background: #ffffff;
}
.ac-containertwo input:checked + label,
.ac-containertwo input:checked + label:hover{
	background: #ffffff;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(255,255,255,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);

}
.ac-containertwo label:hover:after,
.ac-containertwo input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(arrow_down.png) no-repeat center center;	
}
.ac-containertwo input:checked + label:hover:after{
	background-image: url(arrow_up.png);
}
.ac-containertwo input{
	display: none;
}
.ac-containertwo article{
	background: #feec98;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-containertwo input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
}
.ac-containertwo article p{
	color: #ffffff;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        max-width:700px;
}
.ac-containertwo input:checked ~ article.ac-smalltwo{
	height: 500px;
        max-width:700px;
}
.ac-containertwo input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-containertwo input:checked ~ article.ac-large{
	height: 230px;
}




* {
		  -moz-box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}