/* @override http://mycareerconnection.ca/public/css/main.css */
/* -------------------------------- RESET -------------------------------- */
/* v1.0 | 20080212 */

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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------- END RESET -------------------------------- */
html {
	width: 100%;
	height: 100%;
}

body {
	background: #1c2122 url(../img/footer_bg.jpg) left top repeat;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000;
}

#top_bar {
	background: url(../img/top_orange.jpg) top center repeat-x;
	height: 10px;
}

p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px;
}

h1 {
	color: #f17a2e;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 30px;
}

h2 {
	color: #f17a2e;
	font-size: 20px;
	margin-bottom: 20px;
}

h3 {
	padding: 20px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #f17a2e;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.right {
	float: right;
}

.left {
	float: left;
}

a:link, a:visited {
	color: #53bcea;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #00b1ff;
}

.container{
	width: 940px;
	padding: 0 10px;
	position: relative;
	left: 50%;
	margin-left: -480px;
}

#header {
	position: relative;
	height: 110px;
	background: url(../img/header_bg.jpg) top left repeat-x;
}

#logo {
	/*background: url(../img/logo.png) center left no-repeat;*/
	width: 223px;
	height: 110px;
	position: relative;
	float: left;
}

#logo a {
	width: 223px;
	height: 49px;
	margin: 31px 0;
	display: block;
}

#contact_btn {
	background: url(../img/contact_btn.png) center left no-repeat;
	width: 166px;
	height: 110px;
	position: relative;
	float: right;
}

#contact_btn a {
	width: 166px;
	height: 40px;
	margin: 35px 0;
	display: block;
}

#tagline {
	/*background: url(../img/tagline.png) center left no-repeat;*/
	width: 289px;
	height: 110px;
	margin-right: 25px;
	position: relative;
	float: right;
}

#tagline img { margin: 43px 0 0 0; }

.hover_state {
	background: url(../img/nav_hover.png) top center no-repeat;
	width: 277px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

#main_nav {
	background: url(../img/main_nav_bg.jpg) top left repeat-x;
	height: 50px;
	position: relative;
	z-index: 12;
}

#main_nav ul {
	float: left;
	position: relative;
	list-style: none;
	height: 50px;
	font-size: 14px;
	margin-left: 10px;
	overflow: hidden;
}

#main_nav ul li {
	position: relative;
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 16px; /* for sliding doors */
}

#main_nav ul li.last {
	margin-right: 0;
}

#main_nav ul li.active {
	background: url(../img/active_left.png) center left no-repeat;
}

#main_nav ul li a {
	height: 49px;
	line-height: 50px;
	padding: 0 16px 1px 0;
	display: block;
	background-position: top left;
	position: relative;
	float: left;
}

#main_nav ul li a b {
	font-weight: normal;
}

#main_nav ul li.active a {
	background: url(../img/active_right.png) center right no-repeat;
}

#main_nav ul li.active a b {
	font-weight: normal;
}

#main_nav a:link, #main_nav a:visited {
	color: #fff;
	text-decoration: none;
}

#main_nav ul li a:hover, #main_nav ul li a:active {
	color: #fff;
}

#main_nav ul li.active a:hover {
	cursor: default;
}

#content {
	position: relative;
	background: #fff url(../img/content_bg.jpg) top left repeat-x;
	padding-bottom: 100px;
}

.page #content {
	background: #f9f9f9;
	min-height: 390px;
	height: auto;
	position: relative;
	padding: 0 0 40px 0;
}

#carousel_shadow {
	position: relative;
	margin-left: -15px;
	width: 970px;
	height: 380px;
	background: url(../img/carousel_shadow.png) center top no-repeat;
}

#carousel_bg {
	background: url(../img/carousel_bg.jpg) center top no-repeat;
	position: relative;
	top: 20px;
	margin-left: 15px;
	width: 940px;
	height: 360px;
}

ul#carousel {
	list-style: none;
}

li.carousel_item {
	width: 940px;
	height: 360px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#carousel_image {
	position: absolute;
	float: right;
	right: 10px;
	top: 0;
	height: 360px;
	z-index: 1;
}

#carousel_image a.profile_btn {	
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #555;
	text-align: center;
}

#carousel_image a.profile_btn div.profile_btn_left { 
	background: url(../img/profile_btn_left.png) left top no-repeat;
	padding: 0 0 0 15px;
	position: absolute;
	margin: 0;
	bottom: 20px;
	right: 40px;
	height: 30px;
}

#carousel_image a.profile_btn:hover div.profile_btn_left { 
	background-position: left bottom;
}

