@charset "UTF-8";
/*STICKY FOOTER - Sticky Footer by Ryan Fait http://ryanfait.com/ */


/* BODY */
body {
	margin: 0;
	padding:0;
	background-color:#fff;
	font: 90% helvetica, arial, sans-serif;
	line-height: 20px;
	color: #666;
	text-align: left;
	height: 100%;
	}
#site-wrapper {
	background: url(/images/stripes.png) center top repeat-y;
	z-index: 3;
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

#app{
	background-color:#ccc;
}
	
/* BACKGROUND*/
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
	
	
/* DEFAULTS */
img{
	border: 0px;
	}
p{
	margin:0 0 10px 0;
	}	
strong{
	color: #333;
	}		
a:link {
	color: #00a3f2;
	text-decoration: underline;
	}
a:visited {
	color: #00a3f2;
	text-decoration: underline;
	}
a:hover {
	color: #00a3f2;
	text-decoration: none;
	}
a:active {
	color: #00a3f2;
	text-decoration: underline;
	}
	
/* TEXT */
h1, h2, h3, h4, h5{
	font-family: 'Terminal Dosis', arial, serif; 
	font-weight: normal;
	color: #000;
	padding:0;
	margin:0;
	}
h1	{
	font-size: 2.8em;
	line-height: 1em;
	padding:0 0 15px 0;
	}
h1 span{
	color:#64bcf2;
	}	
	
h2	{ /* page title */
	font-size: 2.4em;
	line-height: 1em;
	padding:0 0 10px 0;
	}
h2 span{
	color:#000;
	}	

h3	{ /* page subtitle */
	font-size: 1.5em;
	line-height: 1em;
	padding:0 0 8px 0;
	}
	
h4 { /* body subtitle */
	font-size:1.2em;
	line-height: 1em;
	letter-spacing: 0.1em;
	padding:0 0 3px 0;
	}
h5 { /* body subtitle  smaller */
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.9em;
	line-height: 1em;
	padding:0 0 6px 0;
	}
	
/* APP */
#app h2{
	padding: 10px 0 20px 0;
	}	
	

/* PAGE STRUCT */
#home{
	width:100%;
	}
	#home_inner{
		width:962px;
		height:508px;
		background:transparent url('/images/home_serving_back.png');
		text-align:left;
		padding:0;
		}	
	#home_banner{
		width:962px;
		height:270px;
		background:#8e8e8e url(/images/home_banner_back.gif) top center no-repeat;
		text-align:left;
		color:#ccc;
		}
	#home_banner h3{
		color:#ffffff;
		line-height: 1.2em;
		}
	#home_banner ul{
		margin:0;
		padding:0 0 0 20px;
		list-style-image:url('/images/home_banner_list.gif');
		}
	#home_banner li{
		padding-bottom:7px;
	}
	#home_banner a {
		color: #fff;
		text-decoration: underline;
		font-size: 0.8em;
	}		
	#home_banner a:hover{
		color: #ccc;
		text-decoration: underline;
	}			
	
			
#unsubscribe, #institute, #course, #outline, #prospectus, #register, #faq, #contact, #login, #copyright, #disclaimer, #privacy, #terms, #calc, #footer, #member, #message, #assignment, #graduation, #account, #profile{
	width:100%;

	}
#unsubscribe_top, #institute_top, #course_top, #outline_top, #prospectus_top, #register_top, #faq_top, #contact_top, #login_top, #copyright_top, #disclaimer_top, #privacy_top, #terms_top, #calc_top{
	width:962px;
	height:130px;
	background:transparent url(/images/calc_banner_frame1.gif) repeat-y;
	text-align:left;
	}	
#unsubscribe_inner, #institute_inner, #course_inner, #outline_inner, #prospectus_inner, #register_inner, #faq_inner, #contact_inner, #login_inner, #copyright_inner, #disclaimer_inner, #privacy_inner, #terms_inner, #calc_inner, #footer_inner, #member_inner, #message_inner, #assignment_inner, #graduation_inner, #account_inner, #profile_inner{
	width:962px;
	text-align:left;
	background-color: #fff;
	}
	
#course_list{
	margin:0;
	padding:0;
	list-style-type: none;
	}
