canvas {
	margin: 20px auto;
	border-radius:8px;	
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	}

html {	
	background:url(images/background.jpg);
}

#main {
	background:#FFF;
	margin-bottom:15px;	
	padding:10px;
	border:1px solid #000;
	}

.button-link-info {
	background: pink url(images/info.png) center left 5px no-repeat;
    font-size:0.85em;
	padding: 2px 4px;
	margin:10px 4px;
	padding-left:32px;
    color: #000;
    border-radius: 4px;
	text-decoration:none;
}

.button-link {
	background: #B0E0E6 url(images/activity.png) center left 5px no-repeat;
    font-size:0.85em;
	padding: 2px 4px;
	margin:10px 4px;
	padding-left:32px;
    color: #000;
    border-radius: 4px;
	text-decoration:none;
}


.button-link:hover, .button-link-info:hover {
    background-color: #CCC;
    text-decoration: none;	
}



.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #BBB;
}

#activity-links{
	float:right;
	font-size:11pt;
	border:1px dashed #000;
	padding:0px 6px 6px 6px;
	background:white;
	margin:10px;
}

#activity-links p{
	margin-top:8px;
	}


table {border-collapse:collapse;}
td, th {padding:3px;}
th {background:#000; color:#FFF;}

fieldset{
	background:#FFF;
	Opacity:0.9;
	border:1px solid #356094;
	margin:20px 8px;
	padding:0px 10px 10px 10px;
}

fieldset table td{
	border-top:1px solid #AAA;
	padding:0px 0px 8px 0px;
	}

#container {
	margin: auto;	
	width: 920px;
	font-family: 'Montserrat', Century Gothic, sans-serif;	
	font-size: 12pt;
}
#header {
	background: #FFF8DC url(images/zzlogo.png) no-repeat center left 10px;	
	font-family: 'Play', sans-serif;
	padding:15px;	
	margin-bottom:10px;
	border: 1px solid;
	Opacity:0.9;
}


#topic-banner {
	text-align:center;
	background: #000000;	
	padding:5px;	
	border:1px solid #000;
}

#topic-banner table{
	margin:0 auto;
	}

#footer {
	background: #FFF8DC;
	border:1px solid #000;
	padding:10px;
	Opacity:0.9;	
	text-align: center;
	font-size: 0.8em;

}

h1 {
	margin:0;
	margin-bottom:6px;		
	margin-left:75px;
	font-size: 2.5em;	
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
	color:#356094;
}
	
h2 {
	font-family: 'Play', sans-serif;
	margin:3px;
	font-size: 1.4em;	
	color: #000;
}



h3 {
	color: #356094;
	margin:3px;
	border-bottom:1px solid;
	font-family: 'Play', sans-serif;

}

#topic-banner h1 {
	color:#FFF;
	margin-left:0px;
	font-size:1.6em;
	margin:0;
	font-weight:normal;
	font-family: 'Anton', sans-serif;		
	}
		
#topic-banner img {margin-bottom:0px;}
		
fieldset h2 {
	color: #356094;
	border:none;
	background: #FFF;
	padding:2px 10px 10px 10px;
	font-size: 1.4em;
	margin:0px;
	font-weight:normal;
	font-family: 'Anton', sans-serif;
}

fieldset h3 {
	color: #000;
	border:none;
	background: #FFF;
	font-size: 1.1em;
	margin:4px 4px 8px 4px;
	font-weight:normal;
	font-family: 'Play', sans-serif;
}


p {margin:6px 3px;}


legend {padding:0px 0px 5px 0px; margin-left:-10px; margin-bottom:0px;}
a img {border:none;}
a {text-decoration:none;}

.back-button {	
	background:url(images/leftarrow-big.png) no-repeat center;
	height:50px;
	width:50px;
	border:none;	
	text-align:center;
}

.back-button:hover {	
		cursor:pointer;	
}