/****************************************
 * Learing Source base template
 * 
 * by Markitable
 * 
 * 15/09/09
 * 
 ****************************************/

*html,
html,
*
{
	padding: 0;
	margin: 0;
	border: 0;
}

a,
a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/*****************************************
 * Default page
 ****************************************/

body
{
	background: #F4EED8;
}

#page-wrapper
{
	width: 1065px;
	margin: 0 auto;
	background: url(../images/page-wrapper.jpg) repeat-y;
	position: relative;
}

#content  { position: relative; }

/*****************************************
 * Header
 ****************************************/
#header {
	background: url(../images/header.jpg) left top no-repeat;
	padding: 35px;
	padding-bottom: 0;
}

#logo img {
	border: none;
	margin: 15px 25px;
}

/*****************************************
 * Main Menu
 ****************************************/

#navigation {
	border-bottom: 11px solid #F2C72C;
	margin: 0 22px;
	height: 58px;
	position: absolute;
	top: 100px;
	width: 1021px;
}
 
#navigation ul.menu
{
	list-style-type: none;
	display: inline;
	float: right;
	margin-right: 40px;
}

#navigation ul.menu li
{
	display: inline;
	float: left;
}

#navigation ul.menu li a
{
	display: block;
	background: url(../images/nav-sprite.jpg) no-repeat;
	padding-top: 45px;
	height: 0;
	overflow: hidden;
	width: 104px;
}

#navigation ul.menu li a:hover,
.default-page #navigation ul.menu li.home a
{
	background-position: 0 -45px;
}

#navigation ul.menu li.courses a
{
	background-position: -104px 0;
	width: 105px;
}

#navigation ul.menu li.courses a:hover,
.catalogue-page #navigation ul.menu li.courses a
{
	background-position: -104px -45px;
}

#navigation ul.menu li.calendar a
{
	background-position: -209px 0;
	width: 120px;
}

#navigation ul.menu li.calendar a:hover,
.whatson-page #navigation ul.menu li.calendar a
{
	background-position: -209px -45px;
}

#navigation ul.menu li.tutors a
{
	background-position: -329px 0;
	width: 96px;
}

#navigation ul.menu li.tutors a:hover,
.presenters-page #navigation ul.menu li.tutors a
{
	background-position: -329px -45px;
}

#navigation ul.menu li.venues a
{
	background-position: -425px 0;
	width: 96px;
}

#navigation ul.menu li.venues a:hover,
.venues-page #navigation ul.menu li.venues a
{
	background-position: -425px -45px;
}

#navigation ul.menu li.about-us a
{
	background-position: -524px 0;
	width: 105px;
}

#navigation ul.menu li.about-us a:hover,
.about-us #navigation ul.menu li.about-us a
{
	background-position: -524px -45px;
}

/***********
 * Sub-menu
 **********/

#navigation ul.menu li ul
{
	display: none;
}

/***********
 * User Menu
 **********/

#status-controls-main
{
	position: absolute;
	top: -65px;
	right: 44px;
	width: 615px;
}

#navigation .status-control,
#navigation .status-controls
{
	/*display: inline;*/
}

#status-controls-main .username
{
	clear: both;
	text-align: right;
	padding-top: 3px;
}

#status-controls-main ul.registrations li
{
	list-style-type: none;
	display: inline;
}

#status-controls-main ul.registrations li a
{
	background: url(../images/button-yellow.jpg) no-repeat top right;
	float: right;
	height: 20px;
	padding: 9px 15px 0 18px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
}

#status-controls-main ul.registrations li.left a
{
	background: url(../images/button-yellow_left.jpg) no-repeat top left;
}

#status-controls-main ul.registrations li.right a
{
	background: url(../images/button-yellow_right.jpg) no-repeat top right;
}

#status-controls-main ul.registrations li a:hover
{
	background-position: right -29px;
	text-decoration: none;
}

