@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
background-color: #134053;
	background-image:url(http://pccportorchard.org/images/ocean_background.jpg);
background-repeat:no-repeat;
font-family: 'Roboto', sans-serif;
font-size:18px;
color:#333;
line-height:1.4;
}

.t3-footer {
    border-top: 0px solid #eeeeee;
    background: transparent;
    color: #555555;
}
.t3-copyright {
    border-top: 0px solid #eeeeee;
    font-size: 12px;
    padding: 40px 0 80px;
    text-align:center;
    color:#fefefe;
}

.t3-mainbody {
    padding-top: 0px;
    padding-bottom: 20px;
    background-color:#fefefe;
    border-top:1px solid #134053;
       border-left:1px solid #134053;
          border-right:1px solid #134053;
}
h1, h2, h3, h4, h5, h6 {
	color:#134053;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h1, .h1 {
    font-size: 26px;
}
h2, .h2 {
    font-size: 24px;
}
.t3-content {
    padding-top: 10px;
    padding-bottom: 20px;
}
.slideshowck {
	float:right;
}
.rentalhallcta {
	max-width:530px;
	float:left;
	padding-top:15px;
}
img {
	width:auto;
	height:auto;
}
strong {
	font-weight:700 !important;
	}
	em {
		font-style:italic;!important;
	}
