@charset "utf-8";
/* CSS Document */

/*
TABLE OF CONTENTS

ZERO OUT - Sets most everything to ZERO, so there's a clean slate to start with - set any defaults here (Lists especially)
BODY - sets the base font
POSITIONING - generic tags for positioning
LINKS - default and other link styling
#HEADER - Ontario logo, #arc, #arcf, #search, #navbar (main menu/navigation), #banner
#right_column - Main content area (Many layouts - see style guide)
#left_column - .left_nav (left hand navigation group), .menu (menu list)  
#FOOTER - #full_footer, Copyright, Site Map, Contact Us, Privacy Notices

*/


/* -ZERO OUT EVERYTHING - * ---------------------------------------------------------------- */
/* -this css sets all padding, margins, defaults to 0 - * ---------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px /*solid*/dotted #000000 !important;
}

#navbar p a:focus, .header a:focus, #mcu-name:focus {
	outline: 1px dotted #fff !important;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* -ZERO OUT EVERYTHING - END * ---------------------------------------------------------------- */

/* ----------- ZERO OUT LISTS - set your default list styles here ---------------- */
ol, ul { /* this is the default style - change at will - */
	list-style: none; /* no bullets */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px; /* space after */
}

li a { zoom: 1 } /* fix for IE list bug - which wil sometimes interpret a new li as a line break - raises flag since it's IE specific */

/* BASELINE ** ADDITION ** REMOVES Margins from LISTS - nested lists have no top/bottom margins - remove to use default margins*/ 
/*ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}*/
/* --------------------------------------------------------------- */ 

/* DEFAULT focus styles - for accessibility */
:focus {
	/*outline: 0;*/
}


/* sets the base font to approx 10pt */
body { 
	background-color: #FFF; 
	color: #000; 
	font: 62.5% Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
	line-height: 1.5em;
}
 

/* default sizing for standard elements -------------------------- */   /* SET text attributes here */
a {
	text-decoration: none;
	/*color: #000000;*/
}
/*a:visited {
	color: #666;
}*/
a:hover {
	text-decoration: underline;
}
p {
	margin: 0.5em 0 1.5em 0; /* sets default margins for all paragraphs */
}

/* -------- HEADERS --------- */

h1, h2, h3 { font-weight: bold; } 	/* must set explicitly, it is zeroed out above */

h1 {
	color: #000000; /* replace h tags colour with your own */
	font-size: 1.4em;
	margin: 0.8em 0 0.5em 0; /* default margins for h tags: in this order: top, right, bottom, left */ 
}
h2 {
	color: #415616;
	font-size: 1.2em;
	padding-bottom: 6px; /* no margins for h2 these are used for menu items - TO OVERRIDE THIS STYLE, add a new class  */
}
h3 {
	color: #0e3d67/*#690707*/;
	font-size: 1.1em;
	margin: 0.5em 0; /* default margins for h tags: in this order: top/bottom, right/left */
}
h4 {
	color: #aa3d12;
	font-size: 1.1em;
}

img {
	border: 0;
}
/* --------------------------------------------------------------- */ 


/* ------ GRID - ------------ */



.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_8plus, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16  {
	display:inline;
	float:left;
	/*border-right: 1px dotted #ccc;*/
	overflow: hidden;
	margin-left:0px;
	padding-right: 9px;
	margin-right:10px
}



/* common/generic styles ------------------------------------------------- */ 

/* positioning */
.right { /* aligns - floats right */
	float: right;
	margin-left: 20px;
	text-align: right;
}
.left { /* aligns - floats left */
	float: left;
	margin-right: 20px;
}
.top { /* removes top margin */
	margin-top: 0;
}
.bottom { /* removes bottom margin */
	margin-bottom: 0;
}

.center { /* centers */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.clear { /* to clear floats */
	clear: both;
}

/* other */
.small { /* smaller text */
	font-size: 0.85em;
	line-height: 140%;
}
.large { /* larger text */
	font-size: 1.4em;
	margin-top: 20px;
	display: block;
}
.greyDate { /* Greyed out date */
	font-size:0.85em; 
	color:#999;
}
.indent { /* use to indent text in a pragraph */
	margin-left: 2em;
}

.label {
	display: block;
	width: 5em;
	float: left;
}

.submit { /* styles the submit / GO button -- */
	background-color: #aa3d12;
	color: #fff;
	font-weight: bold;
	border: none;
	float: left;
	width: 100%;
	border: 1px solid #000; /* when BGimages are turned off there is no search box visible - adding a border will make it visible - coloud also add a bgcolor instead */
}

hr { height: 1px; color: #bfbfbf; background-color: #bfbfbf; border: none; float: left; clear: both; width: 100%; margin: 1em 0; }
hr.thick { height: 3px; color: #666; background-color: #666; } /* thicker separator line - change colour if desired for greater emphasis */
/* --------------------------------------------------------------- */ 



/* tables still need 'cellspacing="0"' in the markup - CSS2 does not yet have proper table support */





/* ---- LINKS ---------------------------------------------------- */

/* default link style */

#language a {
	text-decoration: none;
	font-weight: bold;
	/*color: #003399*/ /*#660000*/
}

a:link,  a:active {
	text-decoration: none;
	font-weight: bold;
	color: #184f80;/*color: #003399*/ /*#660000*/
}

a:hover {
	text-decoration: underline;
	color: #060/*#009933*//*color: #660000*/ !important;
}
/* default link style */

/* PAGE LAYOUT STYLES --------------------------------------------- */

#wrapper { /* wraps the whole page and centers it */
	width: 980px;
	margin: 13px auto 0 auto;
	text-align: left;
}

#header1 { /* holds the header area Ontario logo, div>arc, div>search, div>navbar (main menu/navigation), #banner */
	width: 100%;
	position: relative;
}

