@import url("Typography.css");
/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Office of Open Learning Website 2007
	Created: 2008-05-07
	Created by: Dawn Wentzell dawn@rkd.ca
	Last Updated: 2008-05-27
	Last Updated by: Dawn Wentzell dawn@rkd.ca
	Last Updated: 2009-03-25
	Last Updated by: Gianni gianni@rkd.ca
	Last Updated: 2011-08-16
	Last Updated by: Kevin kgray@rkd.ca
	
	Valid CSS 3
------------------------------------------------------------------- */

/* ==================================================================
	NEW COLES AND TSS STYLES FOUND AT BOTTOM OF STYLESHEET
===================================================================== */

/* ------------------------------------------------------------------
	COLOUR CODES
	
	Grey 1		#D5D4D3
	Grey 2		#CDCDCD
	Grey 3		#999
	Grey 4		#666
	Orange		#E5A135
	Black 		#282525
	Navy Blue	#003366
	Lt. Blue 	#6699CC
	
------------------------------------------------------------------- */

/*=======================FONT EMBEDDING==============================
===================================================*/

@font-face {
    font-family: 'MarketingScript';
    src: url('fonts/MarketingScript-webfont.eot');
    src: url('fonts/MarketingScript-webfont.eot?#iefix') format('eot'),
         url('fonts/MarketingScript-webfont.woff') format('woff'),
         url('fonts/MarketingScript-webfont.ttf') format('truetype'),
         url('fonts/MarketingScript-webfont.svg#webfontblVIzv19') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
    font-family: 'MuseoSlab';
    src: url('fonts/museo_slab_500-webfont.eot');
    src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('eot'),
         url('fonts/museo_slab_500-webfont.woff') format('woff'),
         url('fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('fonts/museo_slab_500-webfont.svg#webfontw8bfbCef') format('svg');
    font-weight: normal;
    font-style: normal;
	}

 
/* ------------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------------- */



html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	/*background: #D5D4D3 url(../../Images/html_bg.gif) repeat-y top center*/;
	}
body {
	background: #FFF;
	left: 0;
	margin: 0 0 0 -2px;
	padding: 0;
	top: 0;
	height: 100%;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: #b8b8b8 url(../../images/body-bg.png) top repeat-x;
		}

img, form { /* removes all default formatting on images and forms */
	border: 0;
	margin: 0;
	padding: 0;
	}
form { height: 100%; }

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */

.photoFloatRight {
	float: right;
	margin: 0 0 20px 40px;
	}

#contentWrapper {
	-moz-border-radius: 5px;
	border-radius:5px;
	box-shadow: 0 1px 5px #878787;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: white;
	}

#OuterWrapper {
	min-height: 100%;
	position: relative;
	margin-bottom: -239px;
	padding: 0;
	}
.Container { /* defines width of site & centres in browser */
	margin: 0 auto;
	width: 960px;
	}
	

 
/* ------------------------------------------------------------------
	HEADER
------------------------------------------------------------------- */

#Header { 
	height: 151px;
	position: relative; 
	margin-bottom: 10px;
	}
	.uofgLogo {
		position: absolute;
		top: -1px;
		left: -25px;
		}
	.oolText {
		position: absolute;
		top: 20px;
		left: 130px;
		}


 
/* ------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------- */

.FooterPush { 
	clear: both;
	height: 239px;
	}
#Footer { 
	position: relative;
	height: 239px;
	background: url(../../images/footer-bg.png) top repeat-x;
}
	#Footer .Container {
		text-align: center;
		padding: 1px 0;
		height: 218px;
		padding-top: 5px;
		}
/*	#OneCol #Footer .Container { background: url(../../Images/footer_1col.gif) no-repeat left top; }
	#TwoCol #Footer .Container { background: url(../../Images/footer_2col.gif) no-repeat left top; }
	#Home #Footer .Container { background:white; }*/
	#Footer ul {
		display: block;
		list-style: none;
		/*margin: 20px 30px 0 35px;*/
		padding: 0;
		text-align:center;
		width: 960px;
		}
		#Footer ul li {
			/*float: left;
			display: block;*/
			display: inline;
			border-left: 1px solid #999;
			padding: 0 4px 2px;
			line-height: 11px;
			font-weight: normal;
			}
			#Footer ul li:first-child { border: none; }
			#Footer ul li a { height: 7px; color: #a6a6a6; }
			#Footer ul li a:hover { color: white; }
	#Copyright {
		clear: both;
		margin-bottom: 20px;
		padding-top: 30px;
		}

 
