/* --------------------------------
	 #Typo
----------------------------------- */

html,body,div,span,applet,object,iframe,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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;font-family:Helvetica, Arial, sans-serif;line-height:normal;margin:0;padding:0}:focus{outline:0}html{text-align:center}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}a{cursor:pointer}i,em{font-style:italic}b,strong{font-weight:700}hr.clearhack{display:block;visibility:hidden;clear:both;height:0}.hide{display:none}

p, h1, h2, h3, h4, h5, h6, a, span, em, strong, li {font-family: Helvetica, Arial, sans-serif; color: #444;}

p, h1, h2, h3, h4, h5, h6 {padding-bottom: 10px;}

p, li {font-size: 13px; line-height: 22px; text-align: justify;}
h1 {font-size: 24px}
h2 {font-size: 18px}
h3 {font-size: 13px;}
.edit {background: green; padding: 3px 5px; text-decoration: none; color: #fff; margin: 5px; display: block; width:20px; text-align: center; font-size: 10px}
.edit:hover {background: #444;}

ul.nav li, ul#nav-sub li  {list-style: none;}

/* --------------------------------
	 #Main Layout
----------------------------------- */
html {background: #000 url(/img/page_vert_bgd.jpg) 0 -3px repeat-x; }
body { background:url(/img/Niagara-bgd.jpg) center -19px no-repeat;  text-align: center; position: relative; min-width: 980px;}
div.wrap {width: 980px; text-align: left; margin: 0 auto; position: relative;}

/* #Header */
div.header {height: 116px; width:200px;}
div.header a {background: url(/img/Logo-Niagara.png) 0 0 no-repeat; width:374px; height: 66px; display: block; text-indent: -5000em; position: relative; left:9px;}

/* #Nav */
div.main_nav {position: absolute; top:65px; left:414px; z-index: 5000;}
div.main_nav ul.nav li {display: inline;}

div.main_nav ul.nav li a {height: 64px; width:105px; background: url(/img/Naviagtion---Niagara2.png) 0 0 no-repeat; display: block; text-indent: -5000em; float: left; clear: none; }

div.main_nav ul.nav li.home a {width:20px; height: 19px; display: inline-block; background: url(/img/home_btn.png) 0 0 no-repeat; position: relative; top:24px; margin-right: 5px;}
div.main_nav ul.nav li.home a:hover {background-position: left bottom;}


div.main_nav ul.nav li.about a 		{ background-position: -106px 0;		}
div.main_nav ul.nav li.courses a 	{ background-position: -106px -63px; 	}
div.main_nav ul.nav li.calendar a 	{ background-position: -106px -126px; }
div.main_nav ul.nav li.correspond a { background-position: -137px -189px; width:120px; }
div.main_nav ul.nav li.apply a 		{ background-position: -106px -254px; }

div.main_nav ul.nav li.about 		a:hover	{ background-position: -212px 0;		}
div.main_nav ul.nav li.courses 		a:hover { background-position: -212px -63px; 	}
div.main_nav ul.nav li.calendar 	a:hover { background-position: -212px -126px; }
div.main_nav ul.nav li.correspond 	a:hover	{ background-position: -263px -189px; }
div.main_nav ul.nav li.apply 		a:hover	{ background-position: -212px -254px; }

div.main_nav ul.nav li.about 		a:active { background-position: -316px 0;		}
div.main_nav ul.nav li.courses 		a:active { background-position: -316px -63px; 	}
div.main_nav ul.nav li.calendar 	a:active { background-position: -316px -126px; }
div.main_nav ul.nav li.correspond 	a:active { background-position: -388px -189px; }
div.main_nav ul.nav li.apply 		a:active { background-position: -316px -254px; }

div.main_nav ul.nav li.about-active 	a, div.main_nav ul.nav li.about-active a:hover, div.main_nav ul.nav li.about-active a:active	{ background-position: left 0;		}
div.main_nav ul.nav li.courses-active 	a, div.main_nav ul.nav li.courses-active 	a:hover, div.main_nav ul.nav li.courses-active 	a:active { background-position: left -63px; 	}
div.main_nav ul.nav li.calendar-active a, div.main_nav ul.nav li.calendar-active a:hover, ain_nav ul.nav li.calendar-active a:active { background-position: left -126px; }
div.main_nav ul.nav li.correspond-active 		a, div.main_nav ul.nav li.correspond-active 		a:hover, div.main_nav ul.nav li.correspond-active 		a:active { background-position: left -189px; }
div.main_nav ul.nav li.apply-active 	a, div.main_nav ul.nav li.apply-active 	a:hover, div.main_nav ul.nav li.apply-active 	a:active	{ background-position: left -254px; }

a.head_link {background: url(/img/Toronto-Campus-Graphic.png) left bottom no-repeat; display: block; text-indent: -5000em; height: 56px; width:243px; position: absolute; z-index: 5000; right:30px; top:-4px;}
a.head_link:hover {background-position: left top; }


/* Campus Select */
div.campus_select { position: absolute; top:10px; right: 10px; background: url(/img/campus_select_bgd.png) 0 0 no-repeat; width: 176px; height: 33px; z-index: 5000; display: none;}
div.campus_select ul.nav li.active a { text-decoration: none;  display: block; width: 100px; }
div.campus_select ul.nav {text-align: right; top:7px; right: 15px; position: relative; padding-top: 1px;}
div.campus_select ul.nav li.active a.active {color: #fff; background: url(/img/down_arrow.png) 92px -1px no-repeat; width: 178px; height: 26px; overflow: hidden; text-align: right;}
div.campus_select ul.nav li.active a.active:hover {background-position: 92px -29px}

/* dropdown */
div.campus_select ul.nav ul li {display: none;}
div.campus_select ul.nav ul li a {background-color: #ececec; color: #000; margin-left:70px; padding: 8px; border-bottom: 1px solid #ccc; filter:alpha(opacity=90); opacity: 0.9; }
div.campus_select ul.nav ul li a:hover {background-color: #000; color: #fff;} 
div.campus_select ul.nav li.active:hover ul li {display: block;}

/* #Content */
div.content_wrap {background: url(/img/content_vert_bgd.jpg) 0 0 repeat-x; position: relative;}
div.content_wrap span.corner {width:5px; height: 6px; position: absolute; }
div.content_wrap span.left_corner {left: 0;  background:url(/img/content_bgd_top_left.jpg) 0 0 no-repeat;}
div.content_wrap span.right_corner {right: 0;  background:url(/img/content_bgd_top_right.jpg) 0 0 no-repeat;}

body#home div.content {padding: 18px; position: relative;}

div.bottom_ads {background: url(/img/glowing_bar.png) center top no-repeat; margin: 0 0 0 10px; padding-top: 20px;}
div.bottom_ads li {display: inline; margin: 10px 8px;}
div.bottom_ads a {width:300px; height: 184px; background: url(/img/bottom_ads/promo-video.jpg) 0 0 no-repeat; display: inline-block;}

div.bottom_ads li a:hover {background-position: left bottom;}

div.bottom_ads li.refer-a-friend a {background-image:url(/img/bottom_ads/refer-a-friend.jpg);}
div.bottom_ads li.free-information-package a {background-image:url(/img/bottom_ads/free-info-package.jpg);}

/*	#Footer */
div.footer {text-align: center; background: url(/img/glowing_bar.png) center top no-repeat; padding-top: 20px; padding-bottom: 20px; margin-top: 20px;}
div.footer p, div.footer strong, div.footer a, div.footer span {color: #fff; font-size: 11px; }

div.footer a.powered {text-decoration: none; color: #ccc; font-size: 10px; padding: 0 5px;}

body.sub div.footer {position: relative; top:30px; padding-bottom: 30px;}
body.sub div.bottom_ads {position: relative; top:30px;}
p.contact-info {width:100%; text-align: center;}


/* Assoc. Ministries */
div.footer ul.nav li, div.footer ul.nav li strong{ display: inline; color: #ccc; filter:alpha(opacity=70); opacity: 0.70; }
div.footer ul.nav li a { color: #ccc; text-decoration: none; padding-right: 10px;}
div.footer ul.nav li a:hover { color: #fff; text-decoration: underline;}

/* homepage slideshow */
div.slideshow {overflow: hidden; height: 346px; width:938px; border: 1px solid #7dabcb; }

/* slideshow */
div.slideshow_nav {position: absolute; top:30px; right:30px; z-index: 5000; width:80px;}
div.slideshow_nav ul li {float: left; clear: none;}
div.slideshow_nav ul li button { text-indent: -5000em; background:url(/img/home-rotating-nav-dots.png) 0 0 no-repeat;  width: 16px; height:15px; display: block; float: left; clear: none; margin: 0 5px; border:none; }
div.slideshow_nav ul li .inactive {background-position: -16px 0; }
div.slideshow_nav ul li .inactive:hover {background-position: -32px 0; }
div.slideshow_nav ul li .active {background-position: 0 0; }
div.slideshow_nav ul li .active:hover {background-position: 0 0; }

div.slideshow_nav ul li {display: inline-block}


/* --------------------------------
	 Sub Nav
----------------------------------- */
body.sub div.nav_sub {background: #0d639e url(/img/nav_sub_bgd.jpg) left bottom repeat-x; width: 218px; -webkit-border-bottom-right-radius:50px;  -moz-border-bottom-right-radius:50px; border-bottom-right-radius:50px; padding: 20px 0; position: absolute}
body.sub div.nav_sub ul li a {text-decoration: none; color: #fff; background:url(/img/nav_sub_bottom_bdr.png) right bottom no-repeat;  padding: 10px 5px; margin-left: 28px; width:180px; font-weight: normal; font-size: 12px; display: block}
body.sub div.nav_sub ul li a:hover {color: yellow}
sub div.nav_sub ul li.last a {background: none;}
body.sub div.nav_sub ul li {background:url(/img/nav_sub_bgd_left.gif) 20px top repeat-y;}

body.sub div.nav_sub ul li.here a {margin-left: 10px;  color: yellow; padding-top: 20px; font-weight: bold; background: none;}
body.sub div.nav_sub ul li.here {background: none;}


/* --------------------------------
	 Sub Page Layout
----------------------------------- */
body.sub div.content {background: #f3f3f3 url(/img/bgd_sub.jpg) left bottom repeat-x; top: 30px; position: relative; margin: 0 24px 20px 24px;}
body.sub div.content div.section {padding:25px 40px 20px 40px; border-top:2px solid #606060; border-bottom:2px solid #606060; min-height: 331px }

/* --------------------------------
	 Listings Page
----------------------------------- */
body.listing div.content div.section {padding-left:40px;}
body.listing div.content div.section div.image {display: inline-block; width:152px; height: 152px; overflow: hidden; margin: 5px 8px; float: left; clear: both;}
body.listing div.content div.section div.image img {border: 1px solid #444;}
body.listing div.content div.section div.wysiwyg_output {width:650px; float: left; clear: none; padding: 5px 0;}
body.listing div.content div.section div.article {border-bottom: 1px solid #aaa; padding: 10px 0; margin: 0 0 10px 0; clear: both;}
body.listing div.section div.lead_article div.wysiwyg_output {width:800px; float: none;}

body.listing div.content div.section div.no_image div.image {display: none;}
body.listing div.content div.section div.no_image div.wysiwyg_output {width:800px}

/* About page has sub-nav, so we need different widths */
body.about div.content div.section {padding-left: 250px;}
body.about div.content div.section div.article {width: 650px;}
body.about div.content div.section div.article div.wysiwyg_output {width: 450px;}

body.about div.content div.section div.no_image div.image {display: none;}
body.about div.content div.section div.no_image div.wysiwyg_output {width:600px}
body.about div.content div.section {padding-left: 250px}

/* Correspond page has sub-nav, so we need different widths */
body.correspond div.content div.section {padding-left: 250px;}
body.correspond div.content div.section div.article {width: 650px; margin-bottom: 20px;}
body.correspond div.content div.section div.article div.wysiwyg_output {width: 450px;}
	  
body.correspond div.content div.section div.no_image div.image {display: none;}
body.correspond div.content div.section div.no_image div.wysiwyg_output {width:600px}
body.correspond div.content div.section {padding-left: 250px}


/* --------------------------------
	 Video
----------------------------------- */
body.video div.video {width:100%; text-align: center; position: relative;}
body.video div.playercontainer {width:450px; margin: 0 auto;}


/* --------------------------------
	 Forms
----------------------------------- */
body.page div.content form {display: block; float: left; clear: both; width:800px; margin-left: 30px; margin-top:20px;}

div.content form input, div.content form textarea { border:1px solid #bbb; background:#eee; padding:5px; display: block; margin:2px 3px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:15px; width:60%; float: left; clear: none; }
div.content select {display: block; margin: 10px 0 20px 0px; float: left; clear: none;}
div.content input:focus, div.content textarea:focus {background:#fffa92;}
div.content input.short {width: 150px;}

div.content form label { font-size:14px; font-weight:bold; display: block; margin-top:3px; padding:8px 12px 10px 5px; width:25%; float: left; clear: both; text-align: right; }

div.content form .submit { border:none; background:#C1272D; color:#fff; float:left; clear:left; margin:20px; text-decoration:none; width:auto; margin-left: 30%; }
div.content form .submit:hover { background:#555; color:#fff; cursor:pointer; }
button { cursor: pointer; } 

span.optional {font-family: Georgia Palatino Times serif; font-size: 12px; color: #666; font-style: italic; padding: 10px; float: left;}

div.newsletter_check {float: left; clear: both; width:100%;}
div.content form div.newsletter_check label {font-size: 10px; color: #444; font-weight: normal; float: left; clear: none; margin-left: 0; text-align: left;}
div.content form div.newsletter_check input {margin:10px 0 0 30%; width:15px; }

div.content form input[type="hidden"] {display: none;}