.t3-mainbody img {
	border:1px solid #134053;
-webkit-box-shadow: 3px 3px 8px 1px rgba(19,64,83,0.6);
-moz-box-shadow: 3px 3px 8px 1px rgba(19,64,83,0.6);
box-shadow: 3px 3px 8px 1px rgba(19,64,83,0.6);
}
.logotitle {
	max-width:470px;
	width:100%;
	position:relative;
	float:left;
}
.mainmenu {
	max-width: 670px;
	float:right;
	position:relative;
	width:auto;
}
.col-md-3 {
    width: 30%;
}
.col-md-4 .module-ct {
    background: transparent;
    color: inherit;
    padding: 0px 10px;
 
}
.col-md-4 .module-inner {
   border:0px solid #ccc;
}
.t3-spotlight-2 .module-title {
    background-color:#134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align:center;
    text-transform:uppercase;
    color:#fefefe;
    height:40px;
}
table {
	margin-bottom:20px;
}
.nav-items {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.t3-footnav {
    padding: 10px 0;
    background-color:#ccc;
     border-bottom:1px solid #134053;
      border-left:1px solid #134053;
       border-right:1px solid #134053;
        border-top:1px solid #134053;
}
.t3-footnav .t3-module {
    background: transparent;
    color: #134053;
    margin-top: 10px;
    margin-bottom: 10px;
}
.t3-footnav .t3-module .module-title {
    color: #134053;
    font-size: 18px;
    padding-bottom:10px;
    margin-bottom: 10px;
    border-bottom:1px solid #134053;
    text-transform:uppercase;
    text-align:center;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fefefe;
    background-color: transparent;
}
.t3-footnav .t3-module ul > li > a:hover, .t3-footnav .t3-module ul > li > a:active, .t3-footnav .t3-module ul > li > a:focus {
    color: #333;
}

a {
     color: #2b7a9b;
    text-decoration: none;
}
a:hover,
a:focus {
  color: #333;
  text-decoration: underline;
}
table.contacttable td{
	padding:10px 30px 10px 0px;
		vertical-align:top;
	 border-collapse: collapse;
    border-spacing: 0;
}

.slideshowck {
	   max-width: 532px;
    display: block;
   height:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 550px;
	}
.wateraerobicstext {
	float: left; 
	max-width: 550px;
	}	
	
		.mobilebarmenuck {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background: #134053;
    width: 100%;
    height: 35px;
}
.mobilemaximenuck .topbar {
    height: 53px;
    background: #333;
}
.mobilemaximenuck {
    background: #134053;
    color: #fff;
    text-shadow: 0px 0px 0px #000;
    font-size: 15px;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial;
    left: 0;
    top: 0;
}
.mobilemaximenuck div.level1.maximenuck > a {
    background: none;
    padding-left: 45px;
}
.mobilemaximenuck div.level2.maximenuck > a {
    background: none;
    padding-left: 55px;
}
.mobilemaximenuck div.maximenuck {
    cursor: pointer;
    background: none;
    min-height: 35px;
    line-height: 35px;
    padding: 0;
    padding-bottom: 3px;
    position: relative;
    border-bottom:1px dotted #fefefe;
}
.mobilemaximenuck div.maximenuck > a {
    color: #fefefe !important;
    font-family: Arial;
    display: block;
    padding-left: 45px;
    text-decoration: none;
    text-align: left;
    min-height: 35px;
    /* width: 100%; */
}
.mobilemaximenuck div.maximenuck:hover,
.mobilemaximenuck div.maximenuck:focus,
.mobilemaximenuck div.active {
    background-color: #2b7a9b;
}
.mobilemaximenuck div.current > a:after {
    content: " ";
    display: block;
    float: right;
    height: 35px;
    width: 16px;
    margin-right: 10px;
    background:none;
}
.formResponsive {
  margin: 0 auto 18px;
  max-width:600px;
}

.formResponsive .formHorizontal .formControlLabel {
    float: left;
    max-width: 280px;
    padding-top: 0px;
    text-align: right;
    width:100%;
    padding-right:20px;
}
.formResponsive .formHorizontal .formControls {
    margin-left: 300px;
}
.formResponsive input[type="text"] {
  display: inline-block;
  height: 24px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  width:300px;
  border:1px solid #333;
}
.formResponsive textarea {
  display: inline-block;
  height: 200px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  width:300px;
  border:1px solid #333;
}
.formResponsive select {
 width:300px;	
 border:1px solid #333;
 color:#333;
 font-size:16px;
 height:30px;
}
.formResponsive input[type="submit"] {
  background-color: #134053;
  *background-color: #134053;
  background-image: -ms-linear-gradient(top, #134053, #134053);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#134053), to(#134053));
  background-image: -webkit-linear-gradient(top, #134053, #134053);
  background-image: -o-linear-gradient(top, #134053, #134053);
  background-image: -moz-linear-gradient(top, #134053, #134053);
  background-image: linear-gradient(top, #134053, #134053);
  background-repeat: repeat-x;
  border-color: #134053 #134053 #134053;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#134053', endColorstr='#134053', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
}
.formResponsive input[type="submit"]:hover,
.formResponsive input[type="submit"]:active,
.formResponsive input[type="submit"].active,
.formResponsive input[type="submit"].disabled,
.formResponsive input[type="submit"][disabled] {
  background-color: #134053;
  *background-color: #134053;
  color: #ffffff;
  text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
}
#jevents_body .cal_top_day_names {
    width: 100%;
    min-width: 195px;
}
#accordeonck98 li.parent > span span.toggler_icon {

    display: none !important;
  
}


@media (max-width: 1210px){
.languageswitcherload {
    float: none;
    width:auto;
 }
 .mainmenu {
    max-width: 670px;
    float: none;
    position: relative;
    width: auto;
    margin:10px auto 0px;
    
}
.logotitle {
    max-width: 470px;
    width: 100%;
    position: relative;
    float: none;
}
.rentalhallcta {
    max-width: 500px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 500px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 500px;
	}
.slideshowck {
	   max-width: 500px;
    display: block;
   height:auto;
}
.container {
    width: 1070px;
}
}
@media (max-width: 1110px){
	/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:450px;
	}
	tr {
		margin-bottom:20px;
	}
	
.rentalhallcta {
    max-width: 450px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 450px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 450px;
	}
.container {
    width: 970px;
}
.slideshowck {
	   max-width: 450px;
    display: block;
   
}
}
@media (max-width: 1010px){

.rentalhallcta {
    max-width: 400px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 400px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 400px;
	}
		/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:400px;
	}
.container {
    width: 870px;
}
.slideshowck {
	   max-width: 400px;
    display: block;
   
}
#t3-content {
	float:none;
}
.t3-spotlight-2 .module-title {
    background-color: #134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fefefe;
    height: 55px;
}
}
@media (max-width: 910px){
.article-content p {
	float:none !important;
	margin-right:20px !important;
	display:block;
	position:relative;
}
.article-content p img {
	float:none !important;
	margin-right:20px !important;
	display:block;
	position:relative;
}
#contactpcc .article-content p img {
	display:none;
}
#minutespcc .article-content p img {
	display:none;
}
.rentalhallcta {
    max-width: 350px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 350px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 350px;
	}
		/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:350px;
	}
