h1, .mainheader { 
	font-size: 34px; 
	font-weight: 200; 
	color: #017DC3; 
	margin: 10px 0 0 0; 
	padding-bottom: 5px;
	border-bottom: solid 2px #B3AFAE; }

h2 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	margin: 15px 0 10px 0; 
	font-weight: 200; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 -10px 0; font-weight: 200; }

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 -10px 0; font-weight: 200;}

.header { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 0 0; font-weight: 200;}

#breadcrumbs {
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: solid 1px #E1DFE1;
	padding: 0 0 8px 0;
}
#breadcrumbs a {
	color: #4F4F4F;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

#main p { margin-bottom: 9px; }

.blog_list li {
	margin: 0 0 8px 30px;
	padding: 0 0 0 10px;
}
.blog_list li a {
	color: #000000;
}
#blogs_left_col {
	width: 450px;
	float: left;
}
#blogs_right_col {
	float: right;
	margin-top: -20px;
	width: 425px;
}
.hr { border-bottom: solid 1px #BFBFBF; height: 1px; width: 100%; margin: 12px 0; }
.blogs_hilite {
	border: solid 1px #afafaf;
	background-image: url("/ncglobal/images_09/hilite_box_bg.gif");
	background-repeat: repeat-x;
	padding: 8px;
	margin-bottom: 10px;
}
.blogs_hilite img {
	float: left;
	border: solid 1px #D7D6D6;
	margin-right: 10px;
}
.blogs_hilite h3 {
	margin-top: 4px;
	font-size: 15px;
	font-weight: bold;
}
.blogs_hilite h3 a { color: #000000; }
.blogs_hilite p {
	margin-top: 14px;
	line-height: 18px;
}

/* 2 column secondary page */

.gen_list li {
	margin: 0 0 0 25px;
	line-height: 18px;
}

#gen_left_col {
	width: 200px;
	float: left;
	padding: 10px 10px 10px 0;
	margin-right: 25px;
	border-right: solid 3px #000000;
}
#gen_right_col {
	float: left;
	width: 645px;
}
#gen_right_col a {
	color: #0071AF;
}
#gen_right_col a:hover {
	text-decoration: none;
}
.gen_left_menu li {
	margin: 0 0 0 25px;
}
.gen_left_menu li a {
	color: #000000;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
}
.gen_left_menu li a:hover {
	color: #0071AF;
}
.gen_left_menu {
	padding: 0 0 10px 0;
}

.related_container_nav {
	border: solid 1px #aaa9a9;
	width: 170px;
	margin: 5px 0 10px 10px;
}

