@charset "utf-8";
/* CSS Document */

.subTopic
{
	height:40px;	width:250px;
	display:inline-block;
	background-color:#063A6B;
	border-top: solid 2px #000;  border-left: solid 2px #000;  border-right: solid 2px #000;
	cursor:pointer;
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #FFF;	
	font-weight:700;	 font-size: 15px; 	text-align: center; padding: 5px;  vertical-align: text-top;
}

.subTopic:hover {	color:#063A6B;	background-color:#EDEDED;	}



#havob 
{
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 125%;
}
#havob #h2
{
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #063A6B;	
}

#havob #h3
{
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #063A6B;	
}

#havob a
{
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #000;	text-decoration:none;	
}

#havob a:hover
{
	text-decoration:underline;
}

#weekCounts
{
	width: 800px; text-align: center; margin-left: 100px;
}
#weekCounts .tableHeading
{
	text-align: center; color: #000; font-size: 150%; background-color: #DEEAF6;
}
#countMap
{
	width:683px; height:550px;
	margin-left: 200px;
}
#weekCountsTwo
{
	width: 800px; text-align: center; color: #000; margin-left: 100px;
}

/*------------------------------------RESPONSIVE STYLING---------------------------------------------*/
@media only screen and (max-width:420px)
{
	.subTopic
{
	height:40px;	width:280px;
	display:block;
	background-color:#063A6B;
	border: solid 2px #000; 
	cursor:pointer;
	font-family:"Garamond","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #FFF;	
	font-weight:700;	 font-size: 15px; 	text-align: center; padding: 5px;  vertical-align: text-top;
	word-wrap: break-word;
}

#weekCounts
{
	width: 280px; text-align: center; margin-left: 0px;
}
#weekCounts .tableHeading
{
	text-align: center; color: #000; font-size: 90%; background-color: #DEEAF6;
}

	#weekCounts td {	font-size:80%;	word-wrap:break-word;	}
#countMap
{
	width:280px; height:225px;
	margin-left: 0px;
}
#weekCountsTwo
{
	width: 280px; text-align: center; color: #000; margin-left: 0px;
}
	
	#weekCountsTwo td {	font-size:80%;	word-wrap:break-word;	}


}