/* Default Stylesheet for Nterchange Frontend */
/* ========================================== */


@import url("print.css") print;
/*@import url("other_stylesheet.css") screen; */


/* HTML RULES 								 		  */
/* ================================================== */
body { font: 11px Arial, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; color: #666; background: #0b5caa; }
h1 { font-size: 1.5em; color: #a71e4c; font-weight: bold; }
h2 { font-size: 1.1em; color: #a71e4c; font-weight: bold; }
h3 { font-size: 1.0em; color: #a71e4c; }
p, li { line-height: 1.4em; }
p,ul,ol,h1,h2,h3 { margin-bottom: 10px; }
a { color: #0b5caa; text-decoration: none; }
a:hover { color: #0b5caa; text-decoration: underline; }
a:visited { color: #036; text-decoration: none; }
a:active { color: #0b5caa; text-decoration: none; }

/* SITE LAYOUT RULES 								  */
/* ================================================== */
#site { width: 941px; margin: 0 auto; position: relative; background: url(/images/layout/page_background.gif) right repeat-y; background-color: #fff; padding: 5px 5px 5px 5px; margin-top: 36px; }

#masthead { height: 183px; width: 941px; }
	#logo { padding: 10px 0 8px 10px; _position: relative; }

#content { width: 931px; margin-bottom: 5px; margin-top: 5px; background: url(/images/layout/right_side_background.gif) right repeat-y; }
#contentwide { width: 931px; margin-bottom: 5px; margin-top: 5px; background: #fff; }
	#breadcrumbs { padding-bottom: 10px;  }
	#breadcrumbs a { color: #999; }
	#leftsidebarbox { position: relative; margin-top: -170px; margin-left: -22px; z-index: 10; width: 245px; float: left; }
	#maincontentbox { width: 503px; _width: 496px; overflow:hidden; margin-left: -9px; float: left; display: inline; padding: 0px 0px 25px 0px; }
	#maincontentboxwide { width: 717px; _width: 706px; margin-left: -9px; float: left; display: inline; padding: 0px 0px 25px 0px; }
	#maincontentboxtop { background: url(/images/layout/content_shadow.png) top repeat-x; height: 22px; width: 100%; padding-bottom: 3px; }
	#rightsidebarbox { width: 214px; _width: 210px; overflow:hidden; float: left; padding: 0px 0px 25px 0px; }
	#rightsidebarboxtop { background: url(/images/layout/content_shadow.png) top repeat-x; height: 22px; width: 100%; padding-bottom: 3px; }
	.sidepadding { padding: 0 25px; }
		#contentbox {width:450px;float:left;}
		#crutch{width:1px;height:200px;float:left;}


#footer { display: block; clear: both; text-align: center; margin: 5px auto; width: 941px; font-size: 10px; color: #fff }
	#footer_nav { padding-bottom: 5px; }
	#children { line-height: 1.4em; }
	#footer a { color: #fff; }



/* BASIC CLASSES	 								  */
/* ================================================== */
.clear { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
img { border: 0; }
.img_left { float: left; }
.img_right { float: right; }


/* NAVIGATION RULES 								  */
/* ================================================== */
#nav { width: 245px; background: url(/images/nav/nav_top.png) top left no-repeat; }
#navbottom { width: 245px; background: url(/images/nav/nav_bottom.png) bottom left no-repeat; padding-left: 10px; padding-top: 0px; }
#nav li { list-style: none; margin-left: 0; }
#nav ul { margin-bottom: 20px; }
#nav ul ul { margin-bottom: 0; }
#nav ul li { position: relative; }
#nav ul li a { text-decoration: none; display: block; width: 100%; }
#nav ul li a span { color: #666; font-size: 11px; padding-top: 3px; line-height: 1.5em; }

#nav ul.nav-list { padding-top: 1px; }


#nav .current  a span { color: #a71e4c; font-weight: bold; }
#nav li.inactive a span { color: #666; font-weight: normal; }
#nav a:hover, #nav li.inactive a:hover, #nav li.active a:hover
#nav a:hover span, #nav li.inactive a:hover span, #nav li.active a:hover span { color: #a71e4c; }

#nav ul .nav li { padding-left: 25px; }

#nav ul li .nav li a span { visibility: visible; }

/*
#nav { width: 161px; margin: 0 auto; }
#nav ul { margin: 20px auto; display: block; clear: both; }
#nav ul li { display: block; clear: both; }
#nav ul li { position: relative; border-bottom: 1px solid #fff; }
#nav ul li a { display: block; color: #fff; font-size: 12px; text-transform: uppercase; text-decoration: none; background: url(/images/nav/arrow.gif) center right no-repeat; }
#nav ul li a span { display: block; line-height: 30px; height: 30px; }

#nav .active { height: auto; }
#nav .active  a { color: #a71e4c; text-decoration: none; background: url(/images/nav/arrow_active.gif) center right no-repeat; }
#nav .active li a { color: #fff; background: none; }
#nav .active .active a, #nav .active .active .active a { color: #a71e4c; background: none; text-decoration: underline; }
#nav .active .active li a { color: #fff; text-decoration: none; }

#nav ul ul { display: none; margin: 0 0 5px 0; }
#nav ul ul li { border: 0;  zoom: 1; }
#nav ul ul li span { line-height: 12px; margin-bottom: 4px; height: auto; *height: 12px; }
#nav ul ul li a { background: none; font-size: 11px; }
*/

#nav li ul { display: none; } /* Hide all subnavs */
#nav li.active ul { display: block; } /* Show active children */
#nav li.inactive ul { display: none; } /* Hide inactive children */


#footer_nav { }
#footer_nav a { color: #fff; }


/* SEARCH			 								  */
/* ================================================== */
#search { position: absolute; top: -30px; right: 15px; width: 425px; height: 25px; font-size: 11px; }
#search a { color: #fff; text-decoration: none; }
#search form { float: right; clear: none; }
#search form input.text { font-size: 10px; width: 125px; margin: 3px 0 3px 5px; }
#search form input.button { font-size: 9px; background: #0b5caa; color: #FFF; border: 1px solid #FFF; margin: 3px 0; }
#search .spacer { position: relative; top: 10px; *top: 8px; padding-left: 4px; }
#search .join { position: relative; top: 3px; padding-right: 12px; }

#searchresults dd { margin-bottom:10px; }

/* HOMEPAGE OVERRIDES		 						  */
/* ================================================== */
.home { }


/* LISTS              	 						  */
/* ================================================== */
li { list-style: square; margin-left: 15px; }
ol li { list-style: decimal; margin-left: 15px; }

/*
EVENT CALENDAR
-------------------------------------------------------------------*/
.eventcalendar {
	padding: 10px 0;
}

#events-calendar table {
background:#CCCCCC none repeat scroll 0%;
margin-top:4px;
}
#events-calendar th {
background:#0b5caa none repeat scroll 0%;
color:#fff;
text-align:center;
min-width:40px;
padding:1px 3px;
}
#events-calendar th a {
color:#FFFFFF !important;
text-decoration:none;
}
#events-calendar div.day {
background:#EEEEEE none repeat scroll 0%;
color:#888888;
font-size:9px;
margin-bottom:1px;
padding:1px 3px;
text-align:right;
}
#events-calendar td {
background:#FFFFFF none repeat scroll 0%;
}
#events-calendar td.today {
background:#FFFFDD none repeat scroll 0%;
}
#events-calendar td.today .day {
color:#002244;
}
#events-calendar .event {
margin-bottom:1px;
}
#events-calendar .eventbody {
padding:2px;
}
#events-calendar .eventtime {
font-size:9px;
padding:1px 2px;
}
#events-calendar .eventname, #events-calendar .eventtime, #events-calendar .eventlocation, #events-calendar .eventtype {
color:#222222;
}
#events-calendar .eventname {
font-weight:bold;
}
#events-calendar .eventname a {
color:#222222;
}