#header { /* holds the header area Ontario logo, div>arc, div>search, div>navbar (main menu/navigation), #banner */
	width: 980px;
}

#left_column { /* holds menu - side nav */
	width: 250px;
	float: left;
	font-size: 130% !important;
	line-height: 160%;
}

#right_side { /* holds menu - side nav */
	width: 270px;
	float: right;
	font-size: 1em;
	line-height: 160%;
	margin:0px 0px 10px 10px;
	background-color:#EEEEEE; 
	background-image:url(/graphics/righhand_bg.jpg); 
	background-position:bottom;
}

#left_navigation { /* holds menu - side nav */
	width: 250px;
	vertical-align:top;
	float:left;/* added 02 Dec 2015 */
}

#navbarLessThan710, #menuIconLessThan710,#explore-button,#responsivelogo{/*hide small left nav menu meant for smaller screen sizes*/
	display:none;
} 

#left_navigation #osaplogin {
	margin-bottom:6px;
	padding:0px;
}

#content_area { 
	width:728px !important/* modified 01 Dec 2015 from 730px */;
	vertical-align:top;
}

#findhelp_area { 
	width:100%;
	vertical-align:top;
	font-size: 1.3em;
	line-height: 160%;
}

#right_column { /* content area */
	width: 710px;
	float: right;
	font-size: 1.2em;
	line-height: 160%;
}

#footer {
	clear: both;
	width: 980px;
	padding-top: 20px;
}

#trapper, #trap {
	display:none;
}

#ad_banner { display:none; }

/* HEADER LAYOUT STYLES --------------------------------------------- */

#textlinks a.last, #navbar p a.last { border: none; padding-right: 0; }

#textlinks {
	position: absolute;
	right: 0px;
	top: 5px;
	text-align: right;
}

#textlinks a {
	padding: 0 1em 0 0.75em;
	border-right: 1px solid #999;
	color:#333;
	font-weight:bold;
}

#textlinks a#prc {
	font-weight:normal;
}
/* added 23 Nov 2015 */
#skipNav {
	position:absolute;
	left:-10000px;
	top:41px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skipNav:focus {
	position:static;
	width:auto;
	height:auto;
}
/* end add */
a#skipNav:link, a#skipNav:visited, a#skipNav:hover { /*color: #FFF;*/ border: none; }
a#skipNav:active, a#skipNav:focus { color: #17397d; border-right: 1px solid #999;  }

#arc, #arcf {
	width: 100%;
	height: 92px;
	float: left;
	background-image: url('/graphics/tcu/header_arc.gif');
	border-bottom:1px solid #FFF;
}

#arc form, #arcf form { /* search form */
	float: right;
	margin: 40px 0 0 0;
	padding-right: 20px;
}

#mainsearch { /* search box */
	width: 19.7em;
	height: 1.5em;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	vertical-align:bottom;
}

#submit { /* submit (go) button */
	width: 2.1em;
	height: 2.1em;
	padding: 3px 0;
	border: 0;
	background: #d8e9ec/*transparent*/ url('/graphics/tcu/arrow_right_blue.png') no-repeat left center;
	color: rgba(0,0,0,0) transparent;
	cursor:pointer;
}

#nav { 
	width:980px;
	background: #004760 /*#3c1922*/ url('/graphics/tcu/navbar.jpg') no-repeat left center;
	text-align:center !important;
	border-bottom:4px solid #fff !important;/* modified 16 Dec 2015 from 8px to 4px */ 
	overflow:hidden !important;
}


#navbar { /* the main nav bar */
	width: 100%;
	height: auto;
	display:block;
	float: center;
	border-bottom: 4px solid #FFF; /* modified 16 Dec 2015 from 8px to 4px */ 
	background: #004760 /*#3c1922*/ url('/graphics/tcu/navbar.jpg') no-repeat left center;  /* CHANGE Background colour with your colour that matches the graphic */
}

#navbar p { /* text in navbar */
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top:10px;
	margin-bottom:12px;
}

#navbar p a { /* links in navbar */
	color: #FFF;
	padding: 0 10px 0 8px;
	border-right: 2px solid #FFF;
}

#navbar p a:hover { /* links in navbar 11/23/2015 *//* added 23 Nov 2015 */
	color:#fff !important;
}

#banner { /* holds flash banner or static banner */
	width: 980px;
	height: 185px;
    overflow: hidden; /* Necessary for IE6 */
	clear:both;
	margin-bottom: 10px;
	border-bottom: 4px solid #2d4962/*#453617*/;
}

#rssbanner {	
	vertical-align:middle;
	margin-bottom:1em;
	background:#fcfdf4;
}

#rssbanner p { 
	font-size:70%;
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
	margin:0px auto 0px auto;
}

#getstarted {
	background: url('/eng/news/rss_image.gif') no-repeat left;
	height:24px;
	line-height:24px;
	margin-right:2em;
	padding:5px 0px 5px 53px;
	font-size:80%;
}

#flashcontainer {
	padding:0;
}

/* RIGHTT NAV STYLES --------------------------------------------- */

#right_side ul { margin: 0; padding: 0; }

.rightnav {
	border:1px solid #666;
	background:#fbf9f4;
	padding:10px;
	font-size:.95em;
	margin-bottom:20px;
}

.rightnav h3 {
	font-size:1.2em;
	color:#000;
	padding:0px !mportant;
	margin-top:0px;
	margin-bottom:15px;
}

.rightnav .smalltext {
	font-size:90%;
	line-height:1.3em !important;
	margin-bottom:10px;
}