#course_list li{
	background: #fff url('/images/course_list.gif') 0 1px no-repeat;
	
	padding:0 0 10px 26px;
}
#course_module{
	text-align:center;
	padding:0 45px;
}			
#course_module p{
	padding-bottom:10px;
	}
			
#prospectus_form .input{
	/* onblur="if (this.value == '') {this.value = 'Your Name';}"  onfocus="if (this.value == 'Your Name') {this.value = '';}"
	-moz-border-radius:5px;-webkit-border-radius:5px; */
	}
		
#faq_title{
	padding-bottom:10px;
	}
#faq h4{
	text-transform: none;
	font-size: 1.3em;
	}
#faq_desc{
	padding-bottom:25px;
	}	
#faq_num{
	/*border:1px dotted #000;*/
	width:30px;
	text-align:left;
}
				
#footer_inner{
	background-color:#222;
	color:#ccc;
	font-size: 0.6em;
	line-height: 1em;
	text-transform: uppercase;
	}
#footer p {
	padding:0;
	margin:7px;
	}	
#footer a, #footer a:visited {
	color:#999;
	text-decoration: none;
	}
#footer a:hover {
	color:#ccc;
	}	
			
#spacer {
	height:25px;
}			

#title{
	}
	#title h2{
		padding:0 0 2px 0;
	}
	#title p{
		font-size:1.5em;
	}	
#content{
	}
	#title h2{
		padding:0 0 2px 0;
	}
	#title p{
		font-size:1.5em;
	}	
#desc{
	}
	#title h2{
		padding:0 0 2px 0;
	}
	#title p{
		font-size:1.5em;
	}
	
#tutor_list {
	margin:0;
	padding:0;
	list-style-type: none;
}	
#tutor_list li {
	padding:0 0 10px 20px;
}	

/* FORM DISPLAY */
.formrow{
	text-align: left;
	padding:0 0 12px 0; 
	}
.formlabel{
	width:100%;
	font-weight:bold;
	}
.formvalue, .formfield{
	width:100%;
	}
.formextra{

	}
.formsubmit{
	
	}
		
/* FORM ELEMENTS DEFAULTS */
form{
	display: inline; 
	margin: 0;
	padding:0;
	}
input{
	color:#333;
	background-color:#fff !important;
	border:1px solid #333;
	}
.input {
	width:100%;
	height:26px;
	background-color:#fff !important;
	padding:3px;
	border:1px solid #ccc;
	color:#333;
	-moz-border-radius:3px;-webkit-border-radius:3px; 
	}
textarea, .textarea {
	border:1px solid #ccc;
	padding:3px;
	color:#333;
	background-color:#fff !important;
	width:100%;
	-moz-border-radius:3px;-webkit-border-radius:3px; 
	}
.file{
	color:#333;
	background-color:#fff !important;
	}
.checkbox{
	background-color:#fff !important;
	border:0;
	border: 1px;
	}
.radio{
	border:0;
	}	
select, .select{
	color:#333;
	background-color:#ededed !important;
	border:0;
	height:22px;
	}
		
/* ERROR */
#error { /* DIV */
	width:90%;
	height:60px;
	/* background:#fff url('/images/error.gif') top left no-repeat; */
	}
.error{
	padding:0 0 10px 0;
	color: red;
	font-weight:bold;
	}

	
/* LOGO NAV */
#logo {
	margin: 0;
	padding:0;
	}
#logo li {
	float: left;
	display: inline;
	}
#logo a {
	display: block;
	height: 60px;	
	font: bold 0.7em helvetica, arial, sans-serif;
	line-height:3em;
	background:transparent url('/images/bedandbreakfast_logo.gif') no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	color:#000;
	text-indent: -5000px;
	outline: none;
	}	
#nav_logo a{
	width: 242px;
	background-position: 0 0;
	}
	#nav_logo a:hover, #nav_logo a.active {
		background-position: 0 bottom;
		}
				

/* NAV MAIN MENU */
#nav {
	margin: 0;
	padding:0;
	}
#nav li {
	float: left;
	display: inline;
	margin-right:19px;
	
	}
#nav a {
	display: block;
	height: 36px;	
	font: bold 0.7em helvetica, arial, sans-serif;
	line-height:3em;
	background:transparent url('/images/nav.gif') no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	color:#000;
	outline: none;
	
	}	