#status-controls-main ul.registrations li.left a:hover
{
	background-position: left -29px;
}


/*****************************************
 * Banner
 ****************************************/
#banner {
	width: 962px;
	height: 284px;
	background: url(../images/banner_bg.jpg) no-repeat;
	margin: 0 45px;
	margin-top: 40px;
	position: relative;
}
/*
#banner-images {
	width: 655px;	
	height: 229px;
	margin: 25px 0 0 18px;
}
*/
#banner-1 {
	background: url(../images/banner1.jpg) no-repeat;
}
#banner-2 {
	background: url(../images/banner2.jpg) no-repeat;
}

#banner-3 {
	background: url(../images/banner3.jpg) no-repeat;
}

#banner-4 {
	background: url(../images/banner4.jpg) no-repeat;
}

#banner-5 {
	background: url(../images/banner5.jpg) no-repeat;
}

#banner-6 {
	background: url(../images/banner6.jpg) no-repeat;
}

.banner {
	width: 655px;	
	height: 229px;
	/*position: relative;*/
	margin: 25px 0 0 18px;
	display: none;
	position:absolute;
	top:0;
	left: 0;
}

#banner-1 {
	display: block;
}

.banner span {
	color: #FFF;
	font-size: 29px;
	font-style: italic;
	position: absolute;
	bottom: 66px;/*104*/
	right: 23px;
}

.banner-nav {
	height: 25px;
	width: 61px;
	float: left;
}

#banner-nav {
	position: absolute;
	top: 23px;
	right: 307px;
	height: 25px;
	width: 122px;
	z-index: 100000000;
}

#banner-next {
	background: url(../images/banner-nav.png) no-repeat top right;
}

#banner-next:hover {
	background-position: right -25px;
}

#banner-prev {
	background: url(../images/banner-nav.png) no-repeat top left;
}

#banner-prev:hover {
	background-position: left -25px;
}

#banner-yellow {
	position: absolute;
	height:229px;
	right:5px;
	top:25px;
	width:285px;
	z-index: 100000000;
	background: url(../images/banner-yellow_bg.jpg) no-repeat top left;
}

#banner-yellow h3 {
	font-size: 25px;
	padding: 0 15px;
	margin-bottom: 0:
}

#banner-yellow p {
	padding: 0 15px;
	font-size:18px;
}

.italic {
	font-style: italic;
}

#banner-buttons {
	position: absolute;
	bottom: 44px;
	right: 315px;
	height: 33px;
	/*width: 170px;*/
	z-index: 100000000;
}

#banner-buttons a { float: right; }

/*****************************************
 * Content
 ****************************************/

#content {
	margin: 45px 61px;
	position: relative;
}

.default-page #content { margin-top: 0px; }

.default-page #main h1 { display: none; }
.about-us-page #main h1 { display: none; }
.contact-page #main h1 { display: none; }

.default-page #main #website-page-wrapper h1 { display: block; font-size: 27px; line-height: 25px; }
.about-us-page #main #website-page-wrapper h1 { display: block; font-size: 27px; line-height: 25px; }
.contact-page #main #website-page-wrapper h1 { display: block; font-size: 27px; line-height: 25px; }

/* Left Bar */

.checkout-page #left-bar { display: none; }

#left-bar {
	float: left;
	width: 300px;
	position:relative;
	left: -20px;
}

.left {
	background: url(../images/left-bg_middle.jpg) top center repeat-y;
	position: relative;
}

.left-top {
	background: url(../images/left-bg_top.jpg) top center no-repeat;
	height: 70px;
	position: relative;
}

.left-inner {
	position: relative;
	left: 42px;
	width: 220px;
}

.left-bottom {
	background: url(../images/left-bg_bottom.jpg) top center no-repeat;
	height: 35px;
	clear: both;
}

.left h3 {
	position: absolute;
	top: -75px;
	font-size: 25px;
}

.left h3.yellow {
	color: #EEBC0C
}

