/*	Reset margin and padding on all elements to combat display
	differences between browsers */
* { margin:0px; padding:0px; }
/*	Add default margin for lists as margin reset causes lists
	to display incorrectly */
ul, ol				{ margin-left:30px; }
ul.small, ol.small	{ margin-left:15px; padding-bottom:4pt; font-size:8pt; line-height:8pt; }
ul.menu, ol.menu	{ margin-left:20px; padding-bottom:4pt; font-size:8pt; line-height:8pt; }
/*	Class for iframes that are created to sit over 'windowed' elements and under divs with a z-index (popups & menus).
	Workaround for the IE6 bug that puts elements such as Select lists on top of everything */
iframe.IE6FixIframe	{ position:absolute; z-index:1; visibility:hidden; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }


/***********************************************************************
							ELEMENTS
***********************************************************************/

body, table {
	font-family:		Arial, Helvetica, Sans-Serif;
	font-size:			10pt;
	font-weight:		normal;
	line-height:		140%;
	color:				#6A6663;
}
body { text-align:center; background-color:White; min-width:1000px; padding-left:5px; padding-right:5px; }

td { vertical-align:top; }

h1, h2, h3 {
	font-weight:		bold;
	color:				#809D6F;
}
h1 {
	font-size:			12pt;
	line-height:		120%;
	padding-bottom:		12pt;
}
h2 {
	font-size:			11pt;
	line-height:		140%;
}
h3 { font-size:10pt; }

h4 {
	font-size:		10pt;
	color:			#6A6663;
	font-weight:	bold;
}

p, ul, ol { padding-bottom:10pt; }

a {
	font-weight:		normal;
	line-height:		140%;
	color:				#9061B5;
	text-decoration:	none;
}
a:hover { text-decoration:underline; }
a.noUnderline:hover { text-decoration:none; }

img { border:none; }


/***********************************************************************
							LAYOUT DIVS
***********************************************************************/

div.container {
/*	Page content has to be restricted to 1000px wide as that is the width of the header image.
	If the header image were designed to be expandable along its width we would not need to do
	this. Having this fixed width means that the main layout divs also need fixed widths in
	order to be positioned correctly	*/
	width:		1000px;
	margin:		0 auto 0 auto;
	text-align:	left;
}

div.header	{ float:left; width:100%; }

div#headerLeft, div#headerRight	{ display:inline;}
div#headerLeft					{ float:left; width:225px; /*margin-right:10px;*/ margin-right:5px; }
div#headerRight					{ float:right; /*width:755px;*/ width:760px; margin-right:10px; }

div.leftCol, div.body, div.rightCol		{ float:right; margin-top:10px; display:inline; }
div.noheader div.leftCol,
div.noheader div.body,
div.noheader div.rightCol				{ margin-top:0; }
div.leftCol								{ margin-right:15px; width:190px; }
div.rightCol							{ margin-left:15px; width:198px; text-align:left; }
div.rightCol /*IE*/ { text-align:right; }	div.rightCol /*Firefox*/ { text-align:-moz-right; }		/* must declare div.rightCol twice in order to work	*/

/*	Use the bodyMiddle class for pages with two columns.
	Fixed width ensures columns are positioned correctly
	(see comment about fixed width header image above).
	Use the bodyNoCols class for pages without either
	left or right column	*/
div.body		{ width:787px; }
div.bodyMiddle	{ width:582px; position:relative; }
div.bodyNoCols	{ width:auto; }

div.footer {
	padding-top:	10px;
	clear:			both;
	text-align:		center;
	font-size:		8pt;
	width:			100%;	/* IE 6 fix - clearing elements below floats must specify a width to prevent duplicate text on the page */
}
div.emptyFooter	{ padding:0; margin:0; height:0; line-height:0; font-size:0pt; }

table.accreditations	{ margin:0 auto 0 auto; }
table.accreditations td	{ padding:0 5px 10px 5px; }


/***********************************************************************
					SITE SELECTION DROP-DOWN
***********************************************************************/

#SiteSelector	{}
#SiteSelector select {
	text-align:	center;
	height:		22px;
/*	width:		190px;*/
	width:		295px;
}
#SiteSelector option.site {
	cursor:hand; cursor:pointer;
	text-align:	left;
}


/***********************************************************************
							MAIN MENU
***********************************************************************/

#menuBar {
	float:		left;
	text-align:	center;
	margin:		6px 0 0 50px;
	width:		264px;
	display:	inline;		/* fix for double margin bug in IE */
}
#menuBar a				{ float:left; }
#menuBar a div			{ cursor:hand;cursor:pointer; }
#menuBar a:hover		{ text-decoration:none; }
#menuBar a:hover div	{ background-color:White; }
img.menuBarImg			{ float:left; display:inline; margin-right:2px; }


