/*
	FILE PURPOSE:
		Contains layout styles for the content area of the website and includes header and footer styles also
	
	UPDATE HISTORY:
		DATE				DESCRIPTION
		21-Nov-05			File created
		1-Feb-06			First live version
	
	ADDITIONAL NOTES: Only used for screen media
*/
html {
	/*height: 100.02%;*/ /* make firefox display scrollbar always */
}

body {
	font-family: verdana, arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	
	font-size: medium; /* IE5 mac */
	line-height: 1.5em;
	
	padding-left: 0 !important;
	padding-left: 1px;
}
/* Commented Backslash Hack 
    hides rule from IE5-Mac \*/
body {
	font-size: x-small; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small; /* Others */
}
/* End IE5-Mac hack */

body.homepage {
	background: #6688A3 url("../_images/misc/background-home.gif") repeat-y center; 
}

body.default { background: #6688A3 url("../_images/misc/background-default.gif") repeat-y center; }
body.course { background: #6688A3 url("../_images/misc/background-course.gif") repeat-y center; }

#sidebar-left {
	float: left;
	width: 167px;
	margin:0; 
	padding:0;
}
#sidebar-left-content {
	margin:0; 
	padding: 40px 12px 1em 12px;
	font-size: 85%;
}
#sidebar-right {
	float: right;
	width: 167px;
	margin:0; 
	padding:0;
}
#sidebar-right-content {
	margin:0; 
	padding: 40px 12px 1em 12px;
	font-size: 85%;
}
#sidebar-right-home-content {
	margin:0; 
	padding-top:2em;
	font-size: 85%;
}
#main {
	margin:0 167px 0 0;
	padding:0;
	font-size: 85%;
}
#main-content {
	margin:0; 
	padding: 40px 1.5em 1em 1.5em;
	font-size: 100%;
}

/* different margins for 2/3 column */
body.homepage #main { margin: 0 167px 0 167px; }
body.default #main { margin: 0 83px 0 83px; clear: left; }
body.default #main-location { margin: 0 27px 0 27px; clear: left; }
body.default #main-content { padding-left: 0; padding-right: 0; }
body.course #main { margin: 0 355px 0 42px; }
body.course #main-content { padding-left: 0; padding-right: 0; }
body.course #sidebar-right { width: 302px; }
body.course #sidebar-right-content { padding-left: 30px; padding-right: 30px; }

div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}


/*
	HEADER AND FOOTER STYLES
*/

#footer {
	width: 380px;
	border-top: 1px solid #CCD8E1;
	margin: 0 auto;
	font-size: 8pt/*85%*/;
	font-family: tahoma;
	text-align:center;
}
#footer ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer li {
	display: inline;
}