/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-family:Verdana, Arial, Helvetica, sans-serif;vertical-align: baseline;background: transparent;}
html, body{font-size:76%;}

body{
margin:0;
padding:0;
line-height: 1.5em;
}

p a:link {font-size:16px;color:#000000;text-decoration:none;}
p a:active { color: #000; text-decoration: none; }
p a:visited { color: #000; text-decoration: none; }
p a:hover { color: red; text-decoration: none;}

.printable-links p a:link {font-size:18px;color:#000000;text-decoration:underline;}
.printable-links p a:active { color: #000; text-decoration: none; }
.printable-links p a:visited { color: #000; text-decoration: none; }
.printable-links p a:hover { color: red; text-decoration: none;}

.button1 {
background-color:#E24E42;
padding: 5px 7px 5px 7px;
font-size:14px;
color:#FFFFFF;
border:none;
}

#mainnav {
color:#333333;
}

#mainnav a:link { 
font-size:11px;
color:#000000;
text-decoration:none;}

#mainnav a:active { color: #000; text-decoration: none; }
#mainnav a:visited { color: #000; text-decoration: none; }
#mainnav a:hover { color: red; text-decoration: none;}

.logo{
color:#FFFFFF;
font-size:20px;
padding-top:30px;
padding-left:105px;
line-height:24px;
font-weight:bolder;
}

.strapline{
color:#FFFFFF;
font-size:14px;
font-weight:900;
margin-top:0px;
}

.print-calendar-button{
display:inline-block;
background-color: #E24E42;
color:#FFFFFF;
padding:7px 12px 7px 12px;
border-style:solid;
border:1px solid #E9B000;
font-size:16px;
}

.button {
display:inline-block;
}

em{color: red;}
.listpadding{margin-left:10px;}

#maincontainer{
width: 1100px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #E24E42;
background-image:url(images/kids-playing1.jpg);
background-repeat: no-repeat;
background-position: right; 
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
min-height: 120px; /*Height of top section*/
margin-top:0px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#footer{
clear: left;
width: 100%;
background: #E9B000;
color: #FFF;
text-align: center;
padding: 14px 0;
min-height:60px;
margin-bottom:5px;
}

#footer a{
color: #fff;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-bottom: 150px;
}

.innertubetop img {
    margin-top:14px;
    margin-left:10px;
    float: left;
    background: #2BACE0;
}

.innertubetop h1 {
    position: relative;
    margin-top: 14px;
    left: 10px;
}
.innertubetop  p{
    margin-left:10px;
    margin-top: 4px;
}
h1 {font-size: 2.25em; line-height:2.25em;}
h2 {font-size: 1.75em; line-height:1.75em;margin-top:30px;}
h3 {font-size: 1.75em; line-height:1.75em; margin-top:20px;}
h4 {font-size: 1.75em; line-height:1.75em; margin-top:30px; margin-bottom:15px;}
h5 {font-size: 1.75em; line-height:1.75em;}
h6 {font-size: 1.75em; line-height:1.75em;}
p {line-height:1.75em; font-size: 1.75em; margin-bottom:35px}
li {margin-left:10px;line-height:1.75em; font-size: 1.75em;}
#footer p{line-height:1.35em; font-size: 1.55em;}
#navigation {width:100%; text-align:left; line-height:2.65em; font-size:1.75em; font:Arial, Helvetica, sans-serif; color:#000; margin-top:10px; margin-bottom:5px;}
#navigation a{text-decoration:none; text-decoration:none; padding: 8px 10px; color:#000;}
#navigation a:hover {text-decoration:none;color:#000;padding: 8px 10px;}

.insidearrows{
font-size:16px; vertical-align: text-bottom;
}
/* ####### responsive layout CSS ####### */

@media (max-width: 840px){ /* responsive layout break point */
	#maincontainer{
	width: 100%;
	}
	.logo{
color:#FFFFFF;
font-size:14px;
padding-top:30px;
padding-left:105px;
line-height:20px;
font-weight:bolder;
}
.strapline{
color:#FFFFFF;
font-size:10px;
font-weight:900;
margin-top:0px;
}
#footer{
margin-bottom:0px;
}
}


@media (max-width: 570px){ /* responsive layout break point */
	#maincontainer{
	width: 100%;
	}
	.insidearrows{
font-size:14px; vertical-align: text-bottom;
}
}

@media (max-width: 335px){ /* responsive layout break point */
	#maincontainer{
	width: 100%;
	}
#topsection img{ 
display:none;
}	
.insidearrows{
font-size:12px; vertical-align: text-bottom;
}
.logo{
padding-left:5px;
}
}