/*use this to turn borders on off for diganostice purposes
div {border: solid 1px red;}*/

/*this sheet is for CATEGORY TYEP WEBS such as tourism, health, About etc.
it is also the base template for all other webs including the home page, category with links and standard webs
*/

/* +++++++ New styles begin here ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin:16px 0 0 0;
	background-image: url('/source/headers/bg-gradient.jpg');
	/*background-image: url('/source/concepts/bg-gradient3.jpg');*/
	background-repeat: repeat-x;
		background-position: 0px 0px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
div {background-color: #fff;}

#addThisButton {
	margin:0 16px 16px 18px;
	font-size:12px;
} 

/*===============  div widths  these divs all have width declarations ==============*/
#main {width: 979px;}
#header {width: 979px;}
#googleSearch {width: 429px;}
#topNavRow2 {width: 536px;}
#tuitFees  {width: 421px;}
#homePic {width: 979px;}
.nav  {width: 431px;}
#navTable {width: 390px;}
.links  {width: 390px;}
span#profileHeading strong {width: 390px;}
#sideProfile {width: 390px;}
#sideProfile table {width: 390px;}
div.ask  {width: 390px;}
div.CONTACT {width: 378px;}
#promoTable {width:390px;}
.contentLive  {width: 545px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a {color: #2C7EDA;}
a:visited {color: #1B5494;}
a:hover {color: #8FB568;}
a:active {color: #FF0000;}

#homeTitle, #homeLink, #homeLink br, #CONTACT-bottom , .menu, .links br, #homePic h1, #Crumb  {display:none;}

/*========================= .menu needs to be un-hidden when using a category web with page links ... see: cat-links.css  =================================*/

#main {padding:0; width: 979px; margin: 0 auto; background-color: #fff; height: 1200px;}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 30px;
}

/* +++ styles for images +++ */
img  {border: 0px;}

/*---------------- These are general styles ------------- */

blockquote {width:490px; padding:10px 0 10px 6px; margin:auto; border-left: 1px #0051A5 solid;}

h3 {margin: 0; padding: 4px 16px;}
.highlighted {color: inherit;}


#noBorderTable td {border: 0; border-collapse: collapse; font-size: 14px;}
#a-zTable td {border: 0; border-collapse: collapse; padding:2px;}

#uniTable {font-size: 16px; border: 0; border-collapse: collapse; padding:2px; width: 600px;}
#uniTable  th {text-align:left; padding:7px 6px 7px 4px;}
#uniTable  td {padding:3px 0 3px 10px; border: 0; border-collapse: collapse; font-size: 13px;}
#uniTable th.uniInfo {background-color:#EFEFEF; text-align:right;  font-weight:normal; font-size: 13px;}

/* ------------------ Table styles for distance online courses -----------------*/

#data  {width: 600px; margin:auto;}
#main .contentLive #data  tbody tr td a {text-decoration:none;}
#data th {font-size: .75em; font-weight: normal; border: solid 1px #ffffff; white-space:nowrap;}
#data td {font-size: .75em; border: solid 1px #7D8DAC; padding: 4px;}
#data th.sortColor {background-color: #D3EDEB; border: solid 1px #D80000;}
#data td.sortColor {background-color: #EFEFEF; border: solid 1px #D80000;}
#data th.noSortColor {background-color: #E2E2E2}
#data td img {border: solid 1px black;}
#data td a img {border:none;}
.total {color: #ff0000; font-weight: bold;}

.contentLive ol a, .content ol a {font-size: 14px;}
.contentLive ul li, .contentLive ol li, .content ul li, .content ol li {line-height: 1.4; padding: 0px 12px 0px 12px;}

.contentLive ul, .contentLive ol, .content ol, .content ul  {padding:2px 2px 10px 25px; margin:2px 2px 10px 25px;}

.contentLive ol li ul, .content ol li ul {padding: 2px; margin:4px; font-size: 13px;}

/* ++++++++++++++++++++++ Header Navs +++++++++++++++++ */
#header {
	padding:0;
	width: 979px;
	margin: auto;
	/*background-image: url('/source/headers/left-bg-bar2A-mt.jpg');
	background-repeat: no-repeat;
	background-position: -25px 0px;*/
	background-color: #fff;
}
/*alternbate styles for header08b */
#cotrTitleli {
	font-size: 33px;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}
#googleFormli input {
	font-size: 11px;
}
/* =========== */
/* not required unless using an old header
#cotrTitle {
	border: 0px red solid;
	width: 550px;
	float: left;
	font-family: 'Times New Roman', Times, serif;
	font-size: 49px;
	font-variant: small-caps;
	padding: 0;
	margin: 0 0 0 0;
	height: 63px;
	text-align: left;
	background-color: transparent;
}*/
#cotrTitle a {
	color: #000;
	text-decoration: none;
}
#cotrTitle a:hover {
	color: green;
}
#googleSearch {
	border: 0px red solid;
	width: 429px;
	float: right;
	text-align: right;
	background-color: #E4E9ED;
}
.googleForm {
	height: 63px;
	padding: 0 6px 0 0;
	margin: 0;
	vertical-align: middle;
}


