/**
 *** Course Styles: CourseID 1 ***
 */

/**
 *** Generic Styles ***
 */
html, body {
	/* whole page: font, size and background colour */
	font: 13px Arial, Helvetica, sans-serif;
	background-color: rgb(255,255,255);
}
a {
	/* whole page: link colour */
	color: rgb(238,118,40);
}
/**
 *** End Generic Styles ***
 */


/**
 *** Header Styles ***
 */
#page-header { 
	/* header: background colour */
	background-color: #fff;
}
#header-firmLogo {
	/* course logo: image and size */
	width: 219px;
	height: 58px;
	background: url(../images/course_logo.gif) no-repeat;
}
#progressBar-complete {
	/* progress bar: % complete colour */
	background-color: #FFAA4B;
}
#menu-buttons li {
	/* header buttons: divider colour */
	border-left-color: #D2D3B7;
}
#menu-buttons a {
	/* header buttons: text colour */
	color: #333;
}
/* Progress Bar Houses */
#progress-houses {
	/* houses: image height */
	height: 40px;
}
#progress-houses div {
	/* houses: image height */
	height: 40px;
}
#house_full {
	/* houses: full houses image and height */
	width: 248px;
	background: url(../images/nav_progress_houses_full.gif);
}
/* houses: width and image, based on module ID */
#house_1, #house_1-active {
	width: 36px;
	background: url(../images/nav_progress_houses_1.gif);
}
#house_2, #house_2-active {
	width: 30px;
	background: url(../images/nav_progress_houses_2.gif);
}
#house_3, #house_3-active {
	width: 41px;
	background: url(../images/nav_progress_houses_3.gif);
}
#house_4, #house_4-active {
	width: 35px;
	background: url(../images/nav_progress_houses_4.gif);
}
#house_5, #house_5-active {
	width: 40px;
	background: url(../images/nav_progress_houses_5.gif);
}
#house_6, #house_6-active {
	width: 33px;
	background: url(../images/nav_progress_houses_6.gif);
}
#house_7, #house_7-active {
	width: 33px;
	background: url(../images/nav_progress_houses_7.gif);
}
/* houses: completed, width and image, based on module ID */
#house_1-active {
	background: url(../images/nav_progress_houses_1_o.gif);
}
#house_2-active {
	background: url(../images/nav_progress_houses_2_o.gif);
}
#house_3-active {
	background: url(../images/nav_progress_houses_3_o.gif);
}
#house_4-active {
	background: url(../images/nav_progress_houses_4_o.gif);
}
#house_5-active {
	background: url(../images/nav_progress_houses_5_o.gif);
}
#house_6-active {
	background: url(../images/nav_progress_houses_6_o.gif);
}
#house_7-active {
	background: url(../images/nav_progress_houses_7_o.gif);
}
/**
 *** End Header Styles ***
 */


/**
 *** Footer Styles ***
 */
#page-footer {
	/* footer: background colour */
	background-color: rgb(234,252,252);
}
#footer-nav {
	/* navigation: text colour */
	color: #000;
}
#nav-modules .modules-centre .modules-title {
	/* navigation: module title colour */
	color: rgb(15,153,153);
}
#nav-lessons .lessons-centre .lessons-title {
	/* navigation: lesson title colour */
	color: #3a4855;
}
#footer-firmLogo {
	/* footer: firm logo image and size */
	width: 35px;
	height: 27px;
	background: url(../images/logo_law_south.jpg);
}
#footer-links {
	/* footer: links area text colour */
	color: rgb(101,103,102);
	background: url(../images/vw_footer.gif) 50% top no-repeat;
}
#footer-links a {
	/* footer: links colour */
	color: rgb(101,103,102);
}
#footer-links a:hover {
	/* footer: links hover colour */
	color: rgb(51,51,51);
}
/**
 *** End Footer Styles ***
 */


/**
 **** Body Styles ***
 */
#page-body .modTitle {
	/* module title: border and background colour */
	background-color: rgb(250,250,252);
	border-bottom-color: rgb(150,150,150);
}

/* Login body page */
#page-login #right h2 {
	/* login title: text colour */
	color: rgb(238,118,40);
}

/* Reference body page */
#page-reference {
	/* reference page: border colour */
	border-color: rgb(0,220,217);
}

/* Readmore body page */
#page-readmore {
	/* readmore page: border and background colour */
	border-color: rgb(0,220,217);
	background-color: rgb(227,255,255);
}

/* 50/50 body page */
#page-5050 #right {
	/* 50/50 page: border colour */
	border-left-color: rgb(150,150,150);
}
/**
 **** End Body Styles ***
 */
 
#vw-link {
	display: inline;
	float:left;
	margin-left: 300px;
}

#page-body .modTitle
{
	padding-top: 10px;
	padding-bottom: 10px;
}