.related_container_nav_header {
	background-image: url(http://www.niagaracollege.ca/ncglobal/images_09/hilite_box_sml_bg.gif);
	background-repeat: repeat-x;
}

.related_container_nav_header h4 {
	font-size: 11px;
	padding: 4px 10px 4px 10px;
	border-bottom: solid 1px #aaa9a9;
	margin: 0px;
}

.related_container_nav_content {
	padding: 10px 7px 15px 10px;
}

.related_container_nav_content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.related_container_nav_content ul li {
	font-size: 11px;
	background-image: url(http://www.niagaracollege.ca/ncglobal/images_09/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}

.related_container_nav p {
	font-size: 11px;
}

.related_container_nav a {
	color: #0466d5;
}

.related_container_nav a:hover {
	color: #000000;
}


/*floated related container*/
.related_container {
	border: solid 1px #aaa9a9;
	width: 170px;
	margin: 5px 0 10px 10px;
	float: right;
}

.related_container_header {
	background-image: url(http://www.niagaracollege.ca/ncglobal/images_09/hilite_box_sml_bg.gif);
	background-repeat: repeat-x;
}

.related_container_header h4 {
	font-size: 11px;
	padding: 4px 10px 4px 10px;
	border-bottom: solid 1px #aaa9a9;
	margin: 0px;
}

.related_container_content {
	padding: 10px 7px 15px 10px;
}

.related_container_content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.related_container_content ul li {
	font-size: 11px;
	background-image: url(http://www.niagaracollege.ca/ncglobal/images_09/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}

.related_container p {
	font-size: 11px;
}

.related_container a {
	color: #0466d5;
}

.related_container a:hover {
	color: #000000;
}

/* end 2 col secondary page */

.highlight {background-color:#FFFF00;}

hr.prog {color:#CCCCCC; text-align:left; width:90%; height:1px;}

li.marginbottom {margin-bottom:15px;}

span.searchword {background-color:#FFFFC0;}

.nomargin {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}

li.pdf {
list-style-image: url(/ncglobal/images/pdf.gif);
}

li.audio {
list-style-image: url(/ncglobal/images/audio.gif); vertical-align:middle;
}

li.web {
list-style-image: url(/ncglobal/images/link.gif); vertical-align:middle;
}

.content {width: 715x; margin-left: 225px; margin-top: 12px;}

.normtext {font-family:Arial, Helvetica, Verdana, sans-serif; font-size: small; color: #272627;}

fieldset {border: 2px solid #cccccc; padding: 5px;}

legend {color: #231F20;
border: 2px solid #cccccc;
padding: 2px 6px}

div.accred {width:275px; margin: auto auto; padding:10px; border: solid 1px #272627;}

div.progloc {width:275px; margin: auto auto; padding:10px; border: solid 1px #272627;}
div.progloc p {padding:0; margin:0;}

p.indent {padding-left:25px;}

p.blockindent {padding-left:40px;}

ul.blockindent {padding-left:25px;}

li.program { list-style-type: square; color:#B5B53C;}

li.norm { list-style-type: disc;}

p.nomargin {margin-top: 0px; margin-bottom:0px;}

.topnav {font-family:Arial, Helvetica, Verdana, sans-serif; color: #272627; background-color: inherit; background-image: none; font-size: x-small;}

.topnavgap {font-family:Arial, Helvetica, Verdana, sans-serif; color: #272627; background-color: inherit; background-image: none; font-size: x-small; letter-spacing: 0.1cm;}

.quoteauthor {color:#666;}

.white {color:#FFFFFF;}

.blue {color:#272627;}

.shadow {color:#eeeeee;}

a.link {font-family:Arial, Helvetica, Verdana, sans-serif; color: #272627; background-color: inherit; background-image: none;}

a.link:VISITED {
	color: #272627;
	text-decoration : underline;	
	background-color: inherit;
}

a.link:LINK {
	color: #272627;
	text-decoration : underline;	
	background-color: inherit;
}

a.link:HOVER, a.link:focus {
	color : #272627;
	text-decoration : none;
	background-color: inherit;
}

a.headerlink {font-family:Arial, Helvetica, Verdana, sans-serif; color:#E39400; background-color: inherit; background-image: none;}

a.headerlink:VISITED {
	text-decoration : underline;	
	background-color: inherit;
}

a.headerlink:LINK {
	text-decoration : underline;	
	background-color: inherit;
}

a.headerlink:HOVER, a.link:focus {
	text-decoration : none;
	background-color: inherit;
}

.mainprogheader {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: large; color: #00557F;}

.small {font-size: xx-small;}

.topnavgap {letter-spacing: 0.1cm;}

.gap {letter-spacing: 0.1cm;}

.sidenav {font-size: x-small; font-weight:bold;}

.sidenav:VISITED {
	color: #272627;
	text-decoration : none;	
	background-color: inherit;
}

.sidenav:LINK {
	color: #272627;
	text-decoration : none;	
	background-color: inherit;
}

.sidenav:HOVER, .morelink:focus {
	color : #272627;
	text-decoration : underline;
	background-color: inherit;
}

.unbold {font-weight: normal;}

.hide {display:none;}

hr#dotted {border-bottom: none 0; border-left: none 0; border-right: none 0; 
border-top: 1px dashed #B5B53C;/*the border*/
width: 242px;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

.toplink {
	color: #555522; padding-right: 10px; background-image: none;
}

.toplink:VISITED {
	color: #555522;
	text-decoration : none;	
}

.toplink:LINK {
	color: #555522;
	text-decoration : none;	
}

.toplink:HOVER, .toplink:focus {
	color : #555522;
	text-decoration : underline;
}

.hoverlink {font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666; background-color: inherit; background-image: none;}

.hoverlink:VISITED {
	color: #666666;
	text-decoration : underline;	
	background-color: inherit;
}

.hoverlink:LINK {
	color: #666666;
	text-decoration : underline;	
	background-color: inherit;
}

.hoverlink:HOVER, .hoverlink:focus {
	color : #0080BF;
	text-decoration : none;
	background-color: inherit;
	list-style-type:disc;
}

.morelink {
	color: #272627; background-color: inherit; background-image: none;
}

.morelink:VISITED {
	color: #272627;
	text-decoration : none;	
	background-color: inherit;
}

.morelink:LINK {
	color: #272627;
	text-decoration : none;	
	background-color: inherit;
}

.morelink:HOVER, .morelink:focus {
	color : #272627;
	text-decoration : underline;
	background-color: inherit;
}


.addhotlink a {
display:block;
background-image: url(<!--#echo var="path"-->addhotlink_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.addhotlink a:hover, .addhotlink a:focus {
display:block;
background-image: url(<!--#echo var="path"-->addhotlink_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.viewhotlink a {
display:block;
background-image: url(<!--#echo var="path"-->viewhotlink_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.viewhotlink a:hover, .viewhotlink a:focus {
display:block;
background-image: url(<!--#echo var="path"-->viewhotlink_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.speechenable a {
display:block;
background-image: url(<!--#echo var="path"-->speechenable_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.speechenable a:hover, .speechenable a:focus {
display:block;
background-image: url(<!--#echo var="path"-->speechenable_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.flashmovie a {
display:block;
background-image: url(<!--#echo var="path"-->flashmovie_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.flashmovie a:hover, .flashmovie a:focus {
display:block;
background-image: url(<!--#echo var="path"-->flashmovie_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}


.video a {
display:block;
background-image: url(<!--#echo var="path"-->video_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.video a:hover, .video a:focus {
display:block;
background-image: url(<!--#echo var="path"-->video_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.camera a {
display:block;
background-image: url(<!--#echo var="path"-->camera_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.camera a:hover, .camera a:focus {
display:block;
background-image: url(<!--#echo var="path"-->camera_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.award a {
display:block;
background-image: url(<!--#echo var="path"-->award_norm.gif) ;

background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.award a:hover, .award a:focus {
display:block;
background-image: url(<!--#echo var="path"-->award_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.programs a {
display:block;
background-image: url(<!--#echo var="path"-->college_programs_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.programs a:hover, .programs a:focus {
display:block;
background-image: url(<!--#echo var="path"-->college_programs_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.website a {
display:block;
background-image: url(<!--#echo var="path"-->website_icon_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.website a:hover, .website a:focus {
display:block;
background-image: url(<!--#echo var="path"-->website_icon_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}


.relatedprogs a {
display:block;
background-image: url(/ncglobal/icons/related_programs_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.relatedprogs a:hover, .website a:focus {
display:block;
background-image: url(/ncglobal/icons/related_programs_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}


.news a {
display:block;
background-image: url(<!--#echo var="path"-->news_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.news a:hover, .news a:focus {
display:block;
background-image: url(<!--#echo var="path"-->news_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.degree a {
display:block;
background-image: url(<!--#echo var="path"-->degree_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.degree a:hover, .degree a:focus {
display:block;
background-image: url(<!--#echo var="path"-->degree_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.events a {
display:block;
background-image: url(<!--#echo var="path"-->events_norm.gif) ;
background-repeat: no-repeat;
color:#555522;
background-color: inherit;
}

.events a:hover, .events a:focus {
display:block;
background-image: url(<!--#echo var="path"-->events_over.gif) ;
background-repeat: no-repeat;
color:#272627;
background-color: #FFFFFF;
}

.searchbox {padding:0; margin:0; vertical-align:top;}


/* left side menu styling */

#submenu {
margin:0 0 0 0; 
padding:0 0 0 0;
width: 200px;
border-right: dotted 1px #000000;
} 

#submenu ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
}

#submenu a, #submenu h3 {
display: block;
text-decoration: none;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
}

#submenu h3 {
color: #272627;
width:90%;
margin: 6px 0 3px; 0;
font-weight: bold;
padding: 0 0 2px 0;
border-bottom: solid 1px #000000;
font-size: 14px;
}

#submenu a {
display: block;
color: #272627;
text-decoration: none;
margin: 0 0 0 0;
padding: 4px 10px 4px 5px;
font-size: 13px;
}

#submenu a:visited { 
color: #0081AF;
font-style:italic;
}

#submenu a:hover, #submenu a:active, #submenu a:focus {
background-color: #CFECF6;
color: #000;
margin: 0 0 0 0;
border-left: 0px solid #000;
text-decoration: none;
}

#submenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
margin: 0 0 0 0;
width: 100%;
} 

#submenu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the left of their containing block */
width: 100%; /* width is based on the containing block */
margin: 0 0 0 0;
background-color:#DDD;
}

div#submenu ul ul ul,
div#submenu ul ul li:hover ul ul
{display: none; margin: 0 0 0 0;}

div#submenu ul ul li:hover ul,
div#submenu ul ul ul li:hover ul
{display: block; margin: 0 0 0 0; border: 1px solid #DDD;}