/*
HTML Page elements
---------------------
*/

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		background-color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		color: #000000;
		background-image: url("/images/common/themes/red_gold_yellow/page_background_tile.jpg");
		background-position: top center;
		background-repeat: repeat-x;
	}
	
	p {
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	form {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	hr {
		display: none;
	}
	
	a {
		color: #0079c2;
	}
	a:visited {
		color: #0079c2;
	}
	a:hover {
		color: #1d1060;
	}
	
	.floatRight {
		float: right;
	}
	.floatLeft {
		float: left;
	}
	
	ul {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position: outside;
	}
	
	ul li {
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 0px 25px;
		background-image: url("/images/common/list_bullet.gif");
		background-position: 5px 3px;
		background-repeat: no-repeat;
	}	
	.smallText {
		font-size: 10px;
		line-height: 12px;
		color: #888888;
	}
	
	.smallGrey {
		display: block;
		margin: 20px 0px 0px 0px;
		font-size: 10px;
		line-height: 12px;
		text-align: center;
		color: #CCCCCC;
	}
	
	.featureBox {
		background-color: #ebf4fa;
		border: 1px solid #d3e7f4;
		margin: 20px 0px 20px 0px;
	}
	.featureBoxContent {
		margin: 10px 10px 10px 10px;
	}
	

/*
Misc positioning elements
-------------------------
*/

	#miscTags {
		display: none;
	}
	
	#fullBrowserWidth {
		display: block;
		width: 100%;
		text-align: center;
	}

	#centeredPage {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		clear: both;
		position: relative;
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		min-height: 200px;
		/* hack for IE */
		_height: 200px;
	}

/*
Header elements
-------------------------
*/

	#headerArea {
		display: block;
		position: relative;
		width: 920px;
		height: 80px;
		margin-left: auto;
		margin-right: auto;
		background-image: url("/images/common/themes/red_gold_yellow/header_logo_background.jpg");
		background-repeat: no-repeat;
		text-align: left;
	}
	
	#headerArea h1 {
		display: none;
	}
	
	#headerArea p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#headerArea #leckieLogo {
		position: absolute;
		top: 13px;
		left: 20px;
		z-index: 25;
	}
	
	#headerArea #leckieLogoAnniversary {
		position: absolute;
		top: 0px;
		left: 20px;
		z-index: 25;
	}
	
	#headerArea #cssLinks {
		display: block;
		position: absolute;
		top: 50px;
		left: 240px;
		width: 95px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 10px;
		text-transform: uppercase;
		z-index: 15;
	}
	#headerArea #cssLinks a {
		color: #999999;
		text-decoration: none;
	}
	#headerArea #cssLinks a:visited {
		color: #999999;
		text-decoration: none;
	}
	#headerArea #cssLinks a:hover {
		color: #ff3300;
		text-decoration: underline;
	}
	#headerArea #skipNav {
		display: none;
	}
	
	#headerSnow {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 920px;
		height: 80px;
		overflow: hidden;
		z-index: 10;
		background-repeat: no-repeat;
	}
	
	#headerSnow div.snowflake1 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		width: 8px;
		height: 11px;
		overflow: hidden;
	}
	
	#headerSnow div.snowflake2 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		width: 14px;
		height: 17px;
		overflow: hidden;
	}