#topNavRow2 ul, #topNavRow1 ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

#topNavRow2 li, #topNavRow1 li {
	display: inline; 
	margin: 0; padding: 0;
}


#topNavRow1 {
	border: 0px red solid;
	clear: both;
	text-align: left;
	padding: 4px 6px 4px 6px;
	margin: 0 0 0 0;
	background-color: #8FB568;
	font-size: 14px;
}
#topNavRow1 a {
	color: #000;
	text-decoration: none;
}
#topNavRow1 a:hover {
	color: #C4E29A;
	text-decoration: none;
}
#topNavRow2 {
	clear: both;	
	padding: 10px 8px 1px 6px;
	float: left;
	text-align: left;
	background-color: #4974A7;
	font-size: 16px; letter-spacing:2px;
	color: #fff;
	font-variant: small-caps;
	background-image: url('/source/headers/bg-bar1-top.gif');
background-repeat: repeat-x;
	/*background-image: url('/source/concepts/bg-gradient4.jpg');
	background-position: -25px 0px;*/
height:30px;
}
#topNavRow2 a, #tuitFees a {
	color: #fff;
	text-decoration: none;
        border-right:1px #9AB1D1 solid;
	padding:0 2px; margin:0;
}
#topNavRow2 a:hover, #tuitFees a:hover {
	color: Lime;
	text-decoration: none;
	background-color:#4974A7;
	/*background-image:url('/source/headers/bg-bar1.gif');*/
	border-left:0px #4974A7 solid;
	border-top:1px #004000 solid;
	border-right:1px #4974A7 solid;
	padding-top: 4px;
	}
	
#tuitFees {	
	width: 409px;
	padding: 10px 20px 1px 0px;
	float: right;
	text-align: right;
	background-color: #4974A7;
	font-size: 14px;
	color: #fff;
	background-image: url('/source/headers/bg-bar1-top.gif');
background-repeat: repeat-x;
	/*background-image: url('/source/concepts/bg-gradient4.jpg');
	background-position: -25px 0px;*/
        height:30px;
}

/* Home Pic - Big Picture*/
#homePic {clear:both;  padding:0; margin: 0 auto 0 auto ; width: 979px; }
/* END Home Pic - Big Picture*/



/* ++++++++++++++++++++++ Nav column styles ++++++++++++++++++++ */
.nav {
	width: 431px;
	float: right;
	padding: 20px 0 0 0; margin:0;
	font-size: 16px;
	background-color: #fff;
	background-image: url('/source/headers/bar_gradient2.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	position:relative;  top: -236px; right:0;
}
.crsHeading {font-size: 16px;}
.crsLinks {	background-color: #F7F7F7;
			border:solid 1px #ddd; 
			padding: 4px 0 8px 2px; 
			margin:auto auto 20px auto;}
.crsLinks a {text-decoration: none; display:block; padding: 0 0 0 6px;}




/*========================  Nav table styles ===============================*/

#navTable {
	width: 390px;
	padding: 0;
	margin: auto;
	border-collapse: collapse;
	}

#navTable table {border: solid 1px #DADADA;}

#navTable tr {background-color: #DAEAF9;}
#navTable tr:hover {
	background-color: #D2EDB6;
}	
	
#navTable a {
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}
#navTable a:hover {
	text-decoration: underline; color: #2C7EDA;
}
#navTable a strong {
	font-size: 1.3em;
	color: #000;
	font-variant: small-caps;
}

#navTable td {
	padding: 2px 2px 6px 6px;
	border: 0px gray solid;
	vertical-align: top;
	color: #666;
	border-collapse: collapse;
	font-size: 12px;
}
#navTable td.tdPIC {background-color: #fff; padding-left: 8px;}

.links {padding:0; margin: 0 auto 20px auto; width: 390px;}
.links strong {display:block; padding:0; margin:0 0 6px 0; color: #4C77AA; font-size: 30px;}

/*=========================== nav styles for the home page ======================*/
#navTable tr.navRow:hover {
	background-color: #D2EDB6;
}
#navTable tr.nr1 {
	background-color: #DAEAF9;
}
#navTable tr.nr2 {
	background-color: #F2F7FD;
}
#navTable tr.nr3 {
	background-color: #DAEAF9;
}
#navTable tr.nr4 {
	background-color: #F2F7FD;
}
#navTable tr.nr5 {
	background-color: #DAEAF9;
}
#navTable tr.nr6 {
	border: solid 1px #ddd;
}