.container {
    width: 770px;
}
.slideshowck {
	   max-width: 350px;
    display: block;
   
}
#t3-content {
	float:none;
}
.t3-spotlight-2 .module-title {
    background-color: #134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fefefe;
    height: 55px;
}
}
@media (max-width: 810px){

.rentalhallcta {
    max-width: 300px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 300px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 300px;
	}
		/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:300px;
	}
.container {
    width: 670px;
}
.slideshowck {
	   max-width: 300px;
    display: block;
   
}
#t3-content {
	float:none;
}
.t3-spotlight-2 .module-title {
    background-color: #134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fefefe;
    height: 55px;
}
.formResponsive .formHorizontal .formControlLabel {
    float: none;
    display:block;
    max-width: 100%;
    padding-top: 0px;
    text-align: left;
    width: 100%;
    padding-right: 20px;
}
.formResponsive .formHorizontal .formControls {
    margin-left: 0px;
}
}
@media (max-width: 768px){
.col-sm-4 {
    width: 100%;
}
.col-xs-6 {
    width: 100%;
}
}
@media (max-width:720px) {


}
@media (max-width: 710px){

.rentalhallcta {
    max-width: 250px;
    float: left;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: left; 
	max-width: 250px;
	}
	.wateraerobicstext {
	float: left; 
	max-width: 250px;
	}
		/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:250px;
	}
.container {
    width: 570px;
}
.slideshowck {
	   max-width: 250px;
    display: block;
   
}
#t3-content {
	float:none;
}
.t3-spotlight-2 .module-title {
    background-color: #134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fefefe;
    height: 55px;
}
}
@media (max-width: 610px){

.rentalhallcta {
    max-width: 100%;
    float: none;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: none; 
	max-width: 100%;
	width:auto;
	}
	.wateraerobicstext {
	float: none; 
	max-width: 100%;
	width:auto;
	}
		/* Force table to not be like tables anymore */
#contactpcc	table, #contactpcc thead, #contactpcc tbody, #contactpcc th, #contactpcc td, #contactpcc tr { 
		display: block; 
	max-width:100%;
	}
.container {
    width: 470px;
}
.slideshowck {
	   max-width: 100%;
    display: block;
    width:auto;
    float:none;
    margin-bottom:20px;
   }
   
#t3-content {
	float:none;
}
.t3-spotlight-2 .module-title {
    background-color: #134053;
    color: inherit;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fefefe;
    height: 55px;
}
#contactpcc .article-content p img {
	display:none;
}
#minutespcc .article-content p img {
	display:none;
}
}
@media (max-width: 510px){
.logotitle {
    max-width:100%;
    width: auto;
    position: relative;
    float: none;
}
.logo-img {
	max-width:100%;
	height:auto;
	width:auto;
}
.rentalhallcta {
    max-width: 100%;
    float: none;
    padding-top: 15px;
    width:auto;
}
.rentalhalltext {
	float: none; 
	max-width: 100%;
	}
		.wateraerobicstext {
	float: none; 
	max-width: 100%;
	width:auto;
	}
.container {
    width: 100%;
    padding-left:0px;
    padding-right:0px;
}
.slideshowck {
	   max-width: 100%;
    display: block;
   
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.col-xs-6 {
    float:none;
}
}