#carousel_image a.profile_btn div.profile_btn_right { 
	background: url(../img/profile_btn_right.png) right top no-repeat;
	height: 30px;
	padding-right: 15px;
}

#carousel_image a.profile_btn:hover div.profile_btn_right { 
	background-position: right bottom;
	cursor: pointer;
}

#carousel_text {
	width: 480px;
	height: 200px;
	position: relative;
	float: left;
	margin: 0 0 0 20px;
	z-index: 100;
}

#carousel_text h1 {
	margin: 20px 0 0 0;
	font-size: 25px;
	font-weight: bold;
	color: #fe6920;
	-moz-text-shadow: 0px 1px 1px #FFD271;
	-webkit-text-shadow: 0px 1px 1px #FFD271; 
	text-shadow: 0px 1px 1px #FFD271;
}

#carousel_text p {
	margin: 20px 0 0 40px;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
	-moz-text-shadow: 0px 1px 1px #aaa;
	-webkit-text-shadow: 0px 1px 1px #aaa; 
	text-shadow: 0px 1px 1px #aaa;
	width: 440px;
}

#carousel_text p.name {
	position: absolute;
	right: 5px;
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #555;
	width: 450px;
}

#quote_left {
	position: absolute;
	width: 45px;
	height: 34px;
	background: url(../img/quote_left.png) top left no-repeat;
	margin: 55px 0 0 -6px;
}

#quote_right {
	position: relative;
	float: right;
	width: 45px;
	height: 34px;
	background: url(../img/quote_right.png) top left no-repeat;
	margin: -28px 0 0 0;
}

#enticers {
	background: url(../img/enticer_bar_full.jpg) top left no-repeat;
	width: 940px;
	height: 150px;
	margin: 30px 0;
	/*overflow: hidden;*/
}

.enticer {
	width: 215px;
	height: 150px;
	position: relative;
	float: left;
	padding-left: 20px;
}

.enticer .orange {
	margin: 0;
	font-size: 22px;
	color: #f98410;
	letter-spacing: 1px;
	-moz-text-shadow: 0px -1px 1px #000;
	-webkit-text-shadow: 0px -1px 1px #000; 
	text-shadow: 0px -1px 1px #000;
}

.enticer .white {
	margin: 10px 0 20px 0;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	-moz-text-shadow: 0px -1px 1px #000;
	-webkit-text-shadow: 0px -1px 1px #000; 
	text-shadow: 0px -1px 1px #000;
}

.enticer .link_caption {
	color: #f98410;
	font-weight: normal;
	position: relative;
	top: 10px;
	bottom: 9px;
	text-align: center;
	width: 195px;
	height: 32px;
	line-height: 31px;
	margin: 20px 0 0 0;
	background: url(../img/enticer_btn.png) bottom left no-repeat;
}

.enticer a {
	position: absolute;
	width: 195px;
	height: 110px;
	line-height: 30px;
	display: block;
	padding: 20px 0 0 0;
	color: #f98410;
	font-size: 14px;
	font-weight: normal;
	-moz-text-shadow: 0px -1px 1px #000;
	-webkit-text-shadow: 0px -1px 1px #000; 
	text-shadow: 0px -1px 1px #000;
}

.enticer a:hover {
	cursor: pointer;
}

.enticer.ent1:hover {
	background: url(../img/enticer_bar_full.jpg) 0px -150px no-repeat;
	cursor: pointer;
}

.enticer.ent2:hover {
	background: url(../img/enticer_bar_full.jpg) -235px -300px no-repeat;
	cursor: pointer;
}

.enticer.ent3:hover {
	background: url(../img/enticer_bar_full.jpg) -470px -450px no-repeat;
	cursor: pointer;
}

.enticer.ent4:hover {
	background: url(../img/enticer_bar_full.jpg) -705px -600px no-repeat;
	cursor: pointer;
}

.home_feed {
	width: 300px;
	margin: 0 20px 0 0;
	position: relative;
	float: left;
}

.home_feed.last {
	margin: 0;
}

.home_feed .item {
	height: 40px;
	padding: 10px;
	border-bottom: 1px solid #e1e1e1;
}

.home h3 {
	font-weight: bold;
	font-size: 16px;
	padding: 0 10px 7px 10px;
	margin: 5px 0 0 0;
	border-bottom: 3px solid #e1e1e1;
}

.home h3 a {
	color: #f98410;
}

.home_feed {
	line-height: 20px;
}

.home_feed p {
	margin-bottom: 0;
}

.home_feed .item.last {
	border-bottom: none;
}