#nav_institute a{
	width: 75px;
	background-position: 0 0;
	}
	#nav_institute a:hover, #nav_institute a.active {
		background-position: 0 bottom;
		}
		#nav_institute_fcs a{
			width: 75px;
			background-position: 0 bottom;
			}
#nav_course a{
	width: 70px;
	background-position: 0 0;
	}
	#nav_course a:hover, #nav_course a.active{
		width: 70px;
		background-position: 0 bottom;
		}
		#nav_course_fcs a {
			width: 70px;
			background-position: 0 bottom;
			}
#nav_prospectus a{
	width: 110px;
	padding-left:8px;
	background-position: -180px 0;
	color: #ffffff;
	}
	#nav_prospectus a:hover, #nav_prospectus a.active {
	width: 110px;
	padding-left:8px;
	background-position: -180px bottom;
	color: #ffffff;
		}
		#nav_prospectus_fcs a {
			width: 110px;

	padding-left:8px;
	background-position: 0 0;
	color: #ce0114;
			}
#nav_register a{
	width: 120px;
	background-position: 0 0;
	}
	#nav_register a:hover, #nav_register a.active {
		background-position: 0 bottom;
		}
		#nav_register_fcs a{
			width: 120px;
			background-position: 0 bottom;
			}
#nav_faq a{
	width: 22px;
	background-position: 0 0;
	}
	#nav_faq a:hover, #nav_faq a.active {
		background-position: 0 bottom;
		}
		#nav_faq_fcs a {
			width: 22px;
			background-position: 0 bottom;
			}	
#nav_contact a{
	width: 66px;
	background-position: 0 0;
	}
	#nav_contact a:hover, #nav_contact a.active {
		background-position: 0 bottom;
		}
		#nav_contact_fcs a {
			width: 66px;
			background-position: 0 bottom;
			}	
#nav_login a{
	width: 86px;
	background-position: -530px 0;
	font-weight:normal;
	}
	#nav_login a:hover, #nav_login a.active, #nav_login a.nactive {
		background-position: -530px bottom;
		font-weight:normal;
		}
		#nav_login_fcs a {
			width: 86px;
			background-position: -530px bottom;
			font-weight:normal;
			}


/* NAV APP */
#nav_app {
	margin: 0;
	padding:0;
	}
#nav_app li {
	float: left;
	display: inline;
	margin-right:8px;
	}
#nav_app a {
	display: block;
	height: 36px;	
	font: bold 0.7em helvetica, arial, sans-serif;
	line-height:3em;
	background:transparent url('/images/nav_app.gif') no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	color:#fff;
	outline: none;
	}
#nav_member a, #nav_member_fcs a {
	width: 76px;
	background-position: 0 0;
	}
#nav_member a:hover, #nav_member_fcs a {
	background-position: 0 bottom;
	}
#nav_module a, #nav_module_fcs a {
	width: 160px;
	background-position: 0 0;
	}
#nav_module a:hover, #nav_module_fcs a {
	background-position: -115px bottom;
	}
#nav_message a, #nav_message_fcs a {
	width: 65px;
	background-position: 0 0;
	}
#nav_message a:hover, #nav_message_fcs a {
	background-position: 0 bottom;
	}	
#nav_graduation a, #nav_graduation_fcs a {
	width:  85px;
	background-position: 0 0;
	}
#nav_graduation a:hover, #nav_graduation_fcs a {
	background-position: 0 bottom;
	}	
#nav_account a, #nav_account_fcs a {
	width: 65px;
	background-position: 0 0;
	}
#nav_account a:hover, #nav_account_fcs a {
	background-position: 0 bottom;
	}
#nav_profile a, #nav_profile_fcs a {
	width: 65px;
	background-position: 0 0;
	}
#nav_profile a:hover, #nav_profile_fcs a {
	background-position: 0 bottom;
	}		
#nav_logout a {
	width: 50px;
	background-position: 0 0;
	}
#nav_logout a:hover {
	background-position: 0 bottom;
	}
	


/* MAIN BUTTON */
#main {
	margin: 0;
	padding:0;
	}