.rightnav .title a {
	font-size:1.1em;
	text-decoration:underline;
}

.rightnav a {
	font-weight:bold !important;
}

/* LEFT NAV STYLES --------------------------------------------- */

#left_column ul { margin: 0; padding: 0; }

.leftnav, .minister-box /* added 27 Nov 2015 */ {
	width: 100%;
	/*float: left;*/
	margin-bottom: 10px;
	overflow:hidden;
}

/* -- First colour of Header bar for Menu titles -- */

.leftnav .header { 
	width: 100%;
	/*height: 1.5em;*/
	border-bottom: 1px solid #9eb180;
	float: left;
	position: relative;
	background: #dcecc1 url('/graphics/tcu/arc_left.gif') no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */  
}

.leftnav .headergovt { 
	width: 100%;
	/*height: 1.5em;*/
	border-bottom: 1px solid #bfbfbf;
	float: left;
	position: relative;
	background: #622B1E url('/graphics/arc_govt_red.gif') no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */  
	
}

.leftnav .header a { 
	color: #333;
	font-weight: bold;
	display: block;
	/*padding: 3px 5px 0px 5px;*/
	padding: 3px 5px 5px 5px; /* modified 24 Nov 2015*/ 
}

.leftnav .headergovt a { 
	color: #333;
	font-weight: bold;
	display: block;
	/*padding: 3px 5px 0px 5px;*/
	padding: 3px 5px 5px 5px; /* modified 24 Nov 2015*/ 
}

.leftnav .header img, .leftnav .headergovt img, .downarrow {
	position: absolute;
	left: 230px;
	top: 6px;
}

/* -- Second colour of Header bar for Menu titles -- */

.leftnav .mycolour .headergovt {
	border-bottom: 1px solid #000000;
	background: #622B1E url('/graphics/arc_govt_red.gif') top left no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */
	/*height: 1.5em;*/
}

.leftnav .mycolour .headergovt a { 
	color:#fff; /* update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	/*padding: 3px 5px;*/
	padding: 3px 5px 5px 5px; /* modified 24 Nov 2015 */ 
}
.leftnav .mycolour .header {
	border-bottom: 1px solid #000000;
	background: #2d4962/*#004760*/ url('/graphics/tcu/arc_left_mycolour.gif') top left no-repeat; /* header BG image CHANGE #colour to bottom half of arc graphic */
	/*height: 1.5em;*/
}

.leftnav .mycolour .header a { 
	color:#fff; /* update font to contrast w BG color (above in .leftnav .mycolour .header) */ 
	font-weight: bold;
	display: block;
	/*padding: 3px 5px;*/
	padding: 3px 5px 5px 5px; /* modified 24 Nov 2015 */ 
}

.leftnav h2{ font-size: 1.2em !important; line-height:1.4em; }

.leftnav_button {  margin-top:3em; }
.leftnav_button img {  margin-bottom:1em; }

/* EXPANDING MENU STYLES --------------------------------------------- */

#osapao, #osappo, #osapwh, #osaptp, #osapfr, #osaphe, #whatpo, #whatao, #whattp, #whatfr, #whathe, #overviewao, #overviewtp, #overviewwh, #overviewfr, #overviewhe, #applywh, #applypo, #applytp, #applyfr, #applyhe, #tipswh, #tipsao, #tipsfr, #tipspo, #tipshe, #formswh, #formsao, #formspo, #formstp, #formshe, #helpwh, #helptp, #helpfr, #helppo, #helpao {display:none;}

#rootcp, #rootch, #rootsp, #rootos, #rootfr, #rootpo, #rootwh, #rootao, #roottp, #rootsa, #rootis, #roothe {display:none;}

/* CAREER PLANNING */
#spcp, #oscp, #stcp, #cpsa, #cpis {display:none;}
#choosefi, #choosesa, #chooseis, #creditfi, #creditsa, #creditis, #appch, #appfi, #cpfi, #cpch, #findch, #creditch, #creditos, #creditwh, #creditpo, #creditao, #credittp, #creditfr, #credithe, #chooseos, #choosewh, #choosepo, #chooseao, #choosetp, #choosefr, #choosehe, #findos, #findwh, #findpo, #findao, #findtp, #findfr, #findsa, #findis, #findhe {display:none;}

/* SCHOOLS AND PROGRAMS */
#cpsp, #ossp, #stsp, #choosesp, #creditsp, #findsp, #schoolsprogramsfi, #schoolsprogramsch, #schoolsprogramscp, #schoolsprogramsos, #schoolsprogramswh, #schoolsprogramspo, #schoolsprogramsao, #schoolsprogramstp, #schoolsprogramsfr, #schoolsprogramssa, #schoolsprogramsis, #schoolsprogramshe {display:none;}

/* OSAP */
#newosapwh, #newosapfr, #newosaptp, #newosappo, #newosapao, #newosappo, #newosapsa, #newosapis, #newosaphe {display:none;}
#newosapcp, #newosapch, #newosapfi, #newosapsp, #whatcp, #whatch, #whatfi, #whatsp, #whatsa, #whatis, #whathe, #overviewcp, #overviewch, #overviewfi, #overviewsp, #overviewsa, #overviewis, #overviewhe, #tipscp, #tipsch, #tipsfi, #tipssp, #tipssa, #tipsis, #tipshe, #formscp, #formsch, #formsfi, #formssp, #formssa, #formsis, #formshe, #applycp, #applych, #applyfi, #applysp, #applysa, #applyis, #applyhe, #helpcp, #helpch, #helpfi, #helpsp, #helpsa, #helpis, #helpfr {display:none;}
#cpos, #spos, #stos {display:none;} 

