/*****************************/
/* Website Top Level Styles */
/***************************/

a {text-decoration: underline; color: blue; font: 10pt verdana, arial, sans-serif;}
a:visited {color: purple;}
a:hover {color: red;}

body {
	margin: 0px 0px 0px 0px;
	font: 10pt verdana, arial, sans-serif;
	color: #000000;
	}

td {
	vertical-align: top;
	}

img {
	border: none;
	}

h1 {
	font: 15pt arial, verdana, sans-serif;
	color: #436DA9;
	margin: 0px 0px 0px 0px;
	}


/******************************/
/* Website Individual Styles */
/****************************/

.hidden {
	display: none;
	}
	
.greenText {
	font-weight: bold;
	color: #92BE52;
	}

.blueText {
	font-weight: bold;
	color: #436DA9;
	}

.greenHolder {
	padding: 18px 14px 18px 14px;
	border-top: 1px solid #648D24;
	border-bottom: 1px solid #648D24;
	background-color: #F6FBCD;
	}

.blueHolder {
	padding: 18px 14px 18px 14px;
	border-top: 1px solid #436DA9;
	border-bottom: 1px solid #436DA9;
	background-color: #CDE1FD;
	}

.greyHolder {
	padding: 18px 14px 18px 14px;
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	background-color: #F1F1F1;
	}

ul {
	margin: 0px 0px 15px 0px;
	list-style-type: none;
	}
	
	ul li {
		padding: 4px 1px 0px 30px;
		background-image: url(images/bullet.gif);
		background-position: 0px 6px;
		background-repeat: no-repeat;
		}

.formattedTable {
	border-top: 1px solid #648D24;
	border-bottom: 1px solid #648D24;
	background-color: #F6FBCD;
	width: 530px;
	}
	
	.formattedTable th {
		background-color: #C5DE8D;
		font: bold 13px arial, verdana, sans-serif;
		color: #F9FDDC;
		vertical-align: top;
		}
	
	.formattedTable .lightBlue {
		background-color: #F9FDDC;
		}
	
.voiceOver {
	float: right;
	padding: 0px 0px 10px 20px;
	}

/**********************/
/* Website Framework */
/********************/

#mainHolder {
	width: 749px;
	height: 213px; /* Minimum height to include banner only */
	margin: 0px auto 0px auto;
	background-image: url(images/background_mainholder.jpg);
	background-position: 0px 24px;
	background-repeat: no-repeat;
	}

#topBar {
	width: 100%;
	height: 23px;
	border-bottom: 1px solid white;
	background-image: url(images/background_topbar.gif);
	background-position: 19px 5px;
	background-repeat: no-repeat;
	background-color: #436DA9;
	}

#menuArea {
	float: left;
	width: 184px;
	margin: 135px 0px 0px 0px;
	}
	
	#menuArea #accessibility {
		font: 11px arial, verdana, sans-serif;
		padding: 0px 7px 5px 0px;
		color: #666666;
		text-align: right;
		border-bottom: 1px solid white;
		
		}
		
		#menuArea #accessibility a {text-decoration: none; color: #666666; font: italic bold 11px arial, verdana, sans-serif;}
		#menuArea #accessibility a:visited {color: #666666;}
		#menuArea #accessibility a:hover {text-decoration: underline; color: #666666;}
	
	#menuArea ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 191px 0px;
		list-style-type: none;
		background-image: url(images/background_menu.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		background-color: #F2F2F2;
		}
		
		#menuArea ul li {
			height: 19px;
			padding: 4px 1px 0px 23px;
			border-bottom: 1px solid white;
			background-image: url(images/background_menuitem.gif);
			background-position: 6px 6px;
			background-repeat: no-repeat;
			}
			
			#menuArea ul li a {text-decoration: none; color: #666F74; font: 10pt arial, verdana, sans-serif;}
			#menuArea ul li a:visited {color: #666F74;}
			#menuArea ul li a:hover {color: #2F5999;}
		
#contentArea {
	margin: 93px 0px 15px 184px;
	padding: 0px 15px 0px 15px;
	line-height: 1.6;
	background-image: url(images/background_contentarea.gif);
	background-position: 0px 71px;
	background-repeat: no-repeat;
	}
	
	#contentArea #welcomeIcon {float: left; width: 85px; cursor: pointer; padding: 51px 0px 15px 0px; font: bold 8pt verdana, arial, sans-serif; color: #5077AF; background-image: url(images/icon_welcome.jpg); background-position: 4px 0px; background-repeat: no-repeat;}
	#contentArea #learnersIcon {float: left; width: 79px; cursor: pointer; padding: 51px 0px 15px 0px; font: bold 8pt verdana, arial, sans-serif; color: #5077AF; background-image: url(images/icon_learners.jpg); background-position: 3px 0px; background-repeat: no-repeat;}
	#contentArea #tutorIcon {width: 300px; cursor: pointer; padding: 51px 0px 15px 4px; font: bold 8pt verdana, arial, sans-serif; color: #5077AF; background-image: url(images/icon_tutors.jpg); background-position: 0px 0px; background-repeat: no-repeat;}
		
		#contentArea #tutorIcon a, #contentArea #welcomeIcon a, #contentArea #learnersIcon a {text-decoration: none; color: #5077AF; font: bold 8pt verdana, arial, sans-serif;}
		#contentArea #tutorIcon a:visited, #contentArea #welcomeIcon a:visited, #contentArea #learnersIcon a:visited {color: #5077AF;}
		#contentArea #tutorIcon a:hover, #contentArea #welcomeIcon a:hover, #contentArea #learnersIcon a:hover {color: #5077AF;}
	
#footerArea {
	width: 100%;
	height: 30px;
	padding: 13px 0px 0px 0px;
	background-image: url(images/background_footerarea.gif);
	background-position: left top;
	background-repeat: no-repeat;	
	border-bottom: 5px solid #436DA9;
	}
		
	#footerArea #lotterylogo {float: right; width: 103px; height: 27px; margin: 0px 2px 0px 0px; background-image:  url("images/footer_logo_lottery.gif"); background-position: 0px 0px; background-repeat: no-repeat;}