#main li {
	float: left;
	display: inline;
	margin-right:2px;
	}
#main a {
	display: block;
	height: 76px;
	background:transparent url('/images/main_button.gif') no-repeat;
	text-indent: -5000px;
	outline: none;
	}
#main_prospectus a {
	width: 271px;
	background-position: 0 0;
	}
#main_prospectus a:hover {
	background-position: 0 bottom;
	}
#course_prospectus a {
	width: 271px;
	background:transparent url('/images/test.gif') no-repeat;
	background-position: 0 0;
	}
#course_prospectus a:hover {
	background-position: 0 bottom;
	}
						
/* MODULE */
.hilite{
	color:#64bcf2;
	font-weight:bold;
	font-style: italic;
	padding-left:10px;
	background: transparent url('/images/hilite.gif') 3px 6px no-repeat;
}
ul.modlist{
	margin:0;
	padding:0;
	list-style: none;
}
ul.modlist li {
	margin:0;
	padding:0;
}		
					
/* ASSIGNMENT */
.progress{
	float:left;
	text-align: left;
	vertical-align: middle;
	}
.progress div{
	padding:5px;
}
.progress a{
	font-size: .8em;
	line-height:1.2em;
}
div.progress_hlt{
	background-color: #ededed;
	}
div.progress_cmp{
	background-color: red;
	}	
	
#question{
	margin-bottom:4px;
	}
#text_row{
	margin-bottom:12px;
	}	
#text_label{
	float:left;
	width:25%;
	}		
#text_value{
	float:left;
	}		
#text_desc{
	float:right;
	width:75%;
	font-style: italic;
	text-align:left;
	line-height: 0;
	}
#textarea_row{
	margin-bottom:10px;
	}
#textarea_label{
	margin-bottom:5px;
	}	
#checkbox_row{
	margin-bottom:10px;
	}	
#textsmall_row{
	padding:5px 0;
	}					
#textsmall_label{
	float:left;
	width:82%;
	}		
#textsmall_value{
	float:left;
	width:18%;
	}
#textsmall_value input{
	vertical-align: top;
	}	
#col_row{
	margin:5px 0;
	}	
#col1 { 
	float:left;
	width:82%;
	font-weight: bold;
	}
#col2 { 
	float:left;
	width:18%;
	font-weight: bold;
	}
#col3 { /* there should never be a col3 */
	float:left;
	width:0;
	font-weight: bold;
	}		
#calc_row{
	padding:5px 0;
	}	
#calc_label{
	float:left;
	width:82%;
	}		
#calc_value{
	float:left;
	width:18%;
	}	
.txt{
	}		
.ref{
	color:#666;
	font-style: italic;
	}	
.total{
	
	font-weight: bold;
	}	
	


/* TABLES */
div.tablebanner{
	margin-top:10px;
	height:18px;
	border-bottom: 1px solid #999;
	padding-bottom:4px;
	}
div.tablelabel{
	float:left;
	color:#000;
	font: normal 1em tahoma, Helvetica, sans-serif;
	}
div.tablerow{
	height:40px;
	 border-bottom: 1px dashed #ccc;
	}
div.tablefield{
	float:left;
	padding-top:4px;
	line-height:35px;
	}
div.tableopt{
	float:left;
	padding-top:4px;
	line-height:35px;
	}
div.opt{
	padding-top:8px;
	}
div.tablebutton{
	float:left;
	width:60px;
	height:60px;
	background-color:#ededed;
	}

	
/* PAGINATON*/
#pagination-digg li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
	}
#pagination-digg a{
	border:solid 1px #9aafe5;
	margin-right:2px;
	}
#pagination-digg .previous-off,
#pagination-digg .next-off {
	border:solid 1px #ededed;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:4px 6px;
	}
#pagination-digg .next a,
#pagination-digg .previous a {
	font-weight:bold;
	}
#pagination-digg .active{
	background:#2e6ab1;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
	}
#pagination-digg a:link,
#pagination-digg a:visited {
	color:#0e509e;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
	}
#pagination-digg a:hover{
	border:solid 1px #0e509e;
	}

/* MODAL */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;color: #fff;Height:450px;Width:600px}
#simplemodal-container a.modalCloseImg {
	background:url(/images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
	
	}
	
	