/***********************************************************************
							COURSE MENU
***********************************************************************/

div.courseGroup	{ margin-left:3px; }
img.courseIcon	{ cursor:hand;cursor:pointer; }


/***********************************************************************
					HOME PAGE AND SECTION MENUS
***********************************************************************/

div.homePageMenu {
	margin-left:	10px;
	margin-top:		4px;
	padding-bottom:	10px;
	float:			left;
	display:		inline;
}

div.hpmGroup				{ float:left; margin:5px 0 5px -14px; display:inline; }
div.hpmGroup a:hover div	{ text-decoration:underline; }
div.hpmGroupBox		{ width:237px; float:left; display:inline; }
img.hpmGroupIcon	{ float:left; position:relative; left:14px; }

div.hpmMenuItem {
	text-align:			left;
	background-image:	url(../images/graphics/bullet-arrows.gif);
	padding-left:		15px;
	background-repeat:	no-repeat;
}

div.submenuPlus, div.submenuMinus {
	border:			solid 1px #9B75B7;
	padding:		0 2px 0 2px;
	line-height:	100%;
	font-size:		9pt;
	margin-left:	5px;
	float:			left;
	width:			7px;
	height:			11px;
	text-align:		center;
	background:		#FDFBFF;
}
div.submenuMinus {
	display:none; visibility:hidden;
}
div.submenu, div.submenuLink {
	border:			solid 1px #9B75B7;
	margin-left:	20px;
	padding:		0 2px 0 2px;
}
div.submenu {
	background:		#FDFBFF;
	line-height:	110%;
	font-size:		10pt;
	display:none; visibility:hidden;
}
div.submenuLink {
	background:		#F5E9FF;
	line-height:	110%;
	font-size:		8pt;
	width:			35px;
	height:			11px;
}


/***********************************************************************
								NEWS
***********************************************************************/

#latestNews					{ height:24px; }
#latestNews img.newsSpacer	{ width:867px; height:0; }

#newsHeading {
	float:				left;
	font-size:			9pt;
	font-weight:		bold;
	border:				solid 1px #D9D9D9;
	background-color:	#9B75B7;
	color:				White;
	width:				110px;
	text-align:			center;
	height:				20px;
	line-height:		20px;
}

#ticker-container {
    overflow:		hidden;
	width:			867px;
    height:			20px;
    float:			left;
    white-space:	nowrap;
	border:			solid 1px #D9D9D9;
	border-left:	none;
}
#ticker-container a	{ font-weight:bold; }
#ticker-container img.separator {
	margin:				0 10px 0 20px;
	vertical-align:		text-bottom;
}


/***********************************************************************
							COLUMN BOXES
***********************************************************************/

div.colBox {
	margin-top:			12px;
	background-image:	url(../images/bg/column-box.png);
	background-repeat:	no-repeat;
	width:				190px;
	margin-bottom:		30px;
	text-align:			left;
	font-size:			9pt;
}

div.colBoxHdrOrange, div.colBoxHdrGreen, div.colBoxHdrBrown {
	font-size:				10pt;
	width:					190px;
	height:					23px;
	color:					White;
	font-weight:			bold;
	text-align:				center;
	line-height:			22px;		/* <- to centre content vertically inside element (vertical-align is for aligning element itself) */
	position:				relative;
	top:					-12px;
	background-position:	right;
}

div.hdr1LineGreen p.hdr,
div.hdr1LineBrown p.hdr	{ display:inline; margin:0; padding:0; line-height:22px; }
div.hdr2LineGreen p.hdr,
div.hdr3LineGreen p.hdr,
div.hdr2LineBrown p.hdr,
div.hdr3LineBrown p.hdr,
div.hdr4LineGreen p.hdr,
div.hdr4LineBrown p.hdr	{ padding:4px 0 4px 0; }
div.colBoxHdrOrange		{ background-image:	url(../images/bg/titlebg-orange.gif); }
div.colBoxHdrGreen		{ background-image:	url(../images/bg/titlebg-green.gif); }
div.colBoxHdrBrown		{ background-image:	url(../images/bg/titlebg-brown.gif); }
div.hdr2LineGreen		{ background-image:	url(../images/bg/titlebg-green-2line.gif); line-height:12pt; height:41px; }
div.hdr2LineBrown		{ background-image:	url(../images/bg/titlebg-brown-2line.gif); line-height:12pt; height:41px; }
div.hdr3LineGreen		{ background-image:	url(../images/bg/titlebg-green-3line.gif); line-height:12pt; height:57px; }
div.hdr3LineBrown		{ background-image:	url(../images/bg/titlebg-brown-3line.gif); line-height:12pt; height:57px; }
div.hdr4LineGreen		{ background-image:	url(../images/bg/titlebg-green-4line.gif); line-height:12pt; height:73px; }
div.hdr4LineBrown		{ background-image:	url(../images/bg/titlebg-brown-4line.gif); line-height:12pt; height:73px; }
a.colBoxHdr, a.colBoxHdr div	{ color:White; cursor:hand; cursor:pointer; }