/*
Column elements
-------------------------
*/

	#twoColumns {
		display: block;
		margin: 21px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		background-image: url("/images/common/two_col_dotted_line_bg.gif");
		background-position: top left;
		background-repeat: repeat-y;
	}
	
	#twoColumns #mainColumn {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 675px;
	}
	
	#twoColumns #mainColumn #pageTitle h1 {
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 20px 0px;
		font-size: 24px;
		line-height: 27px;
		color: #1B0D5F;
	}
	
	#mainColumn h2 {
		margin: 0px 0px 2px 0px;
		padding: 10px 0px 5px 0px;
		font-size: 16px;
		line-height: 20px;
		color: #1B0D5F;
		font-weight: bold;
	}
	#mainColumn h2.noTopPadding {
		padding: 0px 0px 10px 0px;
	}
	#mainColumn h2 .faded {
		color: #d1cede;
	}
	
	#mainColumn h3 {
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
		line-height: 14px;
		color: #1B0D5F;
		font-weight: bold;
	}
	#mainColumn h3.bigRedText {
		font-size: 14px;
		line-height: 20px;
		color: #1B0D5F;
	}
	
	#twoColumns #rightColumn {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		width: 180px;
	}

	#threeColumns {
		display: block;
		margin: 21px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
		background-image: url("/images/common/three_col_dotted_line_bg.gif");
		background-position: top center;
		background-repeat: repeat-y;
	}
	
	#threeColumns #leftColumn {
		display: block;
		width: 180px;
		float: left;
		margin: 0px 30px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#threeColumns #mainColumn {
		display: block;
		width: 480px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#threeColumns #rightColumn {
		display: block;
		width: 180px;
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#threeColumns #mainColumn .subColumns {
		display: block;
		width: 480px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url("/images/common/central_dotted_line.gif");
		background-position: top center;
		background-repeat: repeat-y;
	}
	
	#threeColumns #mainColumn .subColumns .leftSubColumn {
		display: block;
		width: 225px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	
	#threeColumns #mainColumn .subColumns .rightSubColumn {
		display: block;
		width: 225px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
	}

/*
Page content elements
-------------------------
*/

	.introParagraph {
		font-size: 13px;
		line-height: 18px;
		color: #b60d0b;
		font-weight: bold;
	}
	
	.summaryBox {
		display: block;
		border: 1px solid #b3d1f5;
		padding: 10px 10px 0px 10px;
		background-color: #EBF5FA;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.old_link{
		color:#33CC00;
	}
	
	/* Styling for postal address */
	ul li.postal_address {
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 30px;
		background-image: url("/images/2007_theme/common/list_bullet.gif");
		background-position: 0px 4px;
		background-repeat: no-repeat;
		list-style-type:none;	
	}
	
	.clearBoth {
		display: block;
		clear: both;
		height: -1px;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
	}
	
	
	/* Styling for greyed out section on About Leckie page */
	.grey_paragraph {
		color:#999999;
	}
	.grey_paragraph h3 {
		 padding :15px 0px 0px 0px; 
		 margin-bottom:2px;
	}
	
	
	/* Styling for people pictures on Who We Are page */
	.person {
			height: 216px;
			width: 124px;
			position: relative;
			float: left;
			margin: 7px 10px 7px 0px;
		}
		.person img {
			display: block;
			border: none;
		}
		p.person_description {
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 0px 5px;
			width: 125px;
		}
		p.person_description a {
			text-decoration: none;
			color: #000000;
		}
		p.person_description a:visited {
			text-decoration: none;
			color: #000000;
		}
		p.person_description a:hover {
			text-decoration: underline;
			color: #1d1060;
		}
	
	/* Picture styling */
	.picBorder {
		border: 1px solid #000000;
	}
	
	.picLeft {
		display: block;
		clear: both;
		float: left;
		margin: 2px 10px 12px 0px;
	}
	
	.picLeftBottom {
		display: block;
		position: absolute;
		bottom: 4px;
		left: 13px;
	}
	
	.picRight {
		display: block;
		clear: both;
		float: right;
		margin: 2px 0px 12px 15px;
	}
	
	.picRightSidepanel {
		display: block;
		clear: both;
		float: right;
		margin: 2px 0px 5px 2px;
	}
	
	
	.picRightBottom {
		display: block;
		position: absolute;
		bottom: 4px;
		right: 13px;
	}
	
	.picCenter {
		display: block;
		text-align: center;
		margin: 5px 0px 12px 0px;
	}
	
	.mind_map_available {
		font-weight: bold;
		background-color: #c7c7e1;
	}
	
	.divider {
		margin: 30px 0px 25px 0px;
		padding: 0px 0px 0px 0px;
		height: 3px;
		background-image: url("/images/common/divider_bg.gif");
		background-repeat: repeat-x;
		overflow: hidden;
	}
	
	.hidden {
		display: none;
	}
	
	/* Link List styles */
	li .link_title {
		display:block;
		font-weight:bold;
	}
	li .link_url {
		display:block;
	}

	/* Book covers on what's new page */
	div.new_books {
		width: 200px;
		display: inline;
	}
	
	
	/* In Page Panel */

	.pagePanel, .prizePagePanel {
		display: block;
		margin: 7px -3px 9px -3px;
		padding: 0px 0px 0px 0px;
		background-image: url("/images/common/page_panel_background.gif");
		background-repeat: no-repeat;
		width: 681px;
		position: relative;
	}

	.pagePanel .pagePanelContent, .prizePagePanel .prizePagePanelContent {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 14px;
		float: left;
	}

	.pagePanel .pagePanelContent {
		width: 375px;
	}
	
	.prizePagePanel .prizePagePanelContent {
		width: 425px;
	}
	
	.prizePagePanelContentNoFloat {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 14px;
		width: 425px;
	}
	
	.pagePanel .pagePanelContent h2, .prizePagePanel .prizePagePanelContent h2 {
		margin: 0px 0px 10px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}

	.pagePanel .pagePanelImage, .prizePagePanel .prizePagePanelImage {
		display: block;
		margin: 20px 20px 10px 0px;
		padding: 0px 0px 0px 0px;
		float: right;
		text-align: right;
	}
	
	.prizePagePanel .prizePagePanelImageBottom {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		right: 20px;
		bottom: 4px;
	}
	
	.pagePanel .pagePanelImage {
		width: 250px;
	}
	

	.pagePanel .pagePanelBottom, .prizePagePanel .prizePagePanelBottom {
		display: block;
		height: 4px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url("/images/common/page_panel_bottom.gif");
		background-repeat: no-repeat;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}
	
	