/* CLEAR FIX FLOAT */
.group:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.group { display: inline-block; }
* html .group { height: 1%; }
.group { display: block; }	


/* FONT STACKS

p – balanced for paragraphs or body copy
t – balanced for headlines or titles
Arial, “Helvetica Neue”, Helvetica, sans-serif - p, t
Baskerville, “Times New Roman”, Times, serif - p
Baskerville, Times, “Times New Roman”, serif - t
Cambria, Georgia, Times, “Times New Roman”, serif - p, t
“Century Gothic”, “Apple Gothic”, sans-serif - p, t
Consolas, “Lucida Console”, Monaco, monospace - p, t
“Copperplate Light”, “Copperplate Gothic Light”, serif - p, t
“Courier New”, Courier, monospace - p, t
“Franklin Gothic Medium”, “Arial Narrow Bold”, Arial, sans-serif - p, t
Futura, “Century Gothic”, AppleGothic, sans-serif - p, t
Garamond, “Hoefler Text”, Times New Roman, Times, serif - p
Garamond, “Hoefler Text”, Palatino, “Palatino Linotype”, serif - t
Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif - p
Geneva, Verdana, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif - t
Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif - p
Georgia, Times, “Times New Roman”, serif - t
“Gill Sans”, Calibri, “Trebuchet MS”, sans-serif - p
“Gill Sans”, “Trebuchet MS”, Calibri, sans-serif - t
“Helvetica Neue”, Arial, Helvetica, sans-serif - p
Helvetica, “Helvetica Neue”, Arial, sans-serif - t
Impact, Haettenschweiler, “Arial Narrow Bold”, sans-serif - p, t
“Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif - p, t
Palatino, “Palatino Linotype”, Georgia, Times, “Times New Roman”, serif - p
Palatino, “Palatino Linotype”, “Hoefler Text”, Times, “Times New Roman”, serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, “Times New Roman”, Georgia, serif - p, t
“Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif - p
“Trebuchet MS”, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


#but {
	margin: 0 auto;
	padding:0;
	text-align: center;
	}
#but li {
	list-style: none;
}	
#but li {
	

	margin-right:4px;
	}
#but a {
	
	padding:10px;
	font: bold 0.8em Arial, Arial, sans-serif;
	line-height:3em;
	background:red url('/images/nav.gif') no-repeat;
	text-decoration: none;
	color:#000;
	outline: none;
	}	
#but_download a{
	width: 160px;
	background-position: 0 0;
	}



/*  BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:1em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 5px 5px 5px; /* Links */
	}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.buttons button[type]{
    padding:5px 5px 5px 5px; /* Firefox */
    line-height:17px; /* Safari */
	}
*:first-child+html button[type]{
    padding:5px 15px 5px 5px; /* IE7 */
	}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#ffffff;
	} 	
	
	
/*  n buttons */	
.nbuttons a, .nbuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#c00113;
    border:1px solid #fff;
    font-size:1em;
    line-height:110%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding:5px 10px 5px 10px; /* Links */
	}
.nbuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.nbuttons button[type]{
    padding:5px 5px 5px 5px; /* Firefox */
    line-height:17px; /* Safari */
	}
*:first-child+html button[type]{
    padding:5px 15px 5px 5px; /* IE7 */
	}
.nbuttons button img, .nbuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}
button:hover, .nbuttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.nbuttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#ffffff;
	}
	
/*  y buttons */	
.ybuttons a, .ybuttons button{
    margin:0 7px 0 0;
    background-color:#cccccc;
    border:1px solid #333;
    border-top:1px solid #333;
    border-left:1px solid #333;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    text-shadow: 0.1em 0.1em #333;
    cursor:pointer;
    padding:12px 12px 12px 12px; /* Links */
	background:transparent url('/images/but_back.jpg') no-repeat;
	}
.ybuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.ybuttons button[type]{
    padding:5px 5px 5px 5px; /* Firefox */
    line-height:17px; /* Safari */
	}
*:first-child+html button[type]{
    padding:5px 15px 5px 5px; /* IE7 */
	}
.ybuttons button:hover, .ybuttons a:hover, .ybuttons a:active{
    color:#ededed;
    background-position-y: bottom;
	}