#activemain A:link { text-decoration: none; color: #CC3300; }
#activesub A:link, .activesub A:link { text-decoration: none; color: #CC3300; }

A:link { text-decoration: underline; color: #006699; }
A:visited { text-decoration: underline; color: #666; }
A:hover { text-decoration: underline; color: #CC3300; }

.top A:link { font-weight:bold; text-decoration: underline; color: #006699; }
.top A:visited { font-weight:bold; text-decoration: underline; color: #006699; }
.top A:hover { font-weight:bold; text-decoration: underline; color: #CC3300; }
.top { clear:both; margin-top: 6px; }

HR { height: 1px; background: #ccc; border: 0px; }

BODY {
	margin: 0px;
	padding: 0px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333;
	background: #fff url(/_images/template/bg_header.gif) repeat-x;
	}

.clearme {
	clear:both;
	height: 1px;
	font-size: 1px;
	}

.clear {
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* header elements start */

.header A:link { text-decoration: none; color: #333; }
.header A:visited, #login A:visited { text-decoration: none; color: #333; }
.header A:hover, #login A:hover { text-decoration: none; color: #CC3300; }

.header {
	width: 995px;
	height: 139px; 
	}

.logo {
	float:left;
	display: inline;
	background: transparent url(/_images/template/bg_logo.gif) repeat-x;
	width: 193px;
	height: 138px;
	}

.logo IMG {
	margin: 25px 0px 0px 25px;
}

.header .right {
	float:left;
	margin: 0px;
	}
	
.imageband {
	background:#CC3300;
	width: 800px;
	height: 95px;
	}
	
.imageOne {
	float: left;
	display: inline;
	width: 172px;
	height: 95px;
	background: #818C87;
	}
	
.imageTwo {
	float: left;
	display: inline;
	width: 172px;
	height: 95px;
	background: #993333;
	}
	
.imageThree {
	float: left;
	display: inline;
	width: 172px;
	height: 95px;
	background: #837745;
	}

.imageFour {
	float: left;
	display: inline;
	width: 172px;
	height: 95px;
	background: #cc3300;
	}
	
.topnav {
	height: 30px;
	width: 1000px;
	padding-left: 25px;
	clear: both;
	font-family: trebuchet MS, trebuchet, Verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	background: #fff url('/_images/template/bg_topnav.gif') repeat-x;
	}

.topnav DL {
	float: left;
	display: inline;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	}
	
.topnav DD, .topnav DD A {
	display: inline;
	margin: 0px;
	}
	
.topnav DD A {
	padding: 10px 16px 6px 4px;
	border-left: 1px solid #999;
	}
	
.topnav .search {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	}

.searchArea {
	border-left: 1px solid #999;
	padding: 2px 18px 6px 4px;
	}

.searchINPUT {
	font-size:10px; 
	width:120px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; 
	}

.goINPUT {
	padding: 0px 0px 0px 6px;
	}

/* end header elements */

.crumbs {
	padding: 2px 6px 2px 10px;
	border-bottom: 1px solid #D5D5D5;
	background: transparent url(/_images/template/bg_crumbs.gif) repeat-y;
	font-size: 10px;
	color:#999;
	}

.crumbs A:link, .crumbs A:visited { text-decoration: none; color: #999; }
.crumbs A:hover { text-decoration: underline; color: #666; }

/* body elements */

div.container {
	margin: 0px;
	padding: 0px;
	background: transparent url(/_images/template/bg_left.gif) repeat-y;
	width: 100%;
	}

.mainContent {
	padding: 2px 4px;
	margin: 0px 0px 6px 0px;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	color: #333;
}

.deck { color: #837745; padding: 24px 0px 12px 0px; font-size: 14px; line-height: 20px; }
.mainContent H1 {
	margin: 0px;
	padding: 0px;
	color: #cc3300;
	font-size: 16px;
	}

.rightSidebar {
	width: 210px;
}
div.sidebarItems {
	margin: 12px;
	width: 186px;
	}
div.sidebarItems H1, div.red H1, div.steel H1, div.gold H1 {
	font-family: trebuchet ms, helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	margin: 0px;
	padding: 0px;
	}
div.red, div.maroon { padding: 1px 8px; background: #CC3300; }
div.steel { padding: 1px 8px; background: #818C86; }
div.gold { padding: 1px 8px; background: #837745; }
div.content {
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	padding: 8px;
	margin-bottom:8px;
	background: url(/_images/template/callout_square.gif) right bottom no-repeat;
	line-height: 14px;
	}
	
div.content H2 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color:#cc3300;
	}
	
div.content H3 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color:#818C86;
	}	

div.content P { margin-top: 0px; }
	
.courseSearch {
	border-bottom: 1px solid #D5D5D5;
	background: #E6E6E6 url(/_images/template/bg_course_search.gif) repeat-x;
	padding: 10px 25px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	}
/*.courseSearch SELECT { width: 200px; }*/
.courseSearch SPAN { color: #000; font-size: 12px; }
.courseSearch .checkbox { margin: 0px; padding: 0px; }
#courseShow IMG, #courseHidden IMG { margin-left: 25px; }

.bodyCopy {
	padding: 25px 25px 10px 25px;
	}

.bodyCopy TD {
	padding: 8px;
	color: #333;
	}

.bodyCopy TD.line { border-right: 1px solid #D5D5D5; }

.bodyCopy TD SPAN {
	color:#cc3300;
	text-transform: uppercase;
	font-weight: bold;
	}

#campusKingston {
	border-bottom: 4px solid #cc3300;
	font-weight: normal;
	color: #333;
	text-transform: none;
	}
	
#campusBrockville {
	border-bottom: 4px solid #A8493F;
	font-weight: normal;
	color: #333;
	text-transform: none;
	}
	
#campusCornwall {
	border-bottom: 4px solid #818C86;
	font-weight: normal;
	color: #333;
	text-transform: none;
	}
	
.courseDetails TD {
	padding: 0px 16px 0px 0px;
	}

.bodyCopy .columnHolder {
	padding: 0px;
	color: #333;
	}

.columnHolder .leftHalf {
	width: 48%;
	float: left;
	display: inline;
	}

.columnHolder .rightHalf {
	width: 48%;
	float: right;
	display: inline;
	}

.contentContainer {
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 12px;
	}

.contentContainer H1, H1.greytitle {
	color: #666;
	font: 16px trebuchet ms, verdana, helvetica, arial, sans-serif;
	margin: 0px 0px 6px 0px;
	}

.contentContainer TD {
	color:#fff;
	}
.contentContainer TD H1, H1.white {
	color: #fff;
	margin: 0px;
	text-transform: uppercase;
	font: 16px trebuchet ms, verdana, helvetica, arial, sans-serif; }
.contentContainer TD P {
	margin: 0px; }	

.contentContainer TD a:link { color: #CCCC99; }
.contentContainer TD a:visited { color: #fff; }
.contentContainer TD a:hover { color: #FFFFCC; }

.contentContainer UL { padding-left: 14px; margin-left: 0px; }

.contentContainer TD LI { list-style: none; }
.columnHolder TD { margin: 0px; padding: 0px; }

#sectionTitle { padding: 0px 12px 0px 0px; }
H1#sectionTitle { 
	color: #cc3300;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	font-weight: normal;
	}

.bodyCopy H2 {
   color: #cc3300;
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   text-transform: uppercase;
   }
	
.bodyCopy H4 {
	color: #333;
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}	

.bodyCopy .courseDetails {
	padding: 8px;
	color: #333;
	border-bottom: 1px solid #D5D5D5;
	}

.bodyCopy .courseDetails H3, .columnHolder H3, .tabbedContent H3 {
	color: #cc3300;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-transform: uppercase;
	}
.bodyCopy .courseDetails P { margin: 9px 0px; line-height: 18px; }

#outlineContent h2 {
	margin-top: 8px;
	padding: 1px 4px 1px 4px;
	background: #78ACC5;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	}

#outlineContent P { color: #333; margin: 0px; padding: 0px 0px 0px 4px; line-height: 18px; border-bottom: 1px solid #ccc; }

.topBottom {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
/* end body elements */

/* navigation elements */


.navColumn {
	padding: 0px;
	width: 222px;
	vertical-align: top;
}

.navNumber {
	float: left;
	display: inline;
	width: 35px;
	padding: 8px 12px 8px 8px;
	text-align: center;
	font-size: 24px;
	color: #000;
	font-family: trebuchet MS, trebuchet, Verdana, arial, sans-serif;
	font-weight: bold;
	}
	
.navItem {
	float: left;
	display: inline;
	width: 150px;
	padding: 8px 0px 8px 0px;
	font-size: 14px;
	color: #333;
	font-family: trebuchet MS, trebuchet, Verdana, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
.navItem DL { padding: 4px 0px 2px 0px; margin: 0px; }
.navItem DD {
	padding: 1px 0px 1px 4px; 
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	border-left: 2px solid #cc3300;
	 }
#activeNav, #activeSub { color: #cc3300; }

.navItem A:link { text-decoration: none; color: #333; }
.navItem A:visited, #login A:visited { text-decoration: none; color: #333; }
.navItem A:hover, #login A:hover { text-decoration: none; color: #CC3300; }

#tertiaryNav {
	background: transparent url('/_images/template/bg_tertiary_nav.gif') repeat-y;
	}
#tertiaryNav DD {
       border-left: none;
       line-height: 12px;
       margin: 2px 0px;
       }
.underNav {
	clear:both;
	margin: 0px 20px 0px 54px;
	padding-top: 54px;
	}

.testimonial STRONG { color: #cc3300; font-style: normal; }

.testimonial {
	clear:both;
	margin-bottom: 40px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #cc3300;
	font-style: italic;
	width: 430px;
	color: #cc3300;
	}

.testimonial P { margin: 16px 0px; font-size: 16px; line-height: 24px; }

.testimonial DIV {
	color: #cc3300;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	line-height: 12px; }

.award STRONG { color: #AE4640; font-style: normal; line-height: 12px; }
.award IMG { margin-bottom: 4px; }

.award {
	margin-bottom: 40px;
	padding: 0px;
	border-bottom: 2px solid #AE4640;
	color: #AE4640;
	}


/* end navigation elements */

.footerNews { 
	padding: 6px 0px 0px 0px;
	float: left; 
	display: inline;
	width: 233px;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	}

.footerTestimonial { 
	padding: 6px 0px 0px 0px; 
	font-size: 11px;
	line-height: 14px;
	color: #333;
	}

.footerContact { 
	padding: 6px 0px 0px 0px;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	}
.contactCampus { margin: 6px; }	
.contactCampus H2 { 
	font-family: trebuchet ms, helvetica, arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cc3300;
	margin: 0px;
	padding: 0px;}

.footerTop .maroon { padding: 4px 8px; background: #A8493F; border-bottom: 1px solid #fff; }
.footerTop .red { padding: 4px 8px; background: #CC3300; border-bottom: 1px solid #fff; }
.footerTop .steel { padding: 4px 8px; background: #818C86; border-bottom: 1px solid #fff; }

div.footerTop H1 {
	font-family: trebuchet ms, helvetica, arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	margin: 0px;
	padding: 0px;
	}
	
.footerTop .content {
	padding: 8px;
	margin-bottom:8px;
	background: #EFEFEF url(/_images/template/callout_square.gif) right bottom no-repeat;
	}

.centerMe {
	margin: 0px auto;
	width: 881px;
	}

.footerTop {
	margin: 0px 16px 0px 55px;
	border-top: 1px solid #D5D5D5;
	font-size: 9px;
	color: #999;
	}

.footerBottom {
	border-top: 1px solid #D5D5D5;
	padding: 2px 0px 12px 0px;
	margin: 0px 16px 0px 55px;
	font-size: 9px;
	color: #999;
	}

.footerBottom .left {
	float: left;
	display: inline;
	}
/* .footerBottom .left SELECT { width: 200px; } */

.footerBottom .right {
	float: right;
	display: inline;
	}	

.footerBottom .right LI {
	display: inline;
	padding: 0px 0px 0px 14px;
	margin: 0px 6px 0px 12px;
	list-style-type: none;
	background: url(/_images/red_arrow.gif) no-repeat;	
	color: #cc3300;
	font-weight: bold;
	}

.footerBottom .right LI a:link, .footerBottom .right LI a:visited { color: #cc3300; }
.footerBottom .right LI a:hover { color: #006699; }

.footerLeft { 
	padding: 0px;
	margin: 2px 0px;
	float: left; 
	display: inline;
	width: 33%;
	height: 8px;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #A8493F;
	}

.footerCenter { 
	padding: 0px;
	margin: 2px 2px;
	float: left;
	display: inline;
	width: 33%;
	height: 8px;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #CC3300;
	}

.footerRight { 
	padding: 0px;
	margin: 2px 0px;
	float: left; 
	display: inline;
	width: 33%;
	height: 8px;
	text-align: right;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #818C86;
	}

	
.greyDivider {
	width: 100%;
	border-top: 1px solid #ccc;
	height: 1px;
	font-size: 1px;
	}
	
/* Tabs */

	.tabs {
		color: #000;
		border-bottom: 1px solid #ccc;
		margin: 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 2px; 
		}

	.tabs li {
		display: inline;
		overflow: hidden;
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		font-weight: bold;
		}

	.tabs a, a.active, .tabs #activeTab {
		color: #666;
		background: #fff url(/_images/template/tab_bg.gif) repeat-x;
		border: 1px solid #ccc;
		padding: 2px 5px 4px 5px;
		margin: 0px;
		text-decoration: none; 
		}
	.tabs a.tab-active, .tabs #activeTab {
		background: #fff url(/_images/template/tab_active_bg.gif) repeat-x;
		color: #cc3300;
		border-bottom: 1px solid #EFEFEF; 
		}
		
	.tab-active visited { text-decoration: none; color: #cc3300; }	
		
	.tabs visited { text-decoration: none; color: #666; }
	.tabs a:hover { text-decoration: none; color: #cc3300; } 


	.tabbedContent, .programDetails {
		background: #fff url(/_images/template/tab_content_bg.gif) repeat-x;
		padding: 6px;
		border-top: none;
		z-index: 2;	
		}
		
/* campus news */

.newsItem { clear:both; background: transparent url(/_images/template/news_bg.gif) repeat-x; margin: 0px; padding: 4px; }

.newsItem DD { font-size: 13px; border-bottom: 1px dashed #ccc; margin: 0px; padding: 0px 0px 4px 0px; }
.newsItem DT { margin: 4px 0px; color:#666; }
.newsItem DT IMG { margin: 4px 4px 0px 0px; }

.tealNews {
	background:#61B0B6; 
	padding:4px 6px;
	}

H1#newsTitle {
color: #cc3300;
font-size: 18px;
margin: 24px 0px 0px 0px;
padding: 0px;
line-height: 30px;
font-weight: normal;
}


DL.importantDates { clear:both; margin: 0px padding: 4px; }
.importantDates DD { border-bottom: 1px dashed #ccc; margin: 0px; padding: 4px 0px; }

#myLeft A:link, #myRightTop A:link, #myRightBottom A:link { text-decoration: underline; color: #006699; }
#myLeft A:visited, #myRightTop A:visited, #myRightBottom A:visited { text-decoration: underline; color: #666; }
#myLeft A:hover, #myRightTop A:hover, #myRightBottom A:hover { text-decoration: underline; color: #CC3300; }

#myLeft { border-right: 1px solid #ccc; padding-right: 6px; color: #333; }

#myRightTop, #myRightBottom { margin: 4px; padding: 2px; color: #333; }
#myRightTop { border-bottom: 1px solid #ccc; color: #333; }

#myLeft IMG { margin: 8px 4px 0px 0px; }
#myLeft DL,#myLeft DD { margin: 0px; }

#myRightTop IMG,#myRightBottom IMG { margin: 0px 0px 0px 4px; }

#myLeft H1 { 
	color: #818C86;
	font: 16px trebuchet ms, verdana, helvetica, arial, sans-serif;
	padding: 4px;
	margin: 0px 0px 6px 0px; }
#myRightTop H1 {
	color: #CC3300;
	font: 16px trebuchet ms, verdana, helvetica, arial, sans-serif;
	margin: 0px 0px 6px 0px;
	padding: 4px; }
#myRightBottom H1 {
	color: #837745;
	font: 16px trebuchet ms, verdana, helvetica, arial, sans-serif;
	margin: 4px 0px 6px 0px;
	padding: 4px; }	
	

/* important dates */
.dottedDivider 
{
	height: 1px; margin: 12px 0px; background:
	transparent url('/_images/dotted_divider.gif') repeat-x; }

/* search results */
.programResults {
       border-bottom: 1px dotted #ccc;
       font-size: 12px;
       line-height: 16px;
       padding: 6px 0px;
       }
       
/* navigation menu */

.navlink  { color: #fff; font-size: 11px; }
.navlink:visited  { color: #fff; font-size: 11px; }
	.navlink:hover { color: #003366; }
	.smallcaltitles {
		font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		}
	.calTable { 
		border: 1px solid #ccc;
		border-right: none;
		font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
		color: #666;
		font-size: 12px;
		line-height: 16px;
		}
	.calTD { 
		border-bottom: 1px solid #ccc; 
		border-right: 1px solid #ccc;
		}
	.calTitle {
		color: #fff;
		padding: 6px;
		font-size: 20px;
		}
	.weekdays {
		color: #fff;
		font-size: 12px;
		}
	#bottomJump { color: #fff; }
	.miniDate {
		font-size: 10px;
		letter-spacing: 1px;
		}
	.eventText {
		padding: 2px 4px;
		font-size: 11px;
		line-height: 16px;
		}
/* end navigation menu */

/* info box */
#infobox {
            border: 1px solid #65746D;
            background: #818C87;
            padding: 0px 0px 6px 0px;
            margin: 0px 0px 20px 0px;
            font-size: 11px;
            line-height: 15px;
            color: #fff;
            }

#infobox #title {
            background: #65746D;
            font-size: 10px;
            font-weight: bold;
            padding: 2px 6px;
            text-transform: uppercase;
            }

#infobox h1, #infobox h2, #infobox h3, #infobox h4, #infobox h5 {
            font-size: 14px;
            font-weight: normal;
            margin: 0px;
            color: #fff;
            text-transform: uppercase;
            padding: 6px 6px 3px 6px;
            }

#infobox p {
            margin: 0px 0px 6px 0px;
            padding: 0px 6px;
            }

#infobox a:link,#infobox a:visited { color: #ccc; }

#infobox a:hover { color: #FFFF99; }

/* end info box */


	    .dragItem {
	        cursor: default;
	        position: relative;

	        padding-left: 10px;
	        display: none;
            border: thin dashed white;
	    }
	    .dragItem:hover{
	        cursor: default;
	        position: relative;
            border: thin dashed lightgrey;
	        padding-left: 10px;            
	        display: none;
	    }