#navTable #promoTable {border-collapse: collapse; padding:0; margin: 6px 0; border: solid 1px #ddd;}
#navTable #promoTable td {background-color: #fff;  padding:0; text-align:right; margin:0; height:145px;
				background-image: url('/source/headers/flashBarBg.gif');
				background-repeat: repeat-y;
				}
#promoTable a {font-size: 12px; font-variant:normal; color: #5C7EE7;}

#navTable .photoPromo {font-size: 13px; margin: 6px auto 12px auto; padding: 6px; border:solid 1px #ccc;}
#navTable .photoPromo br {display:none;}
#navTable .photoPromo p a {font-variant:normal; color: #5C7EE7;}
.photoPromo img {float: left;}


/*================== styles for Profiles in the nav column =====================================*/

span#profileHeading strong {color: #fff; margin: 20px auto 0 auto; padding: 0;
							display:block;
							background-image: url('/source/headers/profile-bg-2.jpg');
							background-repeat: no-repeat;
							font-family: georgia, times, serif;
							font-variant:small-caps;
							font-size: 17px; letter-spacing: .125em;
}

#sideProfile {color:#666666; padding: 0; margin: auto; background-color: #fff; font-size:11px}
#sideProfile strong {color: #484848; font-size:13px;}
#sideProfile img {margin: 10px 0 0 0;}
#sideProfile table {margin: auto; border:solid 1px #ccc; border-collapse: collapse; width:390px;}
#sideProfile td {vertical-align: top;}

td#profileStory {background-image: url('/source/headers/profile-story-bg.jpg');
				background-repeat: repeat-y;
				background-position: right;
				padding: 0 6px 6px 0;
}
#sideProfile a {font-size:11px;}

/*==============================  end profiles styles  ====================*/

/*================ start contact / ASK styles ===================================*/