/* STUDY IN ONTARIO */
#cpst, #spst, #osst {display:none;}
#studyis, #studyds, #dsis, #isds, #studyfi, #studysp, #studych, #studycp, #studysp, #studyos, #studywh, #studyao, #studypo, #studytp, #studyfr, #studyhe, #isfi, #issp, #isch, #iscp, #issp, #isos, #iswh, #isao, #ispo, #istp, #isfr, #ishe {display:none;}

/*PEPG*/
#partnerau, #partnerpr, #programsau, #audiencepr, #collegepr, #univpr, #pccpr, #osapratesau, #oqfau, #kipau, #degreeauthorityau, #adultlearningau, #publicationau, #publicationpr {display:none;}

/* END ----------------------------------------------- */

.menu {
	width: 100%;
	float: left;
	overflow:hidden;
	font-size:94%;
}

.menu li {
	display: inline;
	line-height:1.3em;	
}

.menu a:link, .menu a:visited, .menu a:active {	
color: #444;
}

.menu #subheading { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; 
	border-bottom: 1px dotted #666; 
	background:#ecfdd2; }

.menu #subheading1 { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; 
	border-bottom: 1px dotted #666; 
	background:#F0FBDB; }
	
.menu #subheading2 { 	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 36px; 
	border-bottom: 1px dotted #666; 
	background:#f8ffec; }

.menu #subheading,.menu .subheadingnew {
	color: #454545;
	font-weight: 700;
	display: block;
	padding: 8px 4px 8px 24px;
	border-bottom: 1px dotted #666;
	background: #F0FBDB;
}
			
.subarrow { 	
	position:absolute;
	cursor:hand;
	margin:12px;
	background:#f5f9ed;
	}
				
.subarrow2 { 	
	position:absolute;
	cursor:hand;
	margin:12px 12px 12px 24px;
	background:#f5f9ed;
	}

.menu .tool { 
	text-transform: uppercase;
	font-size:0.9em;
	font-family:arial;
	color:#003399;
	text-decoration:none !important;
	font-weight:bolder;
	margin-left:5px;
}
	
.menu a {	
	color: #444; 
	font-weight: bold;
	display: block;
	padding: 8px 4px 8px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: #F0FBDB url('/graphics/tcu/triangle_right.gif') no-repeat /*8px center*/12px 13px;
}

.menu a.findch, .menu a.findcp, .menu a.choosecp, .menu a.schoolsprogramssp, .menu a.studyis, .menu a.studysa, .menu a.issa, .menu a.sasa, .menu a.newosapos, .menu a.whatos, .menu a.overviewos, .menu a.tipsos, .menu a.helpos {
	background: #F0FBDB url('/graphics/tcu/triangle_down.gif') no-repeat /*8px center*/12px 11px !important;
}

ul.menu li a {	
color: #444;
}

#current { background-color: #f8f6d7; } /* not in use */

.menu li li a {
	/*font-size: 0.9em;*/
	padding: 8px 4px 8px 36px;
	background: #f8ffec url('/graphics/tcu/triangle_right.gif') no-repeat 23px 13px; /* sub menu styling - positions the arrow graphic in a bit more */
}
.menu li li li a {
	/*font-size: 0.9em;*/
	padding: 8px 4px 8px 48px;
	background: #fbfdf7 url('/graphics/tcu/triangle_right.gif') no-repeat 36px 13px; /* sub menu styling - positions the arrow graphic in a bit more */
}

.nav25lang li { display:inline; list-style-type:none; }

#nav25 ul li a { color:#666; text-decoration:none; }

#contacts { display: none; } /* closes the menu by default */
#explore { 	display: none; } /* closes the menu by default */

#colleges, #univ, #subnav, #etsubnav, .sublist { display: none; }
#nav25language { display: none; } /* closes the menu by default */

.row { /* a style to contain other elements on the page - gives a dotted border at the bottom of the area */
	width: 100%;
	float: left;
	display: inline;
	margin-right: -3px; /* IE 6 duplicate text fix */
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}

.midtitle {
	width: 100%;
	float: left;
	overflow:hidden;
	height:auto;
}

.midtitle p {
	/*display: inline;*/
	display:table-row;
	height:110px;
	margin:0px 0px 5px 0px;
	/*border-bottom: 1px dotted #666; 
	background: #f5f9ed url('/graphics/edu/small_buttons_08.gif') no-repeat 5px 10px*/;
}

.midtitle p * {
	vertical-align:middle;
}

.midtitle a:link, .midtitle a:visited, .midtitle a:active {	
color: #444;
}
		
.midtitle a {
	font-weight: bold;
	/*display: block;*/
	display:inline-block;
	line-height:1.3em;
	margin-left:1em;
	/*padding: 6px 4px 6px 50px;  this creates the size of the menu item box - last value is the distance of the text from the side */
}
		
.midtitle img {	
	border:1px solid #666;
}

/*FEATURE SECTION*/


.feature {
	width: 100%;
	float: left;
	overflow:hidden;
	font-size:94%;
}

.feature li {
	/*display: inline;*/
	display:table-row;
	width:100%;
	height:auto;
	border-bottom: 1px dotted #666; 
	background: #F0FBDB /*url('/graphics/edu/small_buttons_08.gif') no-repeat 5px 10px*/;
	padding-top:10px;
	padding-bottom:10px;
}

.feature li * {
	vertical-align:middle;
}

.feature a:link, .feature a:visited, .feature a:active {	
color: #444;
}
		
.feature a {	
	color: #1b324a !important; 
	font-weight: bold;
	/*display: block;*/
	display:inline-block;
	line-height:1.3em;
	width:180px;
	padding: 16px 4px 16px 64px;  /*this creates the size of the menu item box - last value is the distance of the text from the side */
}
		