/* ------------------------------------------------------------------
	MENU
------------------------------------------------------------------- */

#Menu{ 
		height: 51px;
		padding-top: 89px;
		}
		#Menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-left: 100px;
			}
			#Menu ul li {
				display: block;
				float: left;
				height: 51px;
				background: url(../../images/nav-divider.png) top right no-repeat;
				text-align:center;
				}
				#Menu ul li.home{width:116px;}
				#Menu ul li.ool{width:287px;}
				#Menu ul li.tss{width:314px;}
				#Menu ul li.about{width:140px; background: none;}
				#Menu ul li a {
					display:block;
					text-align: center;
					width: 100%;
					height: 51px;
					text-decoration:none;
					}
					#Menu ul li a:hover, #Menu ul li a.active {background: #1f1d1d;}			
		

/* ------------------------------------------------------------------
	HOMEPAGE BANNER
------------------------------------------------------------------- */

	#Banner .Container {
		height: 316px;
		}


/* ------------------------------------------------------------------
	OOL - HOME / EVENTS & QUICKLINKS
------------------------------------------------------------------- */

#Home #OuterWrapper { 
	margin: 0 auto -239px;
	width: 960px;
	padding: 0;
	}
	/*#Main .Container { background: white; padding-bottom:}*/
	.oolHome {
		background: url(../../images/ool-home-bg.png) repeat-y;
			padding-bottom: 40px;
		}
		#Events {
			float: left;
			margin: 0 20px 0 30px;
			padding: 20px 0 0;
			width: 516px;
			}
			#Events ul { list-style: none; }
				#Events li { /* positions bullets */
					list-style: none;
					background: url(../../Images/bullet_events.gif) no-repeat left 10px;
					margin-left: -5px;
					padding-left: 15px;
					}
		.homeContent {
			width: 600px;
			float: left;
			margin-left: 30px;
			padding-top: 10px;
			}
			.homeContent h2 span {
				color: #6699CC;
				font-weight: normal;
				font-size: 0.75em;
				}
			.homeContent a {
				color: #6699CC;
				}
				.homeContent a:hover {
					color: black;
					}
		#Quicklinks {
			float: right;
			padding: 0 30px;
			width: 250px;
			/*background: #67abd7;*/
			}
			#Quicklinks ul {
				list-style: none;
				margin: 20px 0 0;
				padding: 0;
				}
				#Quicklinks li {
					margin: 0 0 7px 0;
					padding: 0;
					}
					#Quicklinks li a {
						display: block;
						height: 45px;
						width: 254px;
						}
						#Quicklinks a span {
							left: -999px;
							position: absolute;
							}
						
						/* Search Course Offerings button */
						#Quicklinks a#QuickProspective { background: url(../../Images/quick_prospective.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickProspective, #Quicklinks a#QuickProspective.active { background: url(../../Images/quick_prospective_over.gif) no-repeat top left; }
						#Quicklinks a#QuickCurrent { background: url(../../Images/quick_current.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickCurrent, #Quicklinks a#QuickCurrent.active { background: url(../../Images/quick_current_over.gif) no-repeat top left; }
						#Quicklinks a#QuickAbout { background: url(../../Images/quick_about.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickAbout, #Quicklinks a#QuickAbout.active { background: url(../../Images/quick_about_over.gif) no-repeat top left; }
						#Quicklinks a#QuickOfferings { background: url(../../Images/quick_offerings.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickOfferings { background: url(../../Images/quick_offerings_over.gif) no-repeat top left; }
						#Quicklinks a#QuickEvents { background: url(../../Images/quick_events.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickEvents { background: url(../../Images/quick_events_over.gif) no-repeat top left; }
						
						/* Login Page button */
						#Quicklinks a#QuickLogin { background: url(../../Images/quick_login.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickLogin { background: url(../../Images/quick_login_over.gif) no-repeat top left; }
						
						/* Send Feedback button */
						#Quicklinks a#QuickFeedback { background: url(../../Images/quick_feedback.gif) no-repeat top left; }
							#Quicklinks a:hover#QuickFeedback { background: url(../../Images/quick_feedback_over.gif) no-repeat top left; }
			
			#Search { margin: 20px 0; }
				#Search .SearchBox {
					background: #FFF url(../../Images/search_bg.jpg) repeat-x left bottom;
					border: 1px solid #999;
					padding: 2px 5px;
					vertical-align: middle;
					margin-right: 5px;
					width: 180px;
					}
				#Search .SearchButton { vertical-align: middle; }
				