a.contact_link {
	display: block;
	height: 60px;
	width: 300px;
}

a.contact_link:hover {
	cursor: pointer;
}

div.contact_link p {
	color: #3a3f41;
	font-weight: bold;
}

a.contact_link:hover div.contact_link p {
	color: #000;
}

#contact_links .contact_link div.arrow_btn {
	background: url(../img/arrow_btn.jpg) left center no-repeat;
	width: 27px;
	position: relative;
	float: right;
	height:40px;
}

/*#contact_links .contact_link div.arrow_btn:hover {
	background-position: right center;
}*/

#contact_links .contact_link div.arrow_btn_hover {
	background-position: right center;
}

ul#latest_news {
	list-style: none;
}

/* INSIDE PAGES ONLY */

#sidebar {
	width: 200px;
	position: relative;
	margin: 95px 40px 0 0;
	float: left;
}

#second_nav {
	width: 200px;
	margin-bottom: 40px;
}

.second_nav_wrap {
	width: 200px;
	float: left;
	padding-top: 5px;
}

.second_nav_wrap_inner {
	width: 200px;
	float: left;
	padding-bottom: 5px;
}

#second_nav ul {
	float: left;
	position: relative;
	list-style: none;
	background: #ff6b25 url(../img/second_nav_bg.jpg) center top no-repeat;
}

#second_nav ul li {
	width: 200px;
	position: relative;
	overflow: hidden;
}

#second_nav a b {
	font-weight: normal;
	font-size: 12px;
}

#second_nav li.first {
	border-top: none;
}

#second_nav li.first a {
	border-top: none;
	background: url(../img/sidenav_top.png) center top no-repeat;
}

#second_nav li.last {
	border-bottom: none;
}

#second_nav li.last a {
	border-bottom: none;
	background: url(../img/sidenav_bottom.png) center bottom no-repeat;
}

#second_nav li.first_last a {
	border-top: none;
	background: url(../img/sidenav_top_bottom.png) center top no-repeat;
}

 /* start 3rd level */
 #second_nav ul li ul {
	background: none;
}

#second_nav ul li ul li.first a {
	background: none;
	border-top: 1px solid #ffaf6e;
	border-bottom: 1px solid #FC4215;
}

#second_nav ul li ul li.last a {
	background: none;
	border-top: 1px solid #ffaf6e;
	border-bottom: 1px solid #FC4215;
}

#second_nav ul li ul li.first.last a {
	background: none;
	border-top: 1px solid #ffaf6e;
	border-bottom: 1px solid #FC4215;
}
/* end 3rd level */

#second_nav ul li.active {
	background: url(../img/second_nav_active.png) top left repeat-x;
}

#second_nav ul li a {
	height: 32px;
	line-height: 32px;
	display: block;
	padding: 0 10px;
	border-bottom: 1px solid #FC4215;
	border-top: 1px solid #ffaf6e;
}

#second_nav ul li a b {
	background: url(../img/second_nav_arrow.png) right center no-repeat;
	padding-right: 12px;
	display: block;
}

#second_nav a:link, #second_nav a:visited {
	color: #eee;
	text-decoration: none;
}

#second_nav ul li a:hover b, #second_nav ul li a:active {
	color: #fff;
}

.testimonial {
	background: url(../img/inside_quote.jpg) top left no-repeat;
	padding: 5px 0 0 28px;
}

.testimonial p {
	color: #1b2021;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 16px;
}

.testimonial p.name {
	font-size: 14px;
	font-weight: bold;
}

#main_content {
	width: 700px;
	margin: 70px 0;
	position: relative;
	float: left;
}

.article p {
	font-size: 14px;
}

.article table {
	font-size: 14px;
	margin-bottom: 20px;
}

div.articleimg {
	position: static;
	width: auto;
}

div.articleimg.left {
	margin-bottom: 10px;
}

div.articleimg img {
	position: relative;
	padding: 0;
	margin-top: 5px;
}

div.articleimg.full {
	margin-left: 0;
	margin-right: 0;
	width: 620px;
}

div.articleimg a.enlarge b {
	background: url(../img/enlarge.png) top left no-repeat;
	text-indent: -10000px;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0;
	right: -15px;
	filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}

div.articleimg a.enlarge {
	position: relative;
	z-index: 100;
	display: block;
	width: 200px;
	cursor: pointer;
	text-decoration: none;
}

div.articleimg.centered a.enlarge {
	left: 50%;
	margin-left: -100px;
}

/*div.articleimg a.enlarge p.caption {
	margin: 0 0 0 24px;
	left: 0;
}*/

