/* Tablet Landscape */
@media screen and (min-width: 1024px) {
    	
	.mainsite {width: 90%; margin:auto; padding: 0px}
	
.container {
   height: auto;
   overflow: hidden;
	}

.secondary {
    width: 25%;
    float: right;
    padding: 5px;
	vertical-align: top;
	}

.primary {
    float: left; /* not needed, just for clarification */
        /* the next props are meant to keep this block independent from the other floated one */
    width: 70%;
    overflow: hidden;
	padding: 5px
	}
}

/* Tabled Portrait */
@media screen and (max-width: 1023px) {
	
	.container {
   height: auto;
   overflow: hidden;
	}
	.mainsite {width: 90%; margin:auto; padding: 0px}
    .primary { width:98%; padding: 5px}
    .secondary { width:98%; margin:0; padding: 5px}
	
	
}








img { max-width: 100%;  height: auto; }

@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
    }
}




.column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}













.flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}









html { font-size:100%; } 

@media (min-width: 320px) { body {font-size:2rem; font: 400 16px/20px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida grande", Sans-Serif; color: white} }

@media (min-width: 640px) { body {font-size:1.2rem; font: 400 16px/20px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida grande", Sans-Serif; color: white} }
@media (min-width:960px) { body {font-size:1.2rem; font: 400 16px/20px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida grande", Sans-Serif; color: white} } 
@media (min-width:1024px) { body {font-size:1.2rem; font: 400 16px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida grande", Sans-Serif; color: white} } 
@media (min-width:1200px) { body {font-size:1.2rem; font: 400 16px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida grande", Sans-Serif; color: white} } 



body {
	background-color: #46444C;
	margin: 0; padding: 0px;
	line-height: 1.25;
	text-decoration: none;
	a, a:link, a:visited a:active {
  color: #FFD700}
}
	

	
h1 {
  			color: white;			
}

h4 {
  			color: white;			
}





.topmenu
{
background-color: #FFD700; padding:2px;
}


a.topmenu:visited { color: black }
a.topmenu:link { color: black }
a.topmenu:hover {  color: #aaaaaa }




.topmenuright
{
text-align: right;
    float: right;
	padding-bottom:2px;
	padding-right:2px;
}
a.topmenuright:visited { color: black }
a.topmenuright:link { color: black }
a.topmenuright:hover {  color: #aaaaaa }


.topbar
{
padding: 0px; margin: 0px;
background-color: #FFD700;
}



.blocklinks
{
	width:50%;
background-color: #333333; padding:2px;
}
a.blocklinks:visited { color: black }
a.blocklinks:link { color: black }
a.blocklinks:hover {  color: #aaaaaa }

a.subblocklinks:visited { color: #333333 }
a.subblocklinks:link { color: black }
a.subblocklinks:hover {  color: #333333 }



#footer {
	clear:both;
	float: left;
	width:100%;
	background-color: #FFD700;
	color: black;
	a {color: black;}
	}
#footer p {
	margin-left:2%;
	padding-right:2%;
}








        :focus, :active { outline:0; }

        #accordion { 
            width:100%; 
            margin:0 auto; 
             
        }
        
        #accordion  h3 {
            padding:5px; 
            -webkit-border-radius:3px; 
            border-radius:3px;
            -moz-box-shadow:0 1px 4px #CCC; 
            -webkit-box-shadow:0 1px 4px #CCC; 
            box-shadow:0 1px 4px #CCC; 
            margin:3px 0; 
            cursor:pointer;
			background-color:#FFD700;
			color:black;
			font-size:1rem;
        }

		#accordion h4 {
            padding:2px; 
            -webkit-border-radius:3px; 
            border-radius:3px;
            -moz-box-shadow:0 1px 4px #CCC; 
            -webkit-box-shadow:0 1px 4px #CCC; 
            box-shadow:0 1px 4px #CCC; 
            margin:3px 0; 
            cursor:pointer;
			background-color:#e5c951;
			color:black;
			font-size:1rem;
}
		
		
		#accordion.subblocklinks
{
background-color: #cccccc; padding:0px;
}


		
        #accordion div {
            margin:0 0 0 10px; 
            padding:10px; 
            border:solid 0px #F6F6F6; 
            height:auto;
		}