a:visited, a:active {

	color: #666666;

	text-decoration: none;

}



a:link {

	color: #666666;

	text-decoration: none;

}



a:hover{

	color: #666666;

	text-decoration: none;

}



li {

	list-style-type: square;

}



.Selected {

	color: #ffffff;

}



.ColumnsPane {

	width: 100%;

	/*height: 370px;*/

	overflow: hidden;

	background-color: #f8f8f8;

}



.ButtonPane {

	width: 100%;

	margin: 0px 0px 3px 0px;

	float: left;

}



.LoopPane {

	margin-bottom: 10px;

	padding: 4px;

	background-color: #fcfcfc;

	border-style: solid;

	border-width: 2px;

	border-color: #808284;

	float: left;

	width: 100%;
	
}



.HeaderPane{

	padding-bottom: 3px;

}



.NewRowPane {

	clear: left;

}



.DatePane {

	float: left;

}



/*HACK. IE Mobile hides the date behind the date buttons. This is fixed with a padding.

IE Mobile can't understand html<body, but other newer browsers do.

This way we get the compliant browsers to use the latter class without padding

but IE Mobile will use the previous one*/

.DateListPane {

	clear: left;

	padding-top: 30px;

}



html>body .DateListPane {

	clear: left;

	padding-top: 4px;

}

/*End HACK*/



.SelectedDatePane {



}



.CenteredImagePane {

	display: block;

	margin: 0 auto;

}



.ImagePane {

	float: left;

	margin-right: 8px;

}



.ImagePaneLink 

{

	border-style: none;

	outline: 0 none;

	-moz-outline: 0 none;

}



.ImageTextPane {

	float: left;

}



.LinkPane{

	text-align: left;

}



.DateLinkPane {

	text-align: left;

	padding-top: 5px;

}



.RSSLinkPane {

	float: left;

}



.LinkArrowPane {

	float: right;

}



.ActiveDate {

	background-image: url('Images/datebox_on.png');

	height: 24px;

	width: 27px;

	overflow: hidden;

	font-weight: normal;

	float: left;

	margin-right: 0px;

	margin-left: 0px;

	text-align: center;

	background-repeat:no-repeat;

	background-position: center;

}



.InactiveDate {

	background-image: url('Images/datebox_off.png');

	height: 24px;

	width: 27px;

	overflow: hidden;

	font-weight: normal;

	float: left;

	margin-right: 0px;

	margin-left: 0px;

	text-align: center;

	background-repeat:no-repeat;

	background-position: center;

}



.ActiveButtonLeft {

	background-image: url('Images/nav_on_01.png');

	height: 24px;

	width: 10px;

	float: left;

}

.QuizPane{
	background-image: url('Images/center_240.png');
	background-repeat: repeat-x;
}



.ActiveButtonRight {

	background-image: url('Images/nav_on_03.png');

	height: 24px;

	width: 10px;

	float: left;

}



.InactiveButtonLeft {

	background-image: url('Images/nav_off_01.png');

	height: 24px;

	width: 10px;

	float: left;

}



.InactiveButtonRight {

	background-image: url('Images/nav_off_03.png');

	height: 24px;

	width: 10px;

	float: left;

}

.ImageRowsPane{
	margin:auto;
	text-align: center;
	max-width:700px;
}

.ImageRowsPane img{ margin: 1px}


.ImageRowsPane p, .ImageRowsPane ul{ text-align: left;
	max-width:580px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.Left{
	text-align: left;
}

.QuizContent{
	padding: 5px;
}

.QuizLinkPane {
	margin: auto;
}
.QuizLinkPane a{
	cursor: pointer;
}