﻿body
{
	margin: 0px 0px;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
}

a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

.pageHeader
{
	margin: 18px 23px;
	clear: both;
}
.pageHeader .pageHeaderBar
{
	background: #DDDDDD url(/Images/Layout/menubar-tile.png) repeat-x scroll left top;
	color: #777777;
	border-bottom: 1px solid #DDDDDD;
	margin: 8px 0px;
	padding: 0px;
	font-size: 0.95em;
	height: 24px;
}
.pageHeader .pageHeaderBar .left, .pageHeader .pageHeaderBar .right
{
	width: 10px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
.pageHeader .pageHeaderBar .left
{
	float: left;
	background: #DDDDDD url(/Images/Layout/menubar-left.png) no-repeat scroll left top;
}
.pageHeader .pageHeaderBar .right
{
	float: right;
	background: #DDDDDD url(/Images/Layout/menubar-right.png) no-repeat scroll right top;
}
.pageHeader .pageHeaderBar h1
{
	margin: 6px 0px 0px 0px;
	float: left;
	font-size: 0.95em;
	height: 25px;
}
.pageHeader .pageHeaderBar a
{
	float: left; 
	color: #777777;
	text-decoration: none;
	padding: 5px 10px; 
}
.pageHeader .pageHeaderBar a:hover
{
	color: #000000;
	text-decoration: underline;
}


/* PAGE CONTENT */
.pageContent
{
	margin: 0px 30px;
	padding: 0px 0px 25px 0px;
	clear: both;
	min-height: 400px; 
}
.pageContent .contentLeft
{
	overflow: auto; 
	margin: 0px 275px 0px 10px; 
}
.pageContent .contentLeft h1 
{
	color: #0768A9; 
	font-weight: normal; 
	font-size: 26px; 
}
.pageContent .contentRight
{
	position: absolute; 
	top: 150px; 
	right: 50px; 
	width: 200px; 
}


/* PAGE OBJECTS */
.pageContent .contentRight .rightHandBox
{
	margin: 0px 0px 25px 0px; 
}
.pageContent .contentRight .rightHandBox h3 
{
	font-weight: normal; 
	font-family: Tahoma, Sans-Serif; 
	color: #666666; 
	margin: 0px; 
	font-size: 20px; 
	border-bottom: 1px solid #3AACC4; 
}


/* FOOTER */
.pageFooter
{
	font-family: Tahoma, Arial, Sans-Serif;
	text-align: center;
	margin: 18px 23px;
	color: #555555;
	clear: both;
	font-size: 7pt;
}
.pageFooter ul
{
	border-top: 1px solid #CCCCCC;
	list-style-type: none;
	padding: 10px 0px;
	margin: 5px 0px 15px 0px;
}
.pageFooter ul li
{
	display: inline;
	margin: 0px 5px;
	padding: 0px 0px 0px 12px;
	border-left: 1px solid #CCCCCC;
	font-size: 8pt;
}
.pageFooter ul li:first-child
{
	border-left: 0px solid #CCCCCC;
}
.pageFooter ul li a
{
	color: #555555;
	text-decoration: none;
}
.pageFooter ul li a:hover
{
	color: #444444;
	text-decoration: underline;
}
.pageFooter div a
{
	color: #555555;
	text-decoration: none;
}
.pageFooter div a img
{
	border: 0px solid #FFFFFF;
	margin: 5px 0px 0px 0px;
}
/* Tweaks for homepage footer */
 .
.pageFooter.homePage
{
	margin: 18px auto;
	width: 650px;
	padding: 0px;
}
 .
.pageFooter.homePage ul li
{
}


/* Other objects */
.pretendButton
{
	background-color: #DDDDDD;
	border: 1px outset #DDDDDD;
	padding: 3px 10px;
}
.pretendButton:hover
{
	background-color: #AAAAAA;
	border: 1px outset #AAAAAA;
}
.pretendButton a
{
	color: #000000;
	text-decoration: none;
}
.pretendButton:hover a
{
}

h4.downloadList
{
	font-size: 1.25em;
	color: #000099;
	margin: 10px 0px 0px 0px;
}
ul.downloadList
{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
ul.downloadList li
{
	background: transparent url(/Images/Icons/File.gif) no-repeat scroll left top;
	padding: 3px 0px 3px 20px;
}

/* Programs and services index page */
.pageContent h1
{
	margin: 0px 0px 10px 0px;
	font-size: 2em;
	color: #000077;
}
.pageContent h2.categoryListItem
{
	float: left;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #777777;
	margin: 0px !important;
	width: 245px;
	padding: 15px 0px 5px 0px;
}

.threeColumn
{
	position: relative;
	float: left;
	width: 250px;
}
.fourColumnContainer
{
	position: relative;
	float: left;
	width: 925px;
}
.fourColumn
{
	position: relative;
	float: left;
	width: 225px;
}

ul.pagesList
{
	float: left;
	display: block;
	width: 215px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-type: none;
}
ul.pagesList li
{
	font-size: 0.9em;
	font-weight: normal;
}
ul.pagesList li a
{
	color: #000099;
	text-decoration: none;
}
ul.pagesList li a:hover
{
	color: #AA0000;
	text-decoration: underline;
}

/* CSS for the programme information page */
.programmeContainer
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 600px;
}
.programmeLeft
{
	position: relative;
	float: left;
	width: 75%;
	min-width: 200px;
}
.programmeRight
{
	position: relative;
	float: left;
	clear: right;
	min-width: 100px;
	padding: 25px 0px 0px 25px;
}


/* The booking form */
.bookingForm
{
	position: absolute;
	width: 540px;
	top: -20px;
	left: 50%;
	margin: 0px 0px 0px -270px;
}
.bookingForm .top
{
	float: left;
	background-image: url(/images/layout/infobox-top.png);
	height: 30px;
	width: 540px;
}
.bookingForm .middle
{
	float: left;
	background-image: url(/images/layout/infobox-middle.png);
}
.bookingForm .bottom
{
	float: left;
	background-image: url(/images/layout/infobox-bottom.png);
	height: 30px;
	width: 540px;
}

.bookingForm .middle h2
{
	width: 470px;
	color: #FFFFFF;
	margin: 0px;
	padding: 4px 0px 0px 10px;
	background-image: url(/images/layout/infobox-header.jpg);
	background-repeat: no-repeat;
	background-color: #3399CC;
	background-position: left top;
	font-size: 11pt;
	text-shadow: #000099 0px 1px 1px;
	height: 21px;
	margin: 0px 30px 10px 30px;
}
.bookingForm .middle .row
{
	float: left;
	padding: 8px 10px;
	background-color: #FFFFFF;
	width: 460px;
	margin: 0px 30px;
}
.bookingForm .middle .row h3
{
	margin: 0px 30px;
	text-align: center;
	color: #3399FF;
	padding: 0px;
	font-size: 15pt;
}
.bookingForm .middle .row .statusLabel
{
	margin: 0px 30px;
	text-align: center;
	color: #AA0000;
	padding: 0px;
	font-size: 15pt;
}
.bookingForm .middle .row .label
{
	float: left;
	width: 100px;
	padding: 6px 0px 0px 0px;
}
.bookingForm .middle .row .input
{
	float: left;
	width: 350px;
}
.bookingForm .middle .row .input .textbox
{
	width: 100%;
	padding: 2px;
	height: 18px;
}
.bookingForm .middle .row .input span
{
	font-size: 8pt;
	position: absolute;
}
.bookingForm .middle .row .input .acceptButton
{
	font-weight: bold;
	height: 25px;
	text-shadow: #FFFFFF 0px 0px 3px;
}
.bookingForm .middle .row .input .button
{
	height: 25px;
}

/* Default status label style */
.statusLabel
{
	font-weight: bold;
	color: #AA0000;
}


/* ************************************************** */
/* Home page specific styles */
.homePageLogo
{
}
.homePageLogo h1
{
	display: none; 
}
.homePageBlurb
{
	font-size: 15px; 
	font-weight: normal; 
	color: #999999; 
	width: 275px; 
	margin: 0px 0px 0px 160px; 
}
.homePageButton
{
	background: #FFFFFF url(/Images/Layout/button.png) no-repeat scroll left top; 
	height: 35px; 
	width: 215px; 
	padding: 12px 0px 0px 0px; 
	text-align: center; 
	margin: 0px 0px 0px 150px; 
}
.homePageButton a 
{
	color: #333333; 
	text-decoration: none; 
}
.homePageButton a:hover 
{
	color: #000000; 
}



.icon-row
{
	position: relative; 
	float: left; 
	clear: both; 
	margin: 0px 0px 20px 0px; 
	width: 800px; 
}
.icon-row a img 
{
	border: 0px solid #FFFFFF; 
}
.icon-row-icon
{
	float: left; 
	width: 100px; 
	margin: 25px 0px 0px 0px; 
	text-align: center; 
}
.icon-row-right
{
	float: left; 
	width: 600px; 
	padding: 0px 0px 0px 25px; 
}



/* LINKS BOX */
#linksBox p 
{
	margin: 5px 0px; 
}



/* ALERTS BOX */
#alertsBox .alert 
{
	margin: 10px 0px; 
}
#alertsBox .alert .alertHeader, 
#alertsBox .alert .alertText 
{
	margin: 0px; 
}