.feature img {	
	border:1px solid #666; 
	margin:15px -50px 15px 10px;
}

#features li {
	display:block !important;
}
/* SPLASH STYLES */

/*#splash { 
	width: 710px;
	float: left;
	padding-bottom: 80px;
	font-size: 1.3em;
	text-align: left;
	background: url('/graphics/tcu/arc.gif') no-repeat bottom left;*/ /* this will re-use your front page arc - no need for a seperate image */
	/*border: 1px solid #660000;
	border-bottom: 2em solid #660000;
}*/

#splash .two_cols { 
	background: url('/graphics/tcu/splash_line.gif') no-repeat top center;  /* adds the BG graphic to the splash page  thiese lines should match your site */
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 3em;
}

.button { margin: 20px auto; width: 210px; }

/*SUB-BANNERS*/

#apprentice    { background: url("/graphics/tcu/apprentices/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#apprenticef    { background: url("/graphics/tcu/apprentices/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#jobseeker    { background: url("/graphics/tcu/jobseekers/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#jobseekerf    { background: url("/graphics/tcu/jobseekers/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#employer    { background: url("/graphics/tcu/employers/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#employerf    { background: url("/graphics/tcu/employers/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#employee    { background: url("/graphics/tcu/employees/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#employeef    { background: url("/graphics/tcu/employees/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#student    { background: url("/graphics/tcu/students/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studentf    { background: url("/graphics/tcu/students/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#generic    { background: url("/graphics/tcu/generic/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#genericf    { background: url("/graphics/tcu/generic/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#news    { background: url("/graphics/tcu/news/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#newsf    { background: url("/graphics/tcu/news/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#about    { background: url("/graphics/tcu/about/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#aboutf    { background: url("/graphics/tcu/about/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eo_generic    { background: url("/graphics/tcu/generic/eo_placeholder.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eo_genericf    { background: url("/graphics/tcu/generic/eo_placeholderf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eonew    { background: url("/graphics/tcu/eo/eonew.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eonewf    { background: url("/graphics/tcu/eo/eonewfr.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eojobs    { background: url("/graphics/tcu/eo/eojobs.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eotraining    { background: url("/graphics/tcu/eo/eotraining.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eoemployers    { background: url("/graphics/tcu/eo/eoemployers.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyinont    { background: url("/graphics/tcu/students/studyinont_banner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eojobsf    { background: url("/graphics/tcu/eo/eojobsf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eotrainingf    { background: url("/graphics/tcu/eo/eotrainingf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eoemployersf    { background: url("/graphics/tcu/eo/eoemployersf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eof    { background: url("/graphics/tcu/eo/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eo    { background: url("/graphics/tcu/eo/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eopg    { background: url("/graphics/tcu/eopg/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#eopgf    { background: url("/graphics/tcu/eopg/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#ojf    { background: url("/graphics/tcu/ojf/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#ojff    { background: url("/graphics/tcu/ojf/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#lmi    { background: url("/graphics/tcu/ojf/labourmarket.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#lmif    { background: url("/graphics/tcu/ojf/labourmarketf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#findhelp    { background: url("/graphics/tcu/findhelp/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#findhelpf    { background: url("/graphics/tcu/findhelp/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#yourfuture    { background: url("/graphics/tcu/yourfuture/subbanner.jpg") no-repeat center right; height: 114px; cursor:pointer;}

#yourfuturef    { background: url("/graphics/tcu/yourfuture/subbannerf.jpg") no-repeat center right; height: 114px; cursor:pointer;}

#osap    { background: url("/graphics/tcu/osap/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#osapf    { background: url("/graphics/tcu/osap/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#pepg    { background: url("/graphics/tcu/pepg/subbanner.jpg") no-repeat center right; height: 147px;}

#pepgf    { background: url("/graphics/tcu/pepg/subbannerf.jpg") no-repeat center right; height: 147px;}

#postsecondary    { background: url("/graphics/tcu/postsecondary/subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#postsecondaryf    { background: url("/graphics/tcu/postsecondary/subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#campaign    { background: url("/graphics/tcu/postsecondary/campaign.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#campaignf    { background: url("/graphics/tcu/postsecondary/campaignf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#careerplanning    { background: url("/graphics/tcu/postsecondary/careerplanning.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#careerplanningf    { background: url("/graphics/tcu/postsecondary/careerplanningf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#findschool    { background: url("/graphics/tcu/postsecondary/findschool.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#findschoolf    { background: url("/graphics/tcu/postsecondary/findschoolf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyinontario    { background: url("/graphics/tcu/postsecondary/studyinontario.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyinontariof    { background: url("/graphics/tcu/postsecondary/studyinontariof.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyinontarioz    { background: url("/graphics/tcu/postsecondary/studyinontarioz.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyabroad    { background: url("/graphics/tcu/postsecondary/studyabroad.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#studyabroadf    { background: url("/graphics/tcu/postsecondary/studyabroadf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#kip    { background: url("/graphics/tcu/kip_subbanner.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#kipf    { background: url("/graphics/tcu/kip_subbannerf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#connect    { background: url("/graphics/tcu/news/connect.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#connectf    { background: url("/graphics/tcu/news/connectf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#otgf    { background: url("/graphics/tcu/otg/otgf.jpg") no-repeat center right; height: 147px; cursor:pointer;}

#otg    { background: url("/graphics/tcu/otg/otg.jpg") no-repeat center right; height: 147px; cursor:pointer;}

/* FOOTER STYLES */

#footer {
	clear: both;
	width: 980px;
	padding-top: 20px
}