/*
Table elements
-------------------------
*/

	table {
		display: block;
		clear: both;
		margin: 10px 0px 20px 0px;
		background-color: #0079C1;
		border: none;
	}
	table.whiteBackground {
		background-color: #ffffff;
	}
	table caption {
		padding: 2px 2px 2px 4px;
		margin-bottom: 0px;
		background-color: #0079C1;
		color: #ffffff;
		font-weight: bold;
		font-size: 13px;
		text-align: left;
		border: none;
	}
	table.whiteBackground caption {
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
	}
	table th {
		margin: 1px;
		padding: 3px 4px 3px 4px;
		background-color: #f0f5f8;
		color: #0C1D5A;
		font-weight: bold;
		font-size: 11px;
		text-align: left;
		border: none;
	}
	table th.noBold {
		font-weight: normal;
	}
	table td {
		margin: 1px;
		padding: 3px 4px 3px 4px;
		background-color: #e6f2f8;
		color: #000000;
		font-weight: normal;
		font-size: 11px;
		text-align: center;
		border: none;
	}
	table td.leftAligned {
		margin: 1px;
		padding: 3px 4px 3px 4px;
		background-color: #e6f2f8;
		color: #000000;
		font-weight: normal;
		font-size: 11px;
		text-align: left;
		border: none;
	}
	table tr.tableHeadings th {
		margin: 1px;
		padding: 2px 4px 2px 4px;
		background-color: #c9e3f1;
		color: #3a4f8d;
		font-weight: bold;
		font-size: 11px;
		text-align: left;
		background-image: none;
		border: none;
	}
	table tr.tableHeadings th.centered {
		text-align: center;
	}
	table tr.commentArea td {
		margin: 1px;
		padding: 4px 4px 0px 4px;
		background-color: #f0f5f8;
		font-weight: normal;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		background-image: none;
		border: none;
	}
	table tr.commentArea td p {
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
	}
	.leftAligned td, td.leftAligned {
		margin: 1px;
		padding: 6px 4px 0px 6px;
		background-color: #e6f2f8;
		color: #000000;s
		font-weight: normal;
		font-size: 11px;
		text-align: left;
		border: none;
	}
	td.leftAligned {
		padding: 0px 0px 0px 4px;
	}
	.leftAlignedNormal td {
		margin: 1px;
		padding: 3px 4px 3px 4px;
		background-color: #e6f2f8;
		color: #000000;
		font-weight: normal;
		font-size: 11px;
		text-align: left;
		border: none;
	}
	table th p, table td p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