/* ------------------------------------------------------------------
	CONTENT PAGES
------------------------------------------------------------------- */
	#interiorBanner .Container {
		height: 240px;
		}

	#OneCol #OuterWrapper { /* repeating background image */
		margin: 0 auto -239px;
		width: 960px;
		}
		#OneCol #ContentWrapper .Container { /* top detail */
			padding-bottom: 40px;
			}
		
	#TwoCol #OuterWrapper { /* repeating background image */
		margin: 0 auto -239px;
		width: 960px;
		}
		#TwoCol #ContentWrapper .Container { /* top detail */
			background: white url(../../images/interior-sidebar-bg.png) top right repeat-y;
			min-height: 475px;
			padding-bottom: 40px;
			}
		#Content {
			margin: 0 30px 0 30px;
			/*min-height: 562px;*/
			padding: 20px 0 0;
			}
		#OneCol #Content { 
			padding: 20px 20px 0 20px;
			}
		#TwoCol #Content {
			float: left;
			width: 586px;
			}
			#Content ul { list-style: none; }
				#Content li {
					margin-bottom: 7px;
					padding-left: 15px;
					}
					#Content ul li {  background: url(../../Images/bullet_list.gif) no-repeat left 5px; }
				#Content #Events {
					float: none;
					margin: 0;
					padding: 0;
					width: auto;
					}
					#Content #Events ul { list-style: none; }
						#Content #Events ul li { /* positions bullets */
							list-style: none;
							background: url(../../Images/bullet_events.gif) no-repeat left 10px;
							margin-left: -5px;
							padding-left: 15px;
							}
		#Sidebar {
			float: right;
			margin: 0 0 0 0;
			width: 226px;
			}
			#Sidebar .NoMargin { margin: 0; }
			#Sidebar .NoMargin img {display: block;}
			#SectionTitle {
				background: #3793CF;
				padding: 6px 20px;
				width: 100%;
				}
			#Sidebar ul {
				list-style: none;
				margin-left: 15px;
				padding-left: 0;
				}
				#Sidebar li {
					background: url(../../Images/bullet_events.gif) no-repeat top left;
					line-height: 15px;
					margin: 0 0 7px 0;
					padding-left: 15px;
					}
					#Sidebar li ul { margin-top: 7px; }
		
		hr {
			color: #CDCDCD;
			background: #CDCDCD;
			width: 100%;
			height: 1px;
			border: none;
			}
		blockquote {
			background: url(../../Images/quotes1.png) no-repeat 0 2px;
			margin-bottom: 25px;
			text-indent: 25px;
			}
			blockquote p:first-child {
				background: url(../../Images/quotes2.png) no-repeat bottom right;
				display: inline;
				margin: 0;
				padding-right: 24px;
				}
		
		.TableStyle, .Form, .Directory,
		.OfferingResults, .SitemapTable {
			border-collapse: collapse;
			border-spacing: 0;
			width: 100%;
			}
		.SitemapTable { margin-top: 0; }
			.TableStyle td, .SitemapTable td { vertical-align: top; }
			.SitemapTable td {
				padding: 2px 10px;
				width: 50%;
				}
			.Form td {
				padding: 2px;
				vertical-align: middle;
				}
			.Directory td, .Directory th,
			.OfferingResults td, .OfferingResults th {
				padding: 2px;
				/*text-align: center;*/
				vertical-align: top;
				border-bottom: 1px solid #EEE;
				}
				.Directory td:first-child, .Directory th:first-child,
				.OfferingResults td:first-child, .OfferingResults th:first-child{ text-align: left; }
				.OfferingResults th.Left, .OfferingResults td.Left { text-align: left; }
				.OfferingResults th, .OfferingResults th:first-child { background: #EEE; }
				.Directory th.Name {width: 40%; }
				.Directory th.Ext { width: 20%; }
			td.Label { width: 110px; }
			td.Checkbox { width: 30px; }
			
			th.Code { width: 90px; }
			th.Section { width: 80px; }
			th.Year { width: 46px; }
			th.Semester { width: 80px; }
			
			.ButtonMajor { /* for submit-type buttons */
				background: #fa9d27 url(../../Images/button_bg_orange.gif) repeat-x center center;
				border: 1px solid #fcb048;
				padding: 4px 5px;
				}
			.ButtonMinor { /* for unsubscribe, reset, etc buttons */
				background: #909090 url(../../Images/button_bg_grey.gif) repeat-x center center;
				border: 1px solid #b6b6b6;
				padding: 4px 5px;
				}
			.Input {
				background: #FFF url(../../Images/search_bg.jpg) repeat-x left bottom;
				border: 1px solid #666;
				padding: 2px;
				}
			.AltRow {
				background: #edf5fa;
				}
		
		.Hidden { display: none; }
		
		.Highlight {
			background: #edf5fa;
			border: 1px solid #CDCDCD;
			padding: 0 10px;
			}
			.Highlight table { margin: 12px 0; }
		
		.PhotoFloatLeft {
			float: left;
			margin: 5px 10px 10px 0;
			}
		.PhotoFloatRight {
			float: right;
			margin: 5px 0 10px 10px;
			}
			img.PhotoFloatLeft,
			img.PhotoFloatRight { border: 1px solid #003366; }
		
		.Left { text-align: left; }
		.Centre { text-align: center; }
		.Right { text-align: right; }
		

/* Course Search */

.SearchTabs {
	margin: 20px 0 0;
	position: relative;
	height: 30px;
	}
#Content .SearchTabs ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	}
	#Content .SearchTabs ul li {
		display: block;
		float: left;
		margin: 0 3px 0 0;
		padding: 5px 10px;
		background: #edf5fa;
		border: 1px solid #CDCDCD;
		}
	#Content .SearchTabs ul .Selected {
		background: #FFF;
		border-bottom: 1px solid #FFF; 
		}