a:hover p.caption { color: #555 !important; }

p.caption {
	font-size: 12px !important;
	font-weight: normal;
	color: #777 !important;
	width: 200px;
}

.left p.caption {
	text-align: left;
	position: relative;
	display: block;
}

.right p.caption {
	text-align: left;
	position: relative;
	display: block;
}

.centered p.caption {
	text-align: left;
	position: relative;
	display: block;
	left: 50%;
	margin-left: -100px;
}

div.article {
	margin: 0 0 40px;
}

div.article ul {
	font-size: 14px;
	margin-bottom: 20px;
}

div.article ul li {
	padding: 0;
	line-height: 18px;
	margin-bottom: 0;
	list-style: disc outside;
}

div.article ol {
	font-size: 14px;
	margin-bottom: 20px;
}

div.article ol li {
	padding: 0;
	line-height: 18px;
	margin-bottom: 0;
	list-style: decimal outside;
}

div.article ul li.children ul {
	margin-bottom: 0;
}

div.article blockquote {
	
}

div.event {
	margin-bottom: 30px;
}

div.event h3 { padding-top: 0; padding-bottom: ; }

div.event ul { margin-left: 0; }
div.event ul li { list-style: none; margin-left: 0; }

div.event p {
	margin-bottom: 10px;
}

div.event li.title {
	font-weight: bold;
	margin-bottom: 5px;
}

div.event li.times {
	margin-bottom: 5px;
}

div.event li.location {
	color: #555;
}

div.event li.description {
	margin: 10px 0;
}

div.posts p.date {
	font-weight: bold;
}

div.posts ul.post_nav {
	margin: 20px 0 20px 0;
}

div.posts li {
	list-style-type: none;
}

div.posts li.label {
	margin: 0;
	font-weight: bold;
}

.page form {
	margin: 10px 0 0 0;
}

form div { clear: both; margin: 0 10px 20px 0; }
form div label { float: left; color: #555; font-size: 14px; margin: 0 0 10px 0; }
form div input.text { width: 300px; padding: 5px 10px; height: 18px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; background: #fcfcfc; border: 1px solid #ccc; color: #555;}
form div textarea { width: 300px; margin: 0 0 10px; padding: 5px 10px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; height: 100px; overflow-y: auto; background: #fcfcfc; border: 1px solid #ccc; color: #555;}

form div input.submit {
	background: #333;
	padding: 5px 10px;
	color: #ddd;
	border: 1px solid #999;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
form div input.submit:hover { color: #fff; }
form div input.datepicker { width: 100px; }
form h2 {
	margin: 0 0 25px 0;
}

div.error { font-style: italic; color: #c53c3e; margin: 0 0 30px; }
.page #main_content div.error p { margin: 0 0 5px; }
.home #main_content div.error p { margin: 0 0 5px; }

div.success {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 30px;
}

#signup_form { width: 100%; height: 28px; padding: 20px 0; margin-bottom: 20px; position: relative; }
#signup_form span { display: block; position: relative; float: left; line-height: 28px; margin-right: 40px; margin-left: 10px; font-weight: bold; color: #333; width: 200px; }
#signup_form form { width: 100%; position: relative; }
#signup_form form .input { float: left; position: relative; clear: none; margin: 0; }
#signup_form form .input label { line-height: 28px; margin-right: 5px; }
#signup_form form .input input.text { width: 200px; height: 18px; line-height: 18px; padding: 5px 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-right: 36px; }
#signup_form form .input input.submit { line-height: 18px; width: 90px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin-right: 0; font-weight: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#footer {
	clear: both;
	position: relative;
	height: 116px;
	color: #fff;
	padding: 20px 0 30px 0;
	font-weight: bold;
}

#footer .left a { margin-right: 20px; }

.siteby {
	color: #54535e;
	position: relative;
	float: right;
	text-align: right;
}
#footer .siteby p { font-style: normal; font-weight: normal; position: relative; float: right; clear: right; }
#footer .siteby p a { font-style: normal; font-weight: normal;}
#footer .logos { margin-bottom: 30px; height: 40px; position: relative; float: right; }
#footer .logos .bvc_logo { background: url(../img/bvc_logo.png) left top no-repeat; width: 145px; height: 40px; position: relative; float: left; margin-right: 40px; }
#footer .logos .goa_logo { background: url(../img/goa_logo.png) left top no-repeat; width: 119px; height: 40px; position: relative; float: left; }

.clear {
	clear: both;
}

blockquote {
	margin: 0 0 0 60px;
}

table td {
	border: 1px solid #ddd;
	padding: 10px;
}