div.colBoxContent		{ margin:-8px 10px 0 10px; }
div.colBoxContent p		{ padding-bottom:5pt; line-height:12pt; }


/***********************************************************************
							BODY CONTENT
***********************************************************************/

.bodyTable {
	border:				solid 2px #969696;
	background-color:	#EFEDE4;
	border-collapse:	collapse;
}

.bodyTable th {
	border-bottom:		solid 1px White;
	border-left:		solid 1px White;
	border-right:		solid 1px White;
	text-align:			left;
	color:				White;
	background-color:	#969696;
}
.bodyTable td {
	border-bottom:		solid 1px White;
	border-left:		solid 1px White;
	border-right:		solid 1px White;
}
.bodyTable th, .bodyTable td	{ padding:5px 5px 5px 5px; }
.bodyTable td.header			{ background-color:#B4B4B4; color:White; font-weight:bold; }

div.pageNoLinks {
	border-top:			solid 2px #969696;
	border-bottom:		solid 2px #969696;
	background-color:	#EFEDE4;
}

span.pageNo {
	background-color:	#969696;
	color:				White;
}
span.pageNo, a.pageNoLink, a.PageNoLinkChevron	{ font-weight:bold; padding-left:2px; padding-right:2px; }

div.squareBtn, div.squareBtnHvr {
	border:solid 1px #969696;
	padding:2px;
	line-height:11pt;
	font-size:9pt;
}
div.squareBtn		{ background-color:#EEECE3; }
div.squareBtnHvr	{ background-color:White; }


/***********************************************************************
							DOWNLOAD LISTS
***********************************************************************/

table.downloads h3						{ padding:2px 0 0 0; }
table.downloads th						{ text-align:right; padding-bottom:10px; vertical-align:top; }
table.downloads th, table.downloads td	{ padding-left:10px; }
table.downloads p						{ margin-top:3px; }


/***********************************************************************
							ACCREDITATIONS BOX
***********************************************************************/
div.accrBox {
	width:				400px;
	margin-bottom:		10px;
	border:				solid 1px Black;
	background-color:	#EFEDE4;
}
table.accrBox {
	background-color:	white;
	margin:				3px;
	text-align:			left;
}
table.accrBox td {
	border:				solid 1px black;
	font-size:			8pt;
	line-height:		120%;
	font-family:		Arial Narrow;
	padding:			3px;
}
table.accrBox td.grey {
	font-size:			10pt;
	font-weight:		bold;
	font-family:		Arial;
	padding:			2px;
	color:				White;
	text-align:			center;
	background-color:	#969696;
	border:				solid 1px Black;
}
table.accrBox img {
	float:			left;
	margin-right:	10px;
}


/***********************************************************************
				CONTAINER ELEMENTS OF DIFFERENT COLOURS
***********************************************************************/

.orangeContainer, .purpleContainer, .blueContainer,
.redContainer, .greenContainer {
	font-size:			8pt;
	line-height:		11pt;
	background-color:	#EFEDE4;
}
.orangeContainer	{ border:solid 2px #EC993D; }
.purpleContainer	{ border:solid 2px #723D72; }
.blueContainer		{ border:solid 2px #008BC3; }
.redContainer		{ border:solid 2px #DD0000; }
.greenContainer		{ border:solid 2px #809D6F; }

.orangeContainer p, .purpleContainer p, .blueContainer p,
.redContainer p, .greenContainer p, .greenContainer h2,
.greenContainer h3, .greenContainer table, .greenBox p {
	margin:		5px 8px 5px 8px;
	text-align:	left;
}

.orangeContainer img, .purpleContainer img, .blueContainer img,
.redContainer img, .greenContainer img { margin-top:5px; }

.orangeBox, .purpleBox, .blueBox,
.redBox, .greenBox {
	color:				White;
	padding:			4px 5px 4px 5px;
	margin:				0;
	border:				0;
	text-align:			center;
	font-size:			10pt;
	font-weight:		bold;
}
.orangeBox	{ background-color:#EC993D; border:solid 1px #EC993D; }
.purpleBox	{ background-color:#723D72; border:solid 1px #723D72; }
.blueBox	{ background-color:#008BC3; border:solid 1px #008BC3; }
.redBox		{ background-color:#DD0000; border:solid 1px #DD0000; }
.greenBox	{ background-color:#809D6F; border:solid 1px #809D6F; }
.orangeBox a, .purpleBox a, .blueBox a,
.redBox a, .greenBox a { color:White; }

.green						{ background-color:#809D6F; color:White; }
.lightGreen					{ background-color:#B0D898; }
.grey						{ background-color:#969696; color:White; }
.lightOrange				{ background-color:#F6B66F; }
.sand, tr.sand td table		{ background-color:#EFEDE4; }

tr.grey th, td.sand, td.lightGreen, td.lightOrange	{ padding:5px; }


/***********************************************************************
							TOOLTIPS
***********************************************************************/

div.productHelpToolTip {
	position:			absolute;
	visibility:			hidden;
	border:				solid 1px Black;
	background-color:	#EEECE3;
	width:				200px;
	padding:			2px 5px 2px 5px;
	text-align:			justify;
	margin-top:			5px;
	margin-left:		5px;
	z-index:			10;
}


/***********************************************************************
							CONTACT FORM
				(also used on REED course booking page)
***********************************************************************/

table.contact, div.contact {
	background-color:	#EEECE3;
	border:				solid 1px #969696;
	margin:				0 0 10px 0;
	width:				100%;
}
table.contact				{ border-collapse:collapse; }
table.contact tr th,
table.contact tr td			{ padding:5px; }
table.contact tr th			{ white-space:nowrap; text-align:left; vertical-align:top; }
table.contact tr td.note,
div.note					{ padding-top:0; font-size:8pt; line-height:120%; }
td.note input				{ vertical-align:middle; }

div.contact h3,
div.contact p				{ margin:5px; padding:0; }


/***********************************************************************
								MISC
***********************************************************************/

img.headerLogo				{ margin:10px 0 10px 0; }
input.ELLogin				{ width:110px; float:right; margin-left:5px; }
span.ELLogin				{ line-height:22px; }
div.buyNowHdr,
div.buyNowCoursesBox		{ margin:5px 5px 0 5px; background-image:none; background-color:#EC993D; position:static; height:22px; width:169px; }
div.buyNowHdr				{ margin:0; width:165px; }
a:hover div.buyNowCoursesBox		{ text-decoration:underline; }
.handCursor					{ cursor:hand; cursor:pointer; }
.floatR, .floatRTop			{ float:right; margin-left:10px; }
.floatL, .floatLTop			{ float:left; margin-right:10px; }
.floatRTop, .floatLTop		{ margin-top:2px; }
div.BreadCrumbs				{ font-size:8pt; float:left; margin-top:5px; }
img.breadCrumbsIcon			{ vertical-align:text-top; margin-right:1px; /*display:block; float:left;*/ }
.headerline					{ color:#809D6F; font-weight:bold; }
.bold						{ font-weight:bold; }
table.courseList td			{ width:50px; vertical-align:middle; }
a.small						{ font-size:8pt; line-height:10pt; }
.chkbox input, .radio input	{ margin:0 5px 0 0; }
p.small, div.small			{ font-size:8pt; }
span.small					{ font-size:8pt; font-weight:normal; }
p.nospace					{ padding:0; }
ul.nospace					{ padding:0; }
.article					{ font-family:Times New Roman; }
ul.numbers					{ list-style-type:decimal; }
.inline						{ display:inline; vertical-align:middle; }
.podcastDesc				{ text-indent:20px; margin-left:40px; margin-bottom:5px; }
.podcastDesc i				{ display:block;width:99%; }
span.RegistrationError		{ color:Red; }
div.ezone						{ background-color:#EFEFEF; margin-bottom:10px; padding:5px; }
table.ezone th, table.ezone td	{ padding:2px; margin:0; }

.ErrorMessage {
	font-family:	Verdana;
	font-weight:	normal;
	font-size:		9pt;
	color:			red;
}

span.curved img {
	margin:			0 15px 0 0;
	float:			left;
	clear:			left;
}

img.staffCircle {
	height:			80px;
	float:			left;
	margin:			0 15px 5px 0;
}

a.menuLink, span.menuItem {
	display:		block;
	margin-left:	5px;
	margin-right:	5px;
	text-indent:	-5px;
	line-height:	120%;
	padding-bottom:	5px;
}

div.hr {
	border:			solid 1px #969696;
	height:			0;
	float:			left;
	clear:			both;
	width:			100%;
	margin:			5px 0 10px 0;
	line-height:	0;
}

span.errorbox 
{
	display: block;
	width: 660;
	border: solid 1px red;
	color:Red;
	padding: 20px;
	margin:10px;
	text-align: center;
	font-weight: bold;	
}


/******** END ********/