.SearchContainer {
	background: #FFF;
	border: 1px solid #CDCDCD;
	clear: left;
	padding: 10px;
	}


/* Course Offering Template */
		
.OfferingNavTop {
	float: right;
	margin-top: -50px;
	}
.OfferingNavBtm { 
	float: right;
	margin-bottom: 20px;
	}
	.OfferingNavTop a,
	.OfferingNavBtm a {
		height: 42px;
		width: 143px;
		display: block;
		float: left;
		background-position: top left;
		background-repeat: no-repeat;
		}
	.RegNav { float: left; }
		.OfferingNavTop a:hover,
		.OfferingNavBtm a:hover { background-position: bottom left; }
		.OfferingNavTop span,
		.OfferingNavBtm span { 
			left: -999px;
			position: absolute;
			}
	.OfferingNavTop a#Register,
	.OfferingNavBtm a#Register2 { background-image: url(../../Images/offering_reg.gif); }
		
	.OfferingNavTop a#Print,
	.OfferingNavBtm a#Print2 { background-image: url(../../Images/offering_print.gif); }
		
	.OfferingNavTop a#Back,
	.OfferingNavBtm a#Back2 { width: 203px; }
	.OfferingNavTop a#Back,
	.OfferingNavBtm a#Back2 { background-image: url(../../Images/offering_back.gif); }

#Sticky {
	background: url(../../Images/sticky_bg.gif) no-repeat bottom left;
	clear: right;
	float: right;
	margin: 0 0 10px 15px;
	padding: 0 35px 33px;
	width: 171px; /*241px*/
	}
	#Sticky .StickyTop {
		background: url(../../Images/sticky_top.gif) no-repeat left top;
		padding-top: 25px;	
		margin: 0 -35px 0;
		padding-left: 35px;	
		}
	#Sticky p { margin: 2px 0; }

.OfferingLeft { 
	width: 150px;
	float: left;
	}
	.OfferingLeft h4 { margin: 17px 0 0; }
	.OfferingLeft p { 
		margin: 0 0 7px; 
		font-weight: normal;
		line-height: 14px;
		} 
	