#full_footer { /* changed from orginal to make the footer span the whole bottom area */
	border-top: 1px solid #7f7f7f;
	padding-bottom: 1em;
	width: 100%;
}

#footer p { 
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	font-size: 1em;
}


#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #666; }

/* --- list of links footer - new nov2009 ---- */
#footer ul.right { width: 490px; margin-top: 0.7em; }
#footer ul.left { width: 470px; margin-left: 0; }

#footer ul {
	font-weight: bold;
	text-transform:uppercase;
	color: #333 !important;
	font-size: 1em;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	margin: 0 0 0.7em 0;
	} 

#footer ul li {
	margin-left: 0;
	margin-top: 0.7em;
	padding: 0 10px;
	border-left: 1px solid #666;
	list-style: none;
	display: inline;
	line-height:1.3em;
	}
#footer ul li.noborder { border: 0 none}
#footer ul.left li { float: left}
#footer p.last-mod { text-transform: none; clear: right; float: right; width: 490px; text-align: right; margin: 0 10px 10px 0;}
/* --- list of links footer - new nov2009 ---- */

/* --- ACCESSIBILITY ---- ncs EDITED nov4/09 (bug fix, add h2) use to hide h1s or h2s you don't want visible to the sighted, but would like to have read by screen readers */
h1.accessible,h2.accessible{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}



/* generic LAYOUT styles --------------------------------------------- */


#insidetable { 
	background:#f0fbdb; 
}

#insidetable td, #insidetable th { border-bottom:1px solid #666666; }

.two_cols { background: url('/graphics/tcu/two_cols.gif') repeat-y; }
.three_cols { background: url('/graphics/tcu/three_cols.gif') repeat-y; }
.four_cols { background: url('/graphics/tcu/four_cols.gif') repeat-y; }


.two_cols .column { /* when a .column is placed inside a two_cols row you get 2 equal columns of 354px that fill the right_column */
	width: 354px;
	float: left;
	position: relative;
}

.three_cols .column, .box .column { /* when a .column is placed inside a three_cols row you get 3 equal columns of 236px that fill the right_column */
	width: 236px; 
	float: left;
	position: relative;
}

.four_cols .column, .box .column { /* when a .column is placed inside a four_cols row you get 4 equal columns of 236px that fill the right_column */
	width: 177px; 
	float: left;
	position: relative;
}

.two_thirds .column { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 450px;
	float: left;
	position: relative;
}

.two_thirds .other { /* used to hold content other than text */
	width: 236px; 
	float: left;
	position: relative;
}

.content {
	padding: 10px 13px;
	float: left;
}	

.column li a { font-weight: bold; }
.column ul   { margin: 0; padding: 0; }

#right_column ul { 
	list-style-type:none;
	margin-top:5px;
}

#right_column p a, #right_column a p  { text-decoration: underline; }

#right_column a  { /*color:#660000;*/ font-weight:normal; }

#right_column ul li a { text-decoration: underline; padding:0; margin:0; }

#right_column ul li {
	vertical-align:top;
	background: url("/graphics/bullet_new.gif") no-repeat;
	background-position:0px 3px;
	color:#000000;
	padding-left: 20px;
	/*line-height: 200%;
	margin-left: 5px;
	margin-top:8px;*/
	margin-bottom:6px;
}

	
#right_column ol ul li {
	list-style-type:none;
	vertical-align:top;
	background: url("/graphics/bullet_new.gif") no-repeat;
	background-position:0px 3px;
	color:#000000;
	margin-left:-20px;
	padding-left: 20px;
	/*line-height: 200%;
	margin-left: 5px;
	margin-top:8px;*/
	margin-bottom:6px;
}

#right_column ol li {
	list-style-type:decimal;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}

/* new addition for Dean Review, added child combinator ">" to restrict inheritance DAVID */

#right_column ol.alphalist > li {
	list-style-type:lower-alpha;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}
#right_column ol.romanlist > li {
	list-style-type:lower-roman;
	color:#000000;
	margin-left: 10px;
	padding-left: 5px;
	line-height: 155%;
	text-align:left;
	margin-bottom: 8px;
}

#right_column div.sideBox {background:#efe7c9; padding-bottom: 14px; width: 50%;}

#right_column ul.shortlist li { line-height:1.5em; margin-bottom:10px; }

#right_column table td { vertical-align:top; }

#right_column table td h3 { margin-top:0px; }

#right_column table td h3 a { color:#0e3d67/*#660000*/;font-weight:bold; text-decoration:underline; }

#right_column .content .large p a { text-decoration:none; }

#rtl li { text-align:right; margin-right: 2em; }

