html{
background: rgb(68,238,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(68,238,255) 69%, rgb(255,255,255) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,rgb(68,238,255)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(68,238,255) 69%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(68,238,255) 69%,rgb(255,255,255) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(68,238,255) 69%,rgb(255,255,255) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(68,238,255) 69%,rgb(255,255,255) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44eeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

body {
  background-color: rgb(255, 255, 255);
  font: 300 1em/1.4 'Open Sans';
  color: rgb(230,230,230);
  //color: rgb(99, 99, 99);

}


header {
  width: 100%;
  height: 13em;
  overflow: hidden;
background-color: white;

padding:0;
position: relative;
}

.inside{
 width: 68%;
 margin: 0 auto;
 padding: .5em 0 2em 0;
}

header hgroup{
width: 68%;
margin: 5.4em auto 0 auto;
font-family: Helvetica;
font-size: 1em;
font-weight: 700;
}

header h1 { 
  color: rgb(204, 204, 204);
 position: absolute;
top: 6em;
border-bottom: 1px solid #ccc;

}

header h2{
line-height: 1.5em;
border: 0;
text-align: center;
font-family: 'Tangerine';
color: #ccc;
font-size: 3em;

}

header h2 span{
  font-family: Helvetica;
  font-size: 2.75em;
  font-weight: 700;
  color: rgb(255,255,255);
 text-transform: none;
letter-spacing: -.06875em;
display: block;
text-align: left;
text-shadow: 0 -1px 3px rgba(0, 0, 0, .5);

}

.master section h1 {
  width: 100%;
  text-shadow: 0 0 5px rgb(0, 108, 119);
  font-family: 'Source Sans Pro';
  font-size: 2.5em;
  font-weight: 200;
}

.master section h1 a{
  color: rgb(255, 255, 255);
}


.master section h2 {
  width: 100%;
  border-bottom: 1px dotted rgb(10, 192, 185);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  text-transform: uppercase;
  color: rgb(21, 213, 195);
margin-top: 2em

}



.left_col, .right_col {
  display: inline-block;
 vertical-align: top;
width: 45%;
margin-right: 5%;
}

.right_col{
 margin-right: 0;
}

ul{
 margin-top:.75em
}

ul li{
line-height: 1em;
margin-bottom: .75em
}

li strong{
font-weight: 600;
  color: #00aa9b;
text-transform:uppercase;
font-size:.75em;
}

p{
margin-top:.5em;
line-height: 1.4em;


}
/* BIG COLORS */

#one{
background-color: rgb(78, 182, 52);
/*-webkit-transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
-ms-transition: background-color 1s ease-in-out;    
transition: background-color 1s ease-in-out;*/
}

#one > .inside strong, #one > .inside h2{
    color: rgb(78, 182, 52);
}

#two{
background-color: rgb(3, 208, 109);
-webkit-transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
-ms-transition: background-color 1s ease-in-out;    
transition: background-color 1s ease-in-out;
}

#two > .inside strong, #two > .inside h2{
    color: rgb(3, 208, 109);
}

#three{
background-color: rgb(3, 241, 162);
-webkit-transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
-ms-transition: background-color 1s ease-in-out;    
transition: background-color 1s ease-in-out;
}

#three > .inside h2{
    color: rgb(3, 241, 162);
}

#four{
background-color: rgb(68, 255, 238);
-webkit-transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
-ms-transition: background-color 1s ease-in-out;    
transition: background-color 1s ease-in-out;
}

#four > .inside strong, #four > .inside th{
    color: rgb(68, 255, 238);
}

#five{
background-color: rgb(68, 238, 255);
}

#five > .inside strong, #five > .inside h2{
    color: rgb(68, 238, 255);
-webkit-transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
-ms-transition: background-color 1s ease-in-out;    
transition: background-color 1s ease-in-out;
}

section.project{
 position: relative;
}

section.project h2{
border:0;
margin-bottom: 2em;
}

.notice{
font-size: .8em;
position: absolute;
width: 35%;
padding: 1em 2%;
top:5em;
right:0;
background: rgba(3, 241, 162, .1);
border: 1px solid rgb(3, 241, 162);
border-radius: 6px;

}