.OfferingRight { margin-left: 170px; }		
	#Content .OfferingRight ul { padding-left: 0; }
	.OfferingRight h3, .OfferingRight h4 { margin: 17px 0 0; }
	.OfferingRight p { margin: 0 0 5px; text-align:justify;  }
	
	/* Counteracts any missed </b> tags in database */
	.OfferingLeft p,
	.OfferingLeft span,
	.OfferingLeft ul li,
	.OfferingRight p,
	.OfferingRight span,
	.OfferingRight ul li { font-weight: normal; }

	.OfferingLeft ul {
	    	margin: 0px 0px 0px 8px;
	        padding: 0;
    }
	
	.OfferingLeft p b,
	.OfferingLeft p strong,
	.OfferingRight p b,
	.OfferingRight p strong { font-weight: bold; }
	
	.OfferingRight h3 b,
	.OfferingRight h3 strong,
	.OfferingRight h4 b,
	.OfferingRight h4 strong,
	.OfferingLeft h4 b,
	.OfferingLeft h4 strong { font-weight: normal; }
		
	p.For {
		background: url(../../Images/bullet_list.gif) no-repeat left 7px;
		padding-left: 15px;
		}
	.GradingScheme {
		border-collapse: collapse;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		}
		.GradingScheme td, .GradingScheme th {
			border-left: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			font-size: 11px;
			padding: 2px 4px;
			text-align: center;
			vertical-align: middle;
			}
			.GradingScheme td:first-child, .GradingScheme th:first-child { text-align: left; }
			.GradingScheme th {
				background: #DDD;
				color: #003366;
				}
		.GradingScheme td {
			border-left: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			}
			
.FutureHeading	{
	padding-bottom:70px;
	}		

/* Contact Page hCard */
.vcard {}
	.vcard .type { display: none; }	
	
/*Handbook Sections*/
.HandbookTable {padding-bottom:20px;width:100%;}
.HandbookTable .alt {background:#fffdf8; }
.HandbookTable tr {vertical-align:top;text-align:center; }
.HandbookTable tr ul {padding:0;margin:0; }
.Left tr {text-align:left; }
.HandbookTable tr td {border-bottom:1px solid #e6dfcf;}


/* ------------------------------------------------------------------
	OOL AND TSS PAGES
------------------------------------------------------------------- */

#tssQuicklinks {
	float: right;
	padding: 0 40px;
	width: 230px;	
	}
	#tssQuicklinks ul {
		list-style: none;
		margin-top: 30px;
		padding: 0;
		}
		#tssQuicklinks ul li {
			margin-bottom: 25px;
			}
		#tssQuicklinks ul li.quickHeader {
			font-size: 18px;
			
			color: #003366;
			padding-top: 15px;
			}
			#tssQuicklinks ul li a {
				font-size: 14px;
				display:block;
				color: white;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 1px 1px 2px #385776;
				}
				#tssQuicklinks ul li a:hover {
					color: #385776;
					text-shadow:none;
					}
.aside {
	width: 200px;
	padding: 10px;
	float: right;
	margin: 0 0 20px 40px;
	background: #f1f1f1;
	border-radius: 5px;
	-moz-border-radius: 5px;	
	}
		
#Content ul.anchorList {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 40px;
	}
	#Content ul.anchorList li {
		display: inline;
		padding: 5px;
		background: none;
		}

.newTable td {
	padding: 0 10px;
	}

/* ------------------------------------------------------------------
	TEXT STYLES
------------------------------------------------------------------- */

.newContent {
	font: normal 12px/18px Verdana,Arial,Helvetica,sans-serif;
	color: #282525;
	}
.newContent h1, .newContent h2, .newContent h3, .newContent h4, .newContent h5 {
	padding: 0; margin: 0;
	}
.newContent h1 {
	color: #3793cf;
	font: normal 32px/37px MuseoSlab, 'Helvetica Neue', Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 20px;
	}
	.newContent h1 span {
		color: black;
		font-family: 'Helvetica Neue', Verdana,Arial,Helvetica,sans-serif;
		font-size: 18px;
		line-height: 24px;
		}
	.newContent h1 span.marketingScript {
		color: #3793cf;
		font-family: MarketingScript;
		font-size: 1.1em;
	}
.newContent h2 {
	color: #3793cf;
	font: normal 24px/30px MuseoSlab, 'Helvetica Neue', Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
	}
.newContent h3 {
	color: #3793cf;
	font: normal 18px/22px MuseoSlab, 'Helvetica Neue', Verdana,Arial,Helvetica,sans-serif;
	}
	.newContent h3 a {text-decoration: none;}