div.CONTACT, div.ask  {font-family: verdana, arial, sans-serif; font-size: .6em; color: #666;}

div.ask {clear:both; width: 390px; margin: 10px auto 10px auto; padding: 0px 0px 10px 0px; border-bottom: 1px solid #CCC;}

div.CONTACT {margin: auto; padding:6px; clear:both; border: solid 1px #ddd;}
div.CONTACT a, div.ask a {font-size: 1.0em;}

/*================ end contact / ASK styles ===================================*/

.contentLive, .content {
				width: 529px; background-color: #fff; color:#454545;
				padding:10px 8px 0 8px; margin:0; 
				position:relative;  top: 0; right:0;
				}
				
.contentLive h1 {padding: 2px 16px 14px 16px; margin:0; color: #74A643; font-size: 24px}
.contentLive h2 {color: #123A67; font-size: 20px; padding:0; margin:16px 16px 2px 16px; }

.contentLive p {padding: 6px 16px; margin:0; line-height: 1.4; font-size: 13px;}
.contentLive table {margin:auto; border:0; border-collapse: separate;}
.contentLive table th {color:#000; background-color:#BCC6E0; border:solid 1px #8F8F8F;}
.contentLive table td {border:solid 1px #B1B1B1; padding: 8px; vertical-align:top;}

/*for press releases*/
p.cutLine {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
	font-size: 11px;
	/*background-image: url('/bullets/accesscircle.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 10px 14px; display: inline;*/
	color:#003A75;

}

#dateBox {
	border-top:1px #BBB solid; 
	border-bottom:1px #BBB solid; 
	margin-left:16px; 
	padding: 1px 1px 1px 4px;
	font-style:italic;
	color: #000;
}

#dateBox span {
	font-size:12px; color: #777;
}

#main div#pressPageNav p {
	display:inline;
}

#main div#pressPageNav {	
		padding: 6px; border: 1px #ccc solid;
		font-size:11px;
		}
#main div#pressPageNav br {
		visibility:visible;
		display:inline;
}

div {border: 0px solid red;}
/*====================== END STYLES =====================================*/


/*=============         START EDIT STYLES          
=================================================================*/
/* style for admin/editor label in edit mode top of page*/
/*the following styles apply to the edit mode - do not include this on the live style sheet (www.cotr.bc.ca)*/

#main #edAdminButton {color:#fff; position:absolute; top:50px; left:	10px; background-color:#79B2C5; font-weight:bold; padding:5px; z-index:100;}

.top-banner {background-color: #73A542; }
.top-banner a {color:#fff; text-decoration:none; margin:0 4px;}
.top-banner a:visited {color:#fff;}
.top-banner a:hover {color:#2C7EDA; text-decoration:none; background-color:#ABE4BF; }
div.content {width: 600px; padding: 0 10px 10px 20px;}

.content h1 {color: #74A643; font-size: 24px; padding:0;}
.content h2 {color: #123A67; font-size: 20px; padding:0; margin:0 10px 0 0;}
#main .content p {line-height: 1.5; font-size: 13px;}
#main .content ul {font-size:12px;}

.banner {margin: 0 0 16px 10px;}

div#fManager {border: solid 1px #215C8D; padding: 4px; margin:0px 0px 10px 0px; background:#fff;}
div#fManager a {color:blue; background:transparent; border:none;  font-size:.7em;}
div#fManager a:hover {color:red;}

div.top-banner-edit {
					border: solid 1px #000; border-bottom:none;
					padding: 4px; padding-bottom: 0px; position:relative; top: -30px;
					background-color: #fff;
					text-align: right;
					width:950px; margin: 40px auto 12px auto;
					font-size: .8em;
					}
					
.top-banner-edit a {border: solid 1px #000; border-left: solid 1px #ccc; border-top: solid 1px #ccc;
					padding: 10px 2px 10px 2px; background-color:#fff;
					text-decoration:none; display:inline-block; position:relative; top: -10px;
					}
					
.top-banner-edit a:hover {background-color: #ededed; border-top: solid 1px #000; border-bottom:none;}
					
/*new edit styles*/
/*edit-nav-holder {position:absolute; top: 85px; background-image:url('none');}*/
#edit-nav-holder {float:right; width: 340px; position:relative;  top: -80px; right:0;}
#edit-nav-holder .links {width: 300px; margin:auto;}


#edit-nav {width: 300px; margin:auto;}
#edit-nav strong {display: block; color: #0064CC; font-size: 20px; padding: 0; margin: 10px 0 0 0;}

#edit-nav-holder #edit-nav  .links strong {color: #4C77AA; font-size: 24px; margin: 26px 0 0 0;}
#edit-nav .pageLinks br {display:none;}


.page-heading {background-color: #D2E7CC;}


div.content h3, div.picMan {display:none;}

form.cEditor {margin:0px; padding:0px;}

span.hint {font-size: .8em;}

/*page links in right menu*/

div#edit-nav a {font-size: 12px; font-family: verdana, arial, sans-serif; text-decoration: none;}
div#edit-nav a:visited {text-decoration: none;}
div#edit-nav a:hover {text-decoration: none;}
div#edit-nav a:active {text-decoration: none;}

#footer {display:none;}

/* edit styles for profiles and whats happening*/

/*table styles*/
div.content table {border: solid 1px #ddd}
div.content table, div.content p {font-size: .9em;}
div.content th {background-color:#4A63A5; color:#fff;}
div.content td { border: solid 1px #ddd;}

div.content table tr:hover {background-color: #ddd;}
div.content table td:hover {background-color: #8CBBE9; color: #fff}


/*============ END EDIT STYLES =========================================*/


/*-------------- style for clearing all floats ------------------*/
.clearMain {
	clear:both;
}

/*////////////////// Style for GOOGLE API RSS FEED pulls /////////////*/
.gfc-results {
	margin: 4px;
	border: 1px #E9E9EF solid;
	background-color: #F7F7F9;
}
.gfc-resultsRoot .gfc-resultsHeader {
	width: 190px;
	float: left;
	border: 1px #B4B9CD solid;
	margin: 0 4px;
	padding: 20px 6px 20px 6px;
	background-color: #D6D8E4;
}
.gfc-resultsRoot .gfc-resultsHeader .gfc-title {
	font-family: georgia;
	font-weight: bold;
	margin: 2px;
	font-size: 24px;
	color: #646F97;
	border: 1px #B4B9CD solid;
	display: block;
	padding: 0 6px;
	background-color: #EBECF1;
}
.gfc-resultsRoot .gf-result {
	width: 290px;
	color: #333;
	margin: 0 0 0 210px;
	padding: 4px;
	border: 0px #B4B9CD solid;
	background-color: #F7F7F9;
}
.gfc-resultsRoot .gf-snippet {
	background-color: #F7F7F9;
}
.gfc-resultsRoot .gfc-result {
	background-color: #F7F7F9;
}
.gfc-resultsRoot .gf-title {
	border-bottom: 1px #B4B9CD solid;
}
.gfc-resultsRoot a.gf-title {
	border: 0px #B4B9CD solid;
	text-decoration: none;
	font-weight: bold;
}