#calendar li{
font-size: .9em;
padding: 0 0 2em 0;
background: rgba(0,0,0,.1);
margin:0;
}

#calendar li:nth-child(even){
    background: rgba(51,100,51,.1);

}

#calendar li ul li:nth-child(even), #calendar li ul li:nth-child(odd){
    background: transparent !important;

}

#calendar li.holiday{
    background: rgba(3, 241, 162, .2);
}

/*#calendar li strong, #calendar li span{
	display:block;
font-size: 1.1em;
letter-spacing: 0em;
}*/

#calendar li h3{
padding: .5em;
margin-bottom: .5em;
background: rgb(3, 241, 162);
color: white;
width: 75px;
font-size: 1.5em;
font-weight: 100;
}

#calendar li ul{
	width: 90%;
	margin: 0 auto;	
}

#calendar li ul li{
	display: inline-block;
	width: 30%;
	vertical-align: top;
margin-right: 2%;
line-height: 1.25em;
}

#calendar li ul span{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	display: block;
border-bottom: 1px dotted white;
padding-bottom: .35em;
margin-bottom: .5em
}

#calendar li ul strong{
	font-size: 1.1em;	
}

#calendar li a, #calendar li a:visited{
 color: rgb(3, 241, 162);
}

table{
 margin-top: 2em;
}

table th{
font-size: .75em;
font-weight: 900;
text-transform: uppercase;
}


table th, table td{
padding:0 .35em;
text-align: center;
vertical-align: middle;

}

table td{
font-size: 1.5em;
font-weight: 100;
border-left: 1px dotted rgb(68, 255, 238);
}

table .total{
 background: rgba(68, 255, 238, .5);
 color: white;
}

#special_ann{
	position: absolute;
	top:.5em;
	left: .5em;
	width:25%;
	border: 1px solid #999;
	background: rgba(0,0,0,.1);
	padding:.5em;
}

#special_ann h2{
	font-size: 1em;
	text-transform: uppercase;
	color:#600;
}

#special_ann p{
	color: #333;
}


@media screen and (max-width: 1022px){
    .inside, header hgroup{
      width: 85%;  
    }
    
}

@media screen and (max-width: 799px){
    header h2 span{
        font-size: 2em;
    }
    .inside, header hgroup{
      width: 93%;  
    }
    
    table th{
       font-weight: 300; 
    }
    
    table th, table td{
        padding:0 .15em;
    }
    
    table td{
        font-size: 1em;
    }

}

@media screen and (max-width: 599px){
    header {
        height: 9.75em;
    }
    
    header h1 { 
        top: 2em;
    }
    
    header hgroup{
        margin-top: 1.4em
    }
    
    header h2 span{
        font-size: 1.75em;
    }
    .inside, header hgroup{
      width: 93%;  
    }
    
    .left_col, .right_col{
        display: block;
        width: 100%;
    }
    
    table{
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        
    }

    
    table thead,table tbody {
        display: inline-block;
        vertical-align: top;
        width: 70%;
        border: 0;
        padding:0;
        text-align: left;
    }
    
    table thead{
        width: 28%;
        text-align: right;
    }
    
    
    table th, table td{
        display: block;        
        border: 0;
        height: 50px;
        text-align: left;
    }
    
    table th.top{
        text-align: left;
    }
    
    table tr{
        display: block;
    }
    
    table td{
        font-size: 1.5em;
        text-align: left;
        padding:0;
        padding-left: .5em;
    }
    
    table th{
        font-size: .75em;
        font-weight: 900;
        text-align: right;
    }
   

}

@media screen and (max-width: 479px){
    
    header {
        height: 9.75em;
    }
    
    header hgroup{
        margin-top: 4em
    }

    .master section > h1{
        font-size: 1.75em;
        margin-top: .35em;
    }
    
    header h1 { 
        top: 3em;

    }
    
    header h2{
        text-align: left;
        line-height: .8em;
    }
    
    header h2 span{
        font-size: 1.2em;
        
    }
	
	#calendar li ul li{
		display: block;
		margin-bottom: 1.5em;
		width: 100%;
	}
	.notice{
		display: block;
		position: static;
		width: 100%;
		
		
}