.event-calgary a:hover, .event-international a:hover, .event-webcasts a:hover, .event-other a:hover {
	text-decoration:underline;
}
.vevent {
	padding: 2px;
}
.date {
color:#666;
}
.event-calgary, .event-calgary a {
color:#600;
}
dt.event-calgary {
background:#600 none repeat scroll 0%;
border:1px solid #000;
}

dt.event-international {
background:#2C2C83 none repeat scroll 0%;
border:1px solid #000;
}
.event-international, .event-international a {
color:#2C2C83;
}
dt.event-webcasts {
background:#066 none repeat scroll 0%;
border:1px solid #000;
}
.event-webcasts, .event-webcasts a {
color:#066;
}
dt.event-other {
background:#000 none repeat scroll 0%;
border:1px solid #000;
}
.event-other, .event-other a {
color:#000;
}

#eventlegends dt {
clear:left;
float:left;
height:12px;
margin:0pt 0pt 1px;
padding:0pt;
width:12px;
}
#eventlegends dd {
float:left;
margin:0pt;
padding:0pt 0pt 0pt 4px;
}

/* MISC RULES 								 		  */
/* ================================================== */

.jobheader {
	/*border-top: 1px solid #A71E4C;
	border-bottom: 1px solid #A71E4C;*/
	padding: 5px 0;
	margin: 10px 0;
	font-size: 1.1em;
}

.mediaelement {
	padding: 5px 0;
}

#page26 .mediaelement {
	padding: 5px 0 15px 20px;
}

.formerror { color: #f00; }

#banner { padding-top: 10px; }