.newContent ul {
	list-style: none;
	padding: 20px 0 20px 15px;
	}
	.newContent li {
		padding-left: 20px;
		background: url(../../Images/bullet-newContent.gif) 0 5px no-repeat;
		margin-bottom: 5px;
		}
	.newContent li.noBullet {
		background: none;
		}
.newContent a {
	color: #6699CC;
	}
	.newContent a:hover {
	color: #000000;
	}

.centred {text-align: center;}

.newContent hr {
	margin: 20px 0;
	}

/* ------------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------------- */

.newContent {
	background: white;
	min-height: 350px;
	padding: 0;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	}
	.newContent a {cursor: pointer;}
.mainContent {
	width: 570px;
	padding-left: 30px;
	margin-right: 30px;
	float:left;
	}
/* ------------------------------------------------------------------
	SIDEBAR (EXCEPT COLES HOMEPAGE)
------------------------------------------------------------------- */

#sidebar {
	width: 300px;
	margin-right: 10px;
	background: url(../../Images/sidenav-bg3.jpg) repeat-y;  
	float: right;
	position:relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 3px #666666;
	-moz-box-shadow: 1px 1px 3px #666666;
	}
	#sidebar h2 {
		color: #3b3b3b;
		font: normal 24px/30px MuseoSlab, 'Helvetica Neue', Verdana,Arial,Helvetica,sans-serif;
		margin-bottom: 40px;
		text-align: center;
		}
		#sidebar h2.active {color: white;}
	.sidebarCorner {
		position: absolute;
		left: -26px;
		bottom: -22px;
		z-index: 0;
		display:none;
		}
	.sidebarTop {
		background: url(../../Images/sidenav-top3.jpg) top no-repeat;
		}
	.sidebarContent {
		min-height: 200px;
		padding: 20px;
		position: relative;
		z-index: 10;
		padding-bottom: 40px;
		}
		.sidebarContent ul {
			list-style: none;
			margin-left: 0;
			padding-left: 0;
			}
			.sidebarContent ul li {
				padding-left: 25px;
				margin-bottom: 15px;
				background: url(../../Images/quick_bullet.png) 0 2px no-repeat;
				}
			
				.sidebarContent ul li a {
					color: #3b3b3b;
					font: bold 12px/14px arial, helvetica, sans-serif;
					/*text-shadow: 1px 1px 2px #17496a;*/
					text-transform:uppercase;
					text-decoration: none;
					}
					.sidebarContent ul li a:hover {text-decoration: underline;}
	

/* ------------------------------------------------------------------
	HOMEPAGE
------------------------------------------------------------------- */
.buttonSidebar {
	width: 300px;
	padding-right: 10px;
	padding-top: 20px;
	float: right;
	}
a.sidebarButton {
	display: block;
	width: 300px;
	height: 100px;
	margin-bottom:10px;
	background-position: bottom;
	text-indent: -9999px;
	}
	a.sidebarButton:hover, .buttonSidebar a.active  {background-position: top;}
	.courseButton {background: url(../../Images/button-course.jpg) no-repeat;}
	.newsButton {background: url(../../Images/button-news.jpg) no-repeat;}
	.buttonSidebar a.active {cursor:default;}
	
a.colesQuick {
	font-size: 18px;
	text-decoration: none;
	display:block;
	margin-bottom: 20px;
	margin-left: 15px;
	}

.buttonSidebar h3 {
		padding-top: 10px;
		margin-bottom: 10px;
		color: black;
		}
.signature {
	float: right;
	margin-right: 40px;
	}
	
/* ------------------------------------------------------------------
	TABS STYLING
------------------------------------------------------------------- */

.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #aaa;
	border-top:0;
	min-height: 250px;
	background: #fff url(../../Images/tab-pane-bg.jpg) top repeat-x;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
#Content ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	background: none;
}

/* link inside the tab. uses a background image */
#Content ul.tabs a { 
	background: url(../../Images/tab-inactive.jpg) no-repeat;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 175px;
	text-align:center;	
	text-decoration:none;
	color: white;
	padding:0px;
	margin:0px;	
	position:relative;
}

#Content ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#Content ul.tabs a:hover {
	background: url(../../Images/tab-active.jpg) no-repeat;	
	color:black;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#Content ul.tabs a.current, #Content ul.tabs a.current:hover, #Content ul.tabs li.current a {
	background: url(../../Images/tab-active.jpg) no-repeat;
	top: 1px;	
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;