body	{
	margin: 0px 0px;
	font-family: Verdana, Arial, sans-serif;
}

.masthead  {
	   //background-color: green;
	   padding: 1% 2% 2% 0%;
}

.banner-left {
	   //background-color: yellow;
	   float: left;
	   width: 7%;
	   //border: solid 1px red;
}

#pixpix	{
	text-align: center;
	padding-top: 2%;
               //border: solid 1px red;
}

.banner-right {
	      //background-color: silver;
	      float: right;
	      padding-top: 2%;
	      //border: solid 1px red;
}

h1, h2, h3, h4  {
	        color: #90C3D4;
}

h1	{
	font-size: 36pt;
	font-weight: normal;
	padding: 6px 0px 0px -5px;
	float: left;
}

h2	{
	font-size: 16pt;
	font-weight: bold;
	padding: 125px 0px 0px 36px;
}

h3	{
	font-size: 14pt;
	font-weight: bold;
	text-align: right;
}

h4	{
	font-weight: bold;
	text-align: right;
}

.rotate    {
	
	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	transform: rotate(-90deg);
	
	/* fix to make it work in Chrome */
	display: inline-block;

}

.topline	{
	border-top: 8px solid #C95508;
	padding-top: 6px;
}

.topline2	{
	border-top: 8px solid #C95508;
	padding-top: 25px;
}

.welcome	{
	font-size: 12pt;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 10px 0px;
	background-color: #A1D490;
	width: 100%;
}

.yearbar	   {
	   font-size: 12pt;
	   font-weight: bold;
	   background-color: #B0ABAB;
	   margin: 40px 5%;
	   padding: 10px 40px;
}

.year	{
	font-size: 12pt;
	margin: 0px 5%;
	//background-color: yellow;
	height: 193px;
}

.ApriltoAug	{
	font-size: 12pt;
	margin: 40px 5%;
	//background-color: yellow;
	height: 193px;
}

.leftbox	{
	width: 25%;
	border-left: solid #90C3D4 3px;
	border-bottom: solid #90C3D4 9px;
	border-right: solid #90C3D4 3px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 0px 0px 20px 12px;
	margin-right: 10%;
	float: left;
}

.middlebox  {
	   width: 25%;
	   border-left: solid #90C3D4 3px;
	   border-bottom: solid #90C3D4 9px;
	   border-right: solid #90C3D4 3px;
	   border-bottom-left-radius: 25px;
	   border-bottom-right-radius: 25px;
	   padding: 0px 0px 20px 12px;
	   float: left;
}

.rightbox	{
	width: 25%;
	border-left: solid #90C3D4 3px;
	border-bottom: solid #90C3D4 9px;
	border-right: solid #90C3D4 3px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 0px 0px 20px 12px;
	float: right;
}

.month	{
	margin-top: 0px;
	margin-left: -12px;
	font-weight: bold;
	background-color: #90C3D4;
	padding: 6px 12px;
}

.rightarrow {
	   color: #A1D490;
}

footer	{
	font-size: 10pt;
	font-weight: bold;	
	text-align: center;
	margin: 40px 0px;
}

a:link, a:visited	{
	color: #90C3D4;
	text-decoration: none;
}

a:hover, a:active	{
	color: #0317FC;
	text-decoration: underline;
}