/*
 * 3 column layout
 */
div.twoColumnLayout
{
	width: 100%;
}
div.twoColumnLayout div.leftColumn
{
	float: left;
	width: 230px;
	clear: left;
}

div.twoColumnLayout div.leftWideColumn
{
	float: left;
	width: 774px;
	clear: left;	
}

div.twoColumnLayout div.centreColumn
{
	float: left;
	width: 544px;	
}

div.twoColumnLayout div.rightColumn
{
	float: right;
	width: 231px;
	clear: right;
}

/* 
 * General Classes
 */


.gradientFilled
{
	background: #753885 url(img/column_bg.gif) bottom no-repeat;
	padding: 0 5px 5px 5px;
}


.section, .sectionLight, .sectionDark, .sectionPink
{
	border: 0;
	padding: 10px 14px 0 14px;
	font-size: 10px;	
}



.sectionHeader
{	
	font-size: 13px;
	padding-bottom: 12px;
}


.sectionLight
{
	background: url(img/section_light_bg.gif);
	color: #753885;
}
.sectionLightBottom
{
	background: url(img/section_light_bottom_bg.gif);
}

.sectionDark
{
	background: url(img/section_dark_bg.gif);
	color: #ffffff;
}

.sectionPink
{
	background: url(img/section_pink_bg.gif);
	color: #5E5E5E;
}

.sectionDark a
{
	color: #FFFFFF;
	text-decoration: none;
}

.sectionDark a:hover
{
	color: #E8B6F1;
}

.sectionDarkBottom
{
	background: url(img/section_dark_bottom_bg.gif);
}

.sectionPinkBottom
{
	background: url(img/section_pink_bottom_bg.gif);
}

.sectionLightBottom, .sectionDarkBottom, .sectionPinkBottom
{
	height: 12px;
	font-size: 1px;
	margin-bottom: 5px;
}

.button a:hover, .darkButton a:hover
{
	color: #000000;
}

.ads IMG
{
	padding-top: 5px;
	border: none;
}

/* 
 * Category Links 
 */

#categoryLinksContainer
{
	padding: 25px 0 5px 0;
	font-size: 11px;
}

#categoryLinksContainer .categoryLink
{
	padding-bottom: 3px;
}

#categoryLinksContainer A, .sectionPink .sectionContent A
{
	text-decoration: none;
	color: #5E5E5E;
}

#categoryLinksContainer A:hover, .sectionPink .sectionContent A:hover
{
	color: #D3D3D3;
}

#categoryLinksContainer .separator, .sectionPink .sectionContent .separator
{
	border-top: dashed 1px #D3D3D3;
	padding-bottom: 3px;
}

/* Late Availibility */

#recentlyViewedContainer .recentlyViewedLink, #lateAvailabilityContainer .lateAvailabilityLink
{
	padding-bottom: 4px;
}

#recentlyViewedContainer .recentlyViewedSeparator, #lateAvailabilityContainer .lateAvailabilitySeparator
{
	border-top: dashed 1px #BFBFBF;
	padding-bottom: 3px;
}

#lateAvailabilityviewAllLink
{
	text-align: right;
	padding-top: 10px;
}

/* 
 * My Location
 */


#changeLocationButton
{
	float: right;
}

#whyChangeLocationSpan
{
	text-align: right;
	font-size: 9px;
	margin-top: 5px;
}

#changeLocationHint
{
	clear: both;
}


#changeLocationOKButton
{
	float: left;
	margin-right: 10px;
}

#changeLocationCancelButton
{
	float: left;	
}

#changeLocationTextBoxContainer
{
}

#locationNotFound
{
	float: left;
	clear: both;
}

#multipleLocationsFound
{
	clear: both;
}

#multipleLocationsFound A
{
	color: #753885;
}


/* 
 * Find a course
 */



#findCourseButton
{
	float: right;
}

#findCourseTextBox
{
	border: 0;
	width: 100%;
}

#courseStartDateDropDownContainer
{
	padding-top: 10px;
}

#dateRangeDropDownListContainer
{
	padding-top: 10px;
	padding-bottom: 10px;
}








/* 
 * Centre column images
 */

.roundcorner_inverse_ne
{
	background: transparent url( 'img/roundcorner_inverse_ne.gif' );
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px;
}
.roundcorner_inverse_nw
{
	background: transparent url( 'img/roundcorner_inverse_nw.gif' );
	background-repeat: no-repeat;
	padding: 5px;
}

#straplineContainer
{
	background-color: #C4ABCB;
	color: #ffffff;
	padding: 18px 15px 18px 15px;
}

#strapline
{
	font-size: 27px;
	line-height: 27px;
}

#centerColumnCaptionContainer
{
	padding: 5px 15px 20px 15px; 
}


#bottomBorder
{
	background: #753885 url(img/roundcorner_sw.gif) left bottom no-repeat;
	font-size: 0px;
}

#bottomBorderInner
{
	background: transparent url(img/roundcorner_se.gif) right bottom no-repeat;
	height: 30px;	
}