/*
Shopping basket elements
-------------------------
*/
	
	.basketButton p {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.basketButton a {
		display: block;
		margin: 0px 7px 0px 0px;
		padding: 0px 10px 0px 10px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		border: 1px solid #0079C1;
		color: #0079C1;
		line-height: 25px;
	}
	
	.basketButton a:visited {
		color: #0079C1;
		text-decoration: none;
	}
	
	.basketButton a:hover {
		color: #ffffff;
		background-color: #0079C1;
		text-decoration: none;
	}
	
	.basketButton .buttonLeft {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.basketButton .buttonRight {
		display: block;
		position: absolute;
		right: 68px;
		top: 0px;
	}
	
	#emptyBasket {
		margin: 15px 0px 20px 0px;
		padding: 10px 0px 10px 0px;
		background-color: #d9ebf7;
		border: 1px solid #0079C1;
		text-align: center;
		font-weight: bold;
		width: 600px;
	}
	#emptyBasket p {
		margin: 0px;
		padding: 0px;
	}
	
	.basketOffer {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #e6f2f8;
		width: 600px;
	}
	
	.basketOffer .basketOfferImage {
		display: inline;
		float: left;
		width: 130px;
	}
	
	.basketOffer .basketOfferImage img {
		border: 1px solid #000000;
		margin: 10px 0px 10px 10px;
	}
	
	.basketOffer .basketOfferContent {
		float: left;
		width: 470px;
	}
	
	.basketOffer .basketOfferContent h2 {
		margin: 10px 10px 10px 0px !important;
		padding: 0px 0px 0px 0px !important;
		font-size: 16px !important;
		line-height: 20px !important;
		color: #1B0D5F !important;
		font-weight: bold !important;
		background-color: transparent !important;
	}
	
	.basketOffer .basketOfferContent p {
		margin: 0px 10px 10px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	
	/*
First Tutor search panel
-------------------------
*/
	
	#FTSPanel { 
		position: relative;
		margin: 0px;
		width: 180px;
		font-family: Verdana, Geneva, sans-serif;
		padding: 5px 0px 5px 0px;
		background-image: url('/images/panels/first_tutors_form/first_tutors_search_background_tile.gif');
		background-repeat: repeat-x;
	}
	#FTSPanel #FTSForm { 
		width: 164px;
		padding: 0px 8px 5px 8px;
	}
	#FTSPanel #FTSForm input { 
		width: 102px;
		margin: 0px 0px 5px 0px;
	}
	#FTSPanel #FTSForm select {
		width: 164px;
		margin: 0px 0px 5px 0px;
	}
	#FTSPanel #FTSForm label {
		color: white;
		font-size: 11px; 
		margin: 0px 0px 5px 0px;
	}
	#FTSPanel #FTSForm p {
		color: white;
		font-size: 9px;
	}
	#FTSPanel #FTSForm p a { 
		color: white;
	}

/*
Site Map elements
-------------------------
*/

	#sitemap {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
	}
	#sitemap dt {
		margin: 12px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 14px;
		line-height: 16px;
		font-weight: bold;
	}
	#sitemap dd {
		margin: 0px 0px 2px 20px;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
		line-height: 15px;
	}


/*
Footer elements
-------------------------
*/

	#footerArea {
		display: block;
		position: relative;
		width: 900px;
		height: 32px;
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #7f7f7f;
	}
	
	#footerArea p {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 11px;
		line-height: 13px;
		color: #CCCCCC;
	}
	
	#footerArea a {
		text-decoration: none;
	}
	#footerArea a:visited {
		text-decoration: none;
	}
	#footerArea a:hover {
		text-decoration: underline;
	}
	
	#footerArea #toTop {
		position: absolute;
		top: 8px;
		left: 0px;
	}
	
	#footerArea #footerLinks {
		position: absolute;
		top: 8px;
		right: 0px;
	}
	
	#copyrightNotice {
		display: block;
		margin: 20px 0px 0px 0px;
		font-size: 10px;
		line-height: 12px;
		text-align: center;
		color: #CCCCCC;
	}
	#copyrightNotice span {
		color: #666666;
	}
	#copyrightNotice a {
		color: #666666;
		text-decoration: none;
	}
	#copyrightNotice a:visited {
		color: #666666;
		text-decoration: none;
	}
	#copyrightNotice a:hover {
		color: #666666;
		text-decoration: underline;
	}