.date  { color: #000; font-weight:bold; } /* CHANGE COLOUR OF NEWS DATES here */
.promo { margin-bottom: 10px; float: left; }

.row .header { /* a full length header that spans all columns -USE: wrap .header in a .row */
	width: 100%;
	height: 100%;
	position: relative;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('/graphics/tcu/arc_right_main.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
}


.two_cols .column .header { /* 2 seperate headers - USE: class="row two_cols" nest .content div inside, then nest .header div inside that */
	width: 350px;
	height: 100%;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('/graphics/tcu/arc_right_half.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 2px;
}

.three_cols .column .header { /* 2 seperate headers - USE: class="row three_cols" nest .content div inside, then nest .header div inside that */
	width: 230px;
	height: auto;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #d2d2d1 url('/graphics/tcu/arc_right_third.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 3px;
}

.four_cols .column .header { /* 2 seperate headers - USE: class="row four_cols" nest .content div inside, then nest .header div inside that */
	width: 171px;
	/*height: 2.5em;*/
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	background: #DCDCDB url('/graphics/tcu/arc_right_fourth.gif') no-repeat; /* CHANGE the background colour to your site's colour scheme */
	float: none;
	position: relative;
	margin: 0 3px;
}

.two_thirds .column .header { /* use in combination with a photo, or to create a layout that splits the screen into 2 sections one twice as big as the second */
	width: 460px;
	height: 2.5em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	float: none;
	position: relative;
	margin: 0;
}

.two_thirds .other .header {
	width: 236px; 
	height: 2.5em;
	border-top: 3px solid #666;
	border-bottom: 1px solid #999;
	float: none;
	position: relative;
	margin: 0 0 0 3px;
	
}

.header h1 {
	color: #333;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
	float: none;
}

.header h2 {
	color: #1b324a/*#333*/;
	margin: 5px 10px 0px 10px;
	padding: 0px 0px 5px 0px;
	font-size: 1.1em !important;
	float: none;
}

.leftnav .header a, .headergovt a {
	font-size:95% !important;
}
/* added 23 Nov 2015 */
.leftnav .header a:hover {
	color:#inherit !important;
}

.mycolour h2 a:hover {
	color:#fff !important;
}
/* added 23 Nov 2015 */
.mycolour div a:hover {
	color:#fff !important;
}

.header .mycolour {
	
} /* in case you need it - not currently used */


.more { /* style for the more> links pulls the more out 30px from the right side of the block */
	right: 26px;
	float: right;
	position: relative;
	top: 5px;
	padding: 0px 0px 0px 30px;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.more img { /* positions the chevron/arrow after the MORE link */
	position: absolute;
	top: 5px;
	right: -15px;
}

.box {
	float: left;
	width: 100%;
	background-color: #f0fbdb;
	border-bottom: 1px solid #666;
	margin: 10px 0 20px 0;
}

.box h3, .box p, .box ul, .box table { margin-left: 20px; margin-right: 20px; }
.box table td { border-top: 1px dotted #666; }



/* PHOTO STYLES --------------------------------------------- */
.minister-box p { height:1.3em; padding:5px;}
.minister-box p a, .minister-box p a:link, .minister-box p a:active, .minister-box p a:visited { color:#ffffff; font-weight:bold; font-size:90%;}
.minister-box p a:hover { text-decoration:underline; /* added 27 Nov 2015 */color:#fff !important; }
.frame  { border: 1px solid #ccc; padding: 8px; }
.inline { vertical-align: middle; } /* won't work for IE mac (not supported) */

.ministercap  { background-repeat: no-repeat; } /* used for the left floated series of images - you can put a caption below - this style that caption */

.photocap  { background-repeat: no-repeat; height: 6px; line-height: 6px; font-size: 0.1em; clear: left; } /* used for the left floated series of images - you can put a caption below - this style that caption */

div.photo  { width: 210px; height: 190px; float: left; margin: 0 13px; } /* this is for the gallery ONLY - note that it will make the div that holds the photo 190px tall! */

div.portrait  { width: 125px; } /* this is for the gallery ONLY - note that it will make the div that holds the photo 190px tall! */

img.photo  { border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 100%; float: left; }

img.portrait  { border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 100%; float: left; }

.photolink       { width: 100%; float: left; }
.photolink a     { font-weight: bold; }
.photolink .text {
	float: left;
	padding: 5px 0 0 5px;
	color: #FFFFFF; /* set colour of link text under photos here */
}
.row three_cols .column .content .large a {	text-decoration: none;}
.row four_cols .column .content .large a {	text-decoration: none;}

.nav_top      { background-image: url('/graphics/tcu/corner_nav_top.gif'); background-position: top left; background-repeat:no-repeat; }
.nav_bottom   { background-image: url('/graphics/tcu/corner_nav_bottom.gif'); background-position: bottom left; background-repeat:no-repeat; }
.main_top     { background-image: url('/graphics/tcu/corner_main_top.gif'); background-position: top left; background-repeat:no-repeat; }
.photo_top    { width: 210px; background-image: url('/graphics/tcu/corner_photo_top.gif'); background-position: top left; background-repeat:no-repeat; }
.photo_bottom { width: 210px; background-image: url('/graphics/tcu/corner_photo_bottom.gif'); background-position: bottom left; background-repeat:no-repeat; }

.portrait_top    { width: 125px; background-image: url('/graphics/tcu/corner_portrait_top.gif'); background-position: top left; background-repeat:no-repeat; }
.portrait_bottom { width: 125px; background-image: url('/graphics/tcu/corner_portrait_bottom.gif'); background-position: bottom left; background-repeat:no-repeat; }

.icon_top     { background-image: url('/graphics/tcu/corner_icon_top.gif'); background-position: top left; background-repeat:no-repeat; }
.icon_bottom  { background-image: url('/graphics/tcu/corner_icon_bottom.gif'); background-position: bottom left; background-repeat:no-repeat; }
.noborder	  { border: 0; }
.nomargin     { margin: 0; }

.photo_long { width: 426px; background-image: url('/graphics/tcu/corner_photo_long.gif'); background-position: top left; border-bottom: 1px solid #fff;}

.blue { background: #2d4962; }
.red  { background-color: #50152d; }
.grey { background: /*url('/graphics/tcu/nav_top_grey.gif')*/ #868686;}
.grey2 { background-color: #868686;}
.mycolour { background-color: #374559; } /* this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */

.icon { 	width: 125px; 	float: left; 	padding: 10px 0;}
.spacer { float: left; width: 40px; }
.half_spacer { float: left; width: 20px; }

/*(NOELLE - note to self) from TCU - is this standard? */.two_thirds .photo { height: 100px; /* specify image height here */ width: 210px; float: left; padding: 12px 20px 20px 20px; /* pulls image down same amount as the paragraph 16px and adds a pad under the image */}

.two_thirds .photo {
	height: 85px; /* specify image height here */
	width: 210px;
	float: left;
	padding: 0; /* puts padding all around the image */
}

/* NEWS STYLES - MAA specific - can be re-used --------------------------------------------- */

.news p { 
	clear: left; 
	float: left; 
	width: 20%; 
	height: 2em; 
	margin: 0; 
	padding: 2px 0 0 0; 
	border-top: 1px dotted #ccc;
}

#right_column .news ul { margin: 0; padding: 0 0 1em 0; }

#right_column .news ul li { 
	display: block;
	list-style-type: none; 
	background: none; 
	margin: 0; 
	padding: 0; 
	border-top: 1px dotted #ccc;
}

/* ------ overide styles ---- */

.nomargin { margin: 0; } /* removes all margins */
.noborder { border: 0; } /* removes all borders */
.content: after {
	clear: both;
}

/* NOELLE - note to self may not need - check */
h2 a.large {
margin-top: 20px;
display:block;
}

.box h3 .attention {
	background: url(images/chevron_pointingright.gif) no-repeat left top;
	padding: 0 0 0 30px;
}

/* Page Widgets */

#p_actions { width:710px !important; margin: 10px 0 0 0; }
.pageActions {margin: 0 !important; padding: 0; float: right; text-transform: uppercase;}
#left {float: left;}
#p_actions ul li { list-style-type:none; padding-left:6px; }
#right_column .pageActions a { text-decoration:none; }
#right_column .pageActions a:hover {text-decoration: underline;}
.pageActions {list-style-image:none; list-style-position:outside; list-style-type:none;}
.pageActions li {float:left; font-weight: bold;}
.pageActions li.email {background: url('/graphics/email.gif') no-repeat left !important; font-size: 0.8em; font-family: arial; margin: 0px 0px 0px 20px !important;}
#right_column .pageActions .email a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; color:#333; }
.pageActions li.print {background: url('/graphics/printer.gif') no-repeat left !important; font-size: 0.8em; font-family: arial; margin: 0px 0px 0px 20px !important;}
#right_column .pageActions .print a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; color:#333;}
.pageActions li.accessibility {background: url('/graphics/aA.gif') no-repeat left !important; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px !important; font-size: 0.8em; font-family: arial;}
#right_column .pageActions .accessibility a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 21px; color:#333;}
.accessibility { display:none; }
.line {clear: both; border-bottom: 1px solid #BFBFBF; padding: 6px 0px 0px 0px;}

.bookmarks {float: right; margin: 15px 0px 5px 0px;}
.share {float: left; color: #680302; font-size: 1em; text-transform: uppercase; padding: 0px 0px 0px 14px; display:none;}
.pageActions li.digg {background: url('/graphics/digg.gif') no-repeat left !important; text-transform: none; font-size: 1em; font-family: arial; margin: 0px 3px 0px 4px !important; display:none !important;}
#diggf { display:none; }
.pageActions li.digg a {padding: 0px 0px 0px 21px; color: #680302;}
.pageActions li.delicious {background: url('/graphics/delicious.gif') no-repeat left !important; text-transform: none; font-size: 1.2em; font-family: arial; margin: 0px 3px 0px 4px !important; display:none !important;}
.pageActions li.delicious a {padding: 0px 0px 0px 19px; color: #680302;}
.pageActions li.facebook {background: url('/graphics/facebook.gif') no-repeat left !important; text-transform:uppercase; font-size: 1.3em; font-family: arial; margin: 0px 3px 0px 4px !important;}
.pageActions li.facebook a {padding: 0px 0px 0px 19px; color: #680302;}
.pageActions li.twitter {background: url('/graphics/tweet.png') no-repeat left !important; text-transform: none; font-size: 1.3em; font-family: arial; margin: 0px 3px 0px 10px !important; line-height:10px !important;}
.pageActions li.twitter a {padding: 0px 0px 0px 22px; color: #680302;}
.pageActions li.twitterf {background: url('/graphics/tweet_fr.png') no-repeat bottom left !important; text-transform: none; font-size: 1.3em; font-family: arial; margin: 0px 3px 0px 10px !important; line-height:8px !important;}
.pageActions li.twitterf a {padding: 0px 0px 0px 22px; color: #680302;}

/* LEFTNAV OVERRIDES */

	#tabtitle {margin-right:11px;cursor:pointer;}
	.collapsed, .exploregov {background:url('/graphics/tcu/arrowwhite_right.gif') right no-repeat;}
	.buttonarrow {background:url('/graphics/tcu/arrow_right.gif') right no-repeat;}
	.bluearrow {background:url('/graphics/tcu/arrow_right.gif') right no-repeat;}
	.expandblue {background:url('/graphics/tcu/arrow_down.gif') right no-repeat !important;}
	.expanded {background:url('/graphics/tcu/arrowwhite_down.gif') right no-repeat !important;}
	#osap_feature {display:block;background:url('/graphics/button_sm_osaplogin.gif') 10px no-repeat;}
	#online_feature {display:block;background:url('/graphics/button_sm_online.gif') 10px no-repeat;}
	#job_feature {display:block;background:url('/graphics/button_sm_findlocation.gif') 10px no-repeat;}
	#news_feature {display:block;background:url('/graphics/button_sm_newsletter.gif') 10px no-repeat;}

/* BOOKMARK OVERRIDES */
.bookmarks {width:980px;}
.bookmarks ul {float:right !important;}

/* EP overrides */
a.comparePrgs:hover {color:#fff !important;text-decoration:underline;}