.left ul {
	margin: 8px 0 0;
	padding: 0 0 5px;
	list-style-type: none;
}

.left ul li {
	
	padding: 9px 0;
}

.left ul li a {
	padding-left: 29px;
	background: url(../images/arrow.jpg) left top no-repeat;
	display: block;
	width: 200px;
}

.left ul li a:hover {
	background-image: url(../images/arrow_green.jpg);
}

.left ul.categories li a:hover,
body.category .left ul.categories li a.catid-1,
body.category-art-and-crafts .left ul.categories li a.catid-2,
body.category-business-and-finance .left ul.categories li a.catid-3,
body.category-computers .left ul.categories li a.catid-4,
body.category-english-for-speakers-of-other-languages-esol .left ul.categories li a.catid-6,
body.category-fitness-and-recreation .left ul.categories li a.catid-7,
body.category-food-and-wine .left ul.categories li a.catid-8,
body.category-home-and-garden .left ul.categories li a.catid-17,
body.category-languages .left ul.categories li a.catid-9,
body.category-music-dance-and-drama .left ul.categories li a.catid-10,
body.category-parenting .left ul.categories li a.catid-11,
body.category-personal-development-and-health .left ul.categories li a.catid-12,
body.category-photography .left ul.categories li a.catid-13,
body.category-reading-writing-and-literacy .left ul.categories li a.catid-16,
body.category-sewing .left ul.categories li a.catid-18,
body.category-transport-certificates .left ul.categories li a.catid-14,
body.category-workshop-technology .left ul.categories li a.catid-15
{
	background-image: url(../images/arrow_yellow.jpg);
}

.left a.button_full-course-catalogue {
	float: right;
	margin: 10px 0;
}

/* Main Content */

#main {
	float: right;
}

/*****************************************
 * Buttons
 ****************************************/

a.button_full-course-catalogue {
	background: url(../images/button_full-course-catalogue.png) center 0px no-repeat;
	display: block;
	width: 170px;
	height: 33px;
	color: transparent;
	text-indent: -100000px;
	overflow: hidden;
}

a.button_upcoming-courses {
	background: url(../images/button_upcoming-courses.png) center 0px no-repeat;
	display: block;
	width: 170px;
	height: 33px;
	color: transparent;
	text-indent: -100000px;
	overflow: hidden;
}

a.button_full-course-catalogue:hover,
a.button_upcoming-courses:hover {
	background-position: center -33px;
}

/*****************************************
 * Footer
 ****************************************/

#footer {
	background: #F4EED8 url(../images/footer.jpg) left top no-repeat;
	padding-top: 30px;
	margin-top: 30px;
	text-align: center;
}

#footer ul
{
	list-style-type: none;
	display: inline;
	padding: 0;
}

#footer ul li
{
	display: inline;
	padding: 0 6px;
}

#footer ul li .my-account-link { display: inline; }


/*****************************************
 * Top - Search
 ****************************************/
 #banner .ls-search-form-left 
 {
     margin:0;
     padding-left: 15px;
 }
 
 #banner .ls-search-form-left .ls-text-input 
 {
    border: 1px solid #CCCCCC;
    border-right:none;
    padding: 4px;
    width: 195px;
    font-family:Helvetica,Arial,Sans-Serif;
    font-size:9pt;
    height:14px;
    vertical-align:top;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    *margin-top:-1px;
    *display:inline;
    *zoom:1;
 }
#banner .ls-search-form-left span 
{
    border: 1px solid #CCCCCC;
    border-left:none;
    display:inline-block;
    vertical-align:top;
    *display:inline;
    *zoom:1;
}
 #banner input.ls-search-button {
    background-image: url("../images/search.png");
    background-position:center center;
    background-repeat:no-repeat;
    height: 22px;    
    width: 22px;
    background-color:#ffffff;    
    border:none;
    vertical-align:top;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    *display:inline;
}