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

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;
	vertical-align: baseline;
	background: transparent;
}

a:link { color: #b7002e; text-decoration: none; }
a:visited { color: #07308c; text-decoration: none; }
a:hover { color: #b7002e; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }

ol, ul { list-style: none;}
div { overflow: hidden; }
html { overflow: -moz-scrollbars-vertical !important; overflow-y:scroll;}
body { font: normal 62.5% Arial, Helvetica, sans-serif; color: #333; margin-bottom: 20px; }

html { background: url(/images/bg-page-stripe.gif) repeat-y center top; }
body { background: url(/images/bg-page-gradient.png) repeat-x center top; }

blockquote { background: url(/images/bg-blockquote.jpg) repeat-x left top; border: 1px solid #e5e5e5; padding: 15px 20px 20px 20px; clear: both; vertical-align: top; }
blockquote strong { display: block; font: normal 1.5em Arial, Helvetica, sans-serif; color: #336699; }
p,td { font: normal 1.2em/1.6em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 1.3em; }
blockquote { background: url(/images/bg-blockquote.jpg) repeat-x left top; border: 1px solid #e5e5e5; padding: 15px 20px 20px 20px; clear: both; vertical-align: top; font: normal 1.2em/1.6em Arial, Helvetica, sans-serif; color: #333; margin: 1.8em 0 1.4em; }
blockquote strong { display: block; font: normal 1.5em Arial, Helvetica, sans-serif; color: #336699; }
h1 { font: bold 3em Arial, Helvetica, sans-serif; color: #b7002e; margin: 0.1em 0 0.4em -2px;}
h2 { font: bold 2em Arial, Helvetica, sans-serif; color: #b7002e; margin: 0.1em 0 0.4em 0;}
h3 { font: normal 1.8em Arial, Helvetica, sans-serif; color: #333; }
h4{ font: bold 1.2em/1.6em Arial, Helvetica, sans-serif; color: #333; margin: 0.5em 0; }
#main .content table td{padding: 2px 4px;}
.content ul, .content ol { margin: 1.6em 0 1.6em 3px; }
.content ol { list-style: decimal !important; margin: 6px 0 15px 26px; }
.content ol li { background: none; padding:0; }
.content ul ul, .content ol ol { margin: 3px 0 3px 15px; }
.content li { font: normal 1.2em/1.6em Arial, Helvetica, sans-serif; color: #333; background: url(/images/bullet-red.gif) no-repeat 2px 8px; padding-left: 10px; }
.content li li { font: normal 12px Arial, Helvetica, sans-serif; color: #333; background: url(/images/bullet-red.gif) no-repeat 2px 8px; padding-left: 10px; }
.content #TabbedPanels1 li { background: url(/images/bg-tabs.gif) repeat-x left top; }
.content .TabbedPanelsContent .nobullet li { background: none !important; }
.content .dhtmlgoodies_tree li { background: none !important; }


.container { text-align: left; width: 960px; margin: 0 auto; background-color: #fff; }
#header { float: left; width: 960px; height: 128px; background: url(/images/bg-header.gif) repeat-x left top; }
.topbar { float: left; width: 960px; height: 88px; }
#logo { float: left; width: 318px; height: 88px; }
.spartan { display: block; width: 318px; height: 88px; text-indent: -9999px; background: url(/images/logo-spartan1.gif) no-repeat left top; }
.subnav { float: left; width: 350px; height: 71px; text-align: right; padding: 17px 5px 0 0; color: #999; }
.subnav a { padding: 1px 8px; font: bold 0.9em Tahoma, Verdana, Helvetica, sans-serif; }
.search { float: left; width: 287px; height: 27px; text-align: left; padding-top: 13px;  }
.search .input { border: 1px solid #999; background: url(/images/bg-search.gif) no-repeat left 2px; padding: 3px 3px 3px 25px; width:175px; font: normal 1.1em Arial, Helvetica, sans-serif; color: #000; }
.search .button { border: 1px solid #7f7f7f; background-color: #999; color: #fff; font: bold 1.1em Arial, Helvetica, sans-serif; padding: 2px 5px; margin-left: 4px;}

.search span { vertical-align: top; height: 20px; display: inline; }
.divisions { float: left; width: 287px; text-align: left; margin-top: 5px; }
.divisions select { font: normal 1.1em Arial, Helvetica, sans-serif; color: #000; width: 206px; padding: 2px;}
.menu { float: left; width: 960px; height: 40px; text-align: right; }

#main { float: left; width: 960px; }
#banner { float: left; display: block; width: 960px; height: 133px; background-color: #fff; margin-bottom: 17px;}
.breadcrumbs { float: left; width: 960px; height: 40px; }
.content { float: right; width: 648px; padding: 0 13px 30px 39px; border-left: 1px solid #ccc; }

#footer { float: left; width: 960px; height: 130px; background: url(/images/bg-footer.gif) repeat-x left top; }
#footer .info { float: left; width: 759px; padding-top: 47px; height: 75px; padding-left: 95px; background: url(/images/bg-footer-spartan.gif) no-repeat left bottom; }
#footer .info p { color: #666; font: normal 1.1em/1.6em Arial, Helvetica, sans-serif; margin: 0; }
#footer .info a { padding: 0 4px; }
#footer .fifty { float: left; width: 106px; height: 103px; background: url(/images/logo-top50.gif) no-repeat left top; text-indent: -9999px; }

.imgright { float: right; margin: 0 0 20px 25px; clear: both; border: 1px solid #ebebeb; }
.imgleft { float: left; margin: 0 25px 20px 0;}
.lift { margin-top: -20px; }
.noborder { border: none !important; }

.sidebar { float: left; width: 245px; padding-right: 13px; }
.sidebar h2 { background: url(/images/bg-sidebar-head.gif) repeat-x left top; font: normal 1.8em Arial, Helvetica, sans-serif; color: #336699; width: 274px; padding: 11px 13px;}
.sidebar ul, .sidebar ol { width: 274px; padding: 0 13px 18px; }
.sidebar li { font: normal 1.1em Arial, Helvetica, sans-serif; border-bottom: 1px solid #eef4f7; padding: 8px 0 9px; }

.sidebar .navigation h2 { width: 220px; padding: 8px 13px 13px;background: #e6f5fa url(/images/bg-sidebar-h2.png) repeat-x bottom; font: normal 1.8em/1.2em Arial, Helvetica, sans-serif; color: #336699; }
.sidebar .navigation ol { width: 220px; padding: 4px 13px 18px; }
.sidebar .navigation ol li { font: bold 1.2em Arial, Helvetica, sans-serif; color: #336699; border-bottom: none; padding: 0 0 1em;  }
.sidebar .navigation ol li ul { width: 220px; padding: 0; }
.sidebar .navigation ol li ul li { background: url(/images/bullet-red.gif) no-repeat 2px 8px; padding: 0 0 0 9px; border-bottom: none;  }
.sidebar .navigation ol li ul li a{ font: normal 0.75em Arial, Helvetica, sans-serif;  }

.productimage { margin-bottom: 17px; }
.productimage td { vertical-align: top; text-align: left; }
.productimage td p { margin: 1em 0;}
.productimage td img { float: right;}
.productimage td p img { float: none;}

.listsummary { border-top: 1px dashed #e4e4e4; margin-top: 2.4em; padding: 1.8em; }\
.listsummary li { padding-bottom: 10px; }
.listsummary a { font-weight: bold; }

#home .breadcrumbs { display: none; }
#home .content { float: left; width: 581px; padding: 0 39px 30px 26px; border-right: 1px solid #ccc; border-left: none; }
#home .sidebar { float: right; width: 300px; padding-left: 13px; padding-right: 0; }
#home .sidebar h2 {  width: 274px; padding: 11px 13px; background: url(/images/bg-sidebar-head.gif) repeat-x left top; font: normal 1.8em Arial, Helvetica, sans-serif; color: #336699;}
#home .sidebar ul, #home .sidebar ol { width: 274px; padding: 0 13px 18px; }
#home .sidebar li { font: normal 1.1em Arial, Helvetica, sans-serif; border-bottom: 1px solid #eef4f7; padding: 8px 0 9px; }
.indexpromos img { border: 1px solid #ebebeb; }
.indexpromos td.middle { padding: 0 10px; }

.breadcrumbs p { float: left; clear: none; font: normal 1em Arial, Helvetica, sans-serif; padding-left: 13px; }
.breadcrumbs .addthis { vertical-align: middle; float: right; padding-right: 20px; }

/* Calendar styles */
.cal_title { border-style: none; background-color: Transparent; }
.cal_title td { font: bold 16px Arial, Helvetica, sans-serif; color: #b7002e; }
.cal_nextprevstyle { font: bold 11px Arial, Helvetica, sans-serif !important; color: #b7002e; background-color: Transparent; width: 15%;}
.cal_dayheaderstyle { font: bold 1.1em Arial, Helvetica, sans-serif; color: #336699; background-color:Transparent; text-align: center; padding: 3px 0; border-top: 1px solid #eee; }
.cal_othermonthdaystyle { font: bold 1.1em Arial, Helvetica, sans-serif; background-color: #eee; color: #ccc; }
.cal_selecteddaystyle { font: bold 1.1em Arial, Helvetica, sans-serif; background-color: #5A7BC8; border: solid 1px white; color: white; }
.cal_daystyle { font: bold 1.1em Arial, Helvetica, sans-serif; background-color: white; border: 1px solid #eeeeee; color: #336699; width: 14%; }

/*jason work*/
.cal_daystyle { height: 90px; }
.cal_daystyle span, .cal_othermonthdaystyle span { width: 92%; display: block; padding: 3px; text-align: right; }
.cal_daystyle p, .cal_othermonthdaystyle p { padding: 8px; margin:0; font: normal 11px/15px Arial, Helvetica, sans-serif; }
.cal_daystyle p:hover, .cal_othermonthdaystyle p:hover { background-color: #CCFF00}

/*SCHOOL COLORS */
.edmonton { background-color: #ACC9E4;}
.burnaby { background-color: #73B58F;}
.calgary { background-color: #EFBCCD;}
.fortmcmurray { background-color: #FCF0A9; padding: 0px 5px 0px 5px;}
.saskatoon { background-color: #E7C399;}
.regina { background-color: #CCC8BD;}
.grandeprairie { background-color: #B5B2D9;}

.content td p { margin: 0 8px 0 0; padding:0; }
/*.courseregistration table { font: normal 12px Arial,Helvetica,sans-serif; }
.courseregistration td { margin: 0 8px 0 0; padding:0; font: normal 12px Arial,Helvetica,sans-serif; }*/

.registerbutton { text-decoration: none; width: 146px; height: 38px; display: block; cursor: pointer; text-indent: -9999px; background-image: url(/images/button-register.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
.registerbutton:hover { text-decoration: noneo; width: 146px; height: 38px; display: block; cursor: pointer; text-indent: -9999px; background-image: url(/images/button-register.jpg); background-repeat: no-repeat; background-position: 0px -41px;}

.courselabel { font: bold 12px Arial, Helvetica, sans-serif; color: #336699; }

.library-tree td {line-height: 1.3em;}
.library-tree .imgcell {vertical-align:top;}
.library-tree .imgcell img {float:left; line-height: 1.3em; margin-top: 4px;}
.library-tree .titlecell a {float:left; padding-top: 4px; line-height: 1.3em;}

div#TreeView1 a{color:blue;font-family:verdana;font-size:10pt;}
div#TreeView1 a:link{text-decoration:none;}
div#TreeView1 a:hover{text-decoration:underline;}
div#TreeView1 a:visited{text-decoration:none;}
div#TreeView1 p{font-size:10pt};