/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: OIMP
	Date: 11/30/09
	Designer: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Red Text: #e21f17
	Burgundy Text: #88252a
	Brown Text: #794039
	Yellow Text: #fec658

------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* -------------------------------------------- HomePage */
/* -------------------------------------------- Content Area */
/* -------------------------------------------- Side Nav */
/* -------------------------------------------- Footer */
/* -------------------------------------------- Form */

@import url("reset.css");
@import url("tabs.css");
@import url("jquery.lightbox-0.5.css");


 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #fff; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	padding:0;
	margin:0;
	top:0;
	left: 0;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: #fff;		
		}

img, form { /* removes all default formatting on images and forms */
	padding:0;
	margin:0;
	line-height:0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */


/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color: #df2319;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #88252a;
	text-decoration: underline;
	}		
	a[href $='.pdf'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 20px;
   	background: transparent url(../../images/pdf-icon.png) no-repeat center right;
	}
	a[href $='.doc'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 22px;
   	background: transparent url(../../images/doc-icon.png) no-repeat center right;
	}
	a[href $='.xls'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 22px;
   	background: transparent url(../../images/xls-icon.png) no-repeat center right;
	}
	a[href $='.mov'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 20px;
   	background: transparent url(../../images/mov-icon.png) no-repeat center right;
	}
				
p, td, div { 
	font: 13px/19px Arial, Helvetica, sans-serif;
	}
	p {
		padding:0 0 11px 0;
		}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	color: #e21f17;
	font: 28px Georgia, Times New Roman, Times, serif;
	margin:20px 0 11px 0;
	}

h2 {
	color: #794039;
	font: bold 14px/19px Arial, Helvetica, sans-serif;
	margin:20px 0 10px 0;
	text-transform:uppercase;
	}
	
h3 {
	color: #794039;
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	margin:5px 0 5px 0;
	}
	
ul, ol {
	margin-bottom:11px;
	padding:0;
	list-style-type: none;	}
	
	li {	
		background: url(../../images/li-bullet.png) no-repeat 0 9px;
		padding: 0 0 11px 10px; 
		margin: 0;
		}
		
		ul.MeatingPlace li {	
			padding: 0 0 2px 10px; 
			}
	


/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */	
			
/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#Header { 
	height:156px;
	background: #812226 url(../../images/header-bg.jpg) repeat-x 0 0;
	margin: 0 auto;
 	}
#Header	.Container {
	margin: 0 auto;
	width:960px;
	position:relative;
	overflow:visible;
	z-index:1000;
	}
	
.Logo { 
	position:absolute;	
	width:960px;
	margin: 0 auto;
	top:0;
	left:0;
	width:214px;
	height:217px;
	z-index:5;
	float:left; 
	}	
	
.Search {
	height:25px;
	float:right;
	margin:26px 0;	
	}
	.Search .Title {
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#fec658;
		float:left;
		margin:5px 10px 0 0;
		}				
		.Search	.Input { 
			float:left;
			background: #fff url(../../images/input-bg.gif) repeat;
			border: 1px solid #fec658;
			border-right: 1px solid #fff;
			width:188px;
			height:19px; 
			padding:3px 0 0 1px;
			font: 12px Arial, Helvetica, sans-serif;
			}	
			.Search	.SearchButton {
				float:left;
				height:24px;
				width:29px;
				cursor:pointer;
				margin:0 10px 0 -1px;
				}

.TopLinks {
	position:absolute;
	width:491px;
	right:10px;
	top:75px;
	}
	.ProductLocator { 
		float:left; 
		margin-right:6px; 
		}		
	.MemberLinks { 
		float:right;
		font-size:10px;
		color:#fec658;
		background: url(../../images/top-links-bg.png) repeat;
		width:339px;
		height:23px;
		padding:4px 0 0 0;
		text-align:center;
		}
		.MemberLinks a:link, .MemberLinks a:visited { color: #fec658; padding:0 7px; }
		.MemberLinks a:hover, .MemberLinks a:active { color: #e7cc9b; }


	
/* ---------------------------------------- Top Nav */
	
.TopNav {
	position:absolute;
	top:128px;
	right:10px;
	float:right;
	width:756px;
	height:28px;
	padding:0;
	margin:0;
	line-height:0;	
	z-index:10;

	}
	
.TopNav ul {
	list-style: none;
	padding:0;
	margin:0;
	line-height:0;	
	}
	.TopNav li {
		float:left;
		list-style: none;
		padding:0;
		margin:0;
		line-height:0;
		}
	
.TopNav a {
	display:block;
	height:28px;
	background:url(../../images/topnav.png) no-repeat; 
	text-indent:-9000px;
	}

.TopNav a.Home {
	background-position:0 0;
	width:43px;
	}	
	.TopNav a.Home:hover, .TopNav .Selected a.Home{
		background-position:0 -28px;
		}
		
.TopNav a.About {
	background-position:-43px 0;
	width:88px;
	}	
	.TopNav a.About:hover, .TopNav .Selected a.About {
		background-position:-43px -28px;
		}
		
.TopNav a.Communications {
	background-position:-131px 0;
	width: 122px;
	}	
	.TopNav a.Communications:hover, .TopNav .Selected a.Communications {
		background-position:-131px -28px;
		}
				
.TopNav a.Programs {
	background-position:-253px 0;
	width: 144px;
	}	
	.TopNav a.Programs:hover, .TopNav .Selected a.Programs {
		background-position:-253px -28px;
		}
				
.TopNav a.Safety {
	background-position:-397px 0;
	width: 95px;
	}	
	.TopNav a.Safety:hover, .TopNav .Selected a.Safety {
		background-position:-397px -28px;
		}
		
.TopNav a.Regulations {
	background-position:-492px 0;
	width: 95px;
	}	
	.TopNav a.Regulations:hover, .TopNav .Selected a.Regulations {
		background-position:-492px -28px;
		}
		
.TopNav a.Development {
	background-position:-587px 0;
	width: 169px;
	}	
	.TopNav a.Development:hover, .TopNav .Selected a.Development {
		background-position:-587px -28px;
		}
		
		
/* ---------------------------------------- HomePage */

#Intro {
	margin: 0 0 30px 0;
	background: url(../../images/home-bg.jpg) repeat-x top right;
	}	
	#Intro .Container { 
		background: url(../../images/hometop-bg.jpg) no-repeat top right;	
		height:331px;
		overflow:hidden;
		}

.IntroText {
	width:555px;
	float:left;
	margin:50px 35px 0 0;
	}
	#Intro h1 {font-size: 24px; }	
	#Intro p {font:17px/23px Arial, Helvetica, sans-serif; }

.ImportanceOIMP {
	float:right;
	margin:10px;
	}
	
.HomeBottomText {
	margin-right:38px;
	width:500px;
	float:left;
	}
	
.NoMarginTop{margin-top:0;}

p.TogetherText {font :14px/20px Arial, Helvetica, sans-serif; }

.ProductLocatorCallout {
	width:160px;
	margin-right:20px;
	padding:0 0 7px 0;
	background: url(../../images/productlocator-callout-bg.png) no-repeat;
	float:left;	
	}
	.ProductLocatorCallout h2 { text-align:center; }
	.ProductLocatorCallout img.SS { margin: 0 0 10px 6px; }
	.ProductLocatorCallout p { 
		margin:0 6px;
		color:#a85825;
		font:11px/15px Arial, Helvetica, sans-serif;
		}
	.ProductLocatorCallout a {
		margin:5px 0 0 60px;	
		font-size:13px;
		font-weight:bold;
		}
		
.MembershipBuyOntarioCol {
	float:left;
	width: 219px;		
	margin:0;
	padding:0;
	}
		
.MembershipCallout {
	width:219px;
	margin-bottom:15px;
	padding:0;
	background: url(../../images/sidenav-bg.png) no-repeat;
	float:left;	
	}
	.MembershipCallout h2 { margin:12px 10px 8px 10px; text-transform:none;}
	.MembershipCallout img.Title { margin: 25px 0 0 10px; }
	.MembershipCallout p { 
		margin:0 10px;
		color:#a85825;
		font:11px/15px Arial, Helvetica, sans-serif;
		}
	.MembershipCallout a {
		margin:5px 0 0 115px;	
		font-size:13px;
		font-weight:bold;
		}
		
				
/* ---------------------------------------- Content Area */
	
.Container {
	margin: 0 auto;
	padding:0;
	width:940px;
	position:relative;
	overflow:hidden;
	}
	
#BreadCrumbs {
	background: url(../../images/breadcrumbs-bg.png) repeat-x;	
	height:33px;
	}
		#BreadCrumbs p {
			color:#88252a;
			font-size:11px;
			padding-bottom:0;
			margin:7px 0 0 185px;
			float:left;
			}
		#BreadCrumbs img.BuyOntario {
			float:right;
			margin-top:10px;
			}
			
#Content {
	width:700px;
	float:left;
	margin:15px 20px 0 0;
	}
	
ul.SubCategories  {
	margin-bottom:11px;
	padding:0;
	list-style-type: none;
	}
	
	ul.SubCategories li {	
		background: url(../../images/li-bullet-subcategories.png) no-repeat 0 6px;
		padding: 0 0 11px 10px; 
		margin: 0;
		}
		ul.SubCategories li a { font-weight:bold; }
		
.Bio {
	display: table; 
	height: 175px;  
	#position: relative; 
	overflow: hidden;
	margin:5px 0 15px 0;
	}
	.Bio .TextArea {
		#position: absolute; 
		#top: 50%;
		display: table-cell; 
		vertical-align: middle;
		width:535px;
		}
		.Bio .TextArea .Text {
			#position: relative; 
			#top: -50%
			}
			
.BoardBio .Text {
	float:right;
	width:535px;
	}
	
.BoardBio {overflow:hidden;}

.AdditionalBio {
	border-top:1px solid #ebd1ba;
	padding:10px 0;
	font-size:11px;
	line-height:17px;
	margin-bottom:20px;
	}
	
.AssociateMemberListCol {
	width:300px; 
	margin-bottom:20px;
	float:left;
	}
	
.AffiliateMembersList {
	width:500px;
	}
	.AffiliateMembersList td {
		width:200px;
		padding:40px 60px 10px 0;
		text-align:center;
		vertical-align:middle;	
		}
		.ExtraMargin {margin: 0 0 20px 30px;}
		
.AwardsPaddingBottom {padding-bottom:25px;}
	
.WorkshopTable {
	width:695px;
	margin:5px 0 25px 1px;
	border-collapse:collapse;	
	}
.WorkshopTable th {
	border:1px solid #ebd1ba; 
	background:#ad3035;
	padding:5px 10px;
	font-weight:bold;
	color:#fff;	
	}
	.WorkshopTable th.DateCol { width:120px; }
	
.WorkshopTable tr {
	background:#f9f3e7;
	}

.WorkshopTable tr.RowB {
	background:#fefcf8;
	}
.WorkshopTable tr.SubTitle {
	background:#be775d;
	}
	.WorkshopTable tr.SubTitle td {
	font-weight:bold;
	color:#fff;
	padding:5px 10px;
	}
	
.WorkshopTable td {
	border:1px solid #ebd1ba; 
	padding:10px 10px;
	vertical-align:top;	
	}
	
.WorkshopTable h3 {margin-top:0; }
.WorkshopTable p {padding-bottom:0; }
.WorkshopTable ul.SubCategories  {margin-bottom:0;}
.WorkshopTable ul.SubCategories li {	padding-bottom: 0; }

.ArchivesH2 {
	float:left;
	margin-right:20px;
	}
	
.DateFilter {
	margin-top:20px;
	float:left;
	}
	
.DateFilterBlocktalkUpdate {
	margin-top:5px;
	float:left;
	}
	
	
.ImageFloatLeft {
	float:left;
	margin:5px 15px 0 0;
	}
	
.ImageFloatRight {
	float:right;
	margin:5px 0 0 15px;
	}
	
.BottomMargin100 {margin-bottom:100px; }
.BottomMargin70 {margin-bottom:70px; }
.BottomMargin50 {margin-bottom:50px; }
.BottomMargin40 {margin-bottom:40px; }
.BottomMargin10 {margin-bottom:10px; }
.TopMargin40 {margin-top:40px; }
.TopPadding20 {padding-top:20px; }

	
.ImageUnderH1 { margin:20px 0 5px 0; }

.AboutVideo {margin-top:10px; }

.Sponsor {
	width:120px;
	height: 160px;
	margin:10px 20px 10px 0;
	text-align:center;
	float:left;
	line-height:15px;
	}
	.Sponsor img {
		margin-bottom:5px;
		}
		
.Date {
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
	}
	
.Calendar {
	width:200px;
	margin:10px 0 10px 20px;
	text-align:center;
	float:right;
	line-height:15px;
	}
	.Calendar img {
		margin-bottom:5px;
		}
		
.CompetitionVideo {
	width:200px;
	margin:10px 20px 10px 0;
	text-align:center;
	float:left;
	line-height:15px;
	}
	.Calendar img {
		margin-bottom:5px;
		}
		
.PhotoGallery {
	margin-top:10px;
	}
	
.PhotoGallery a {
	margin:10px 20px 10px 0;
	float:left;
	cursor:pointer;
	}		
	.PhotoGallery a td{
		border:none;
		width:120px;
		height:120px;
		vertical-align:middle;
		text-align:center;
		background: url(../../images/gallery/thumbnail-bg.png) no-repeat;
		}		
		.PhotoGallery a td img { }		
			.PhotoGallery a:hover td img{ 
				filter:alpha(opacity=90);
				-moz-opacity:0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
				}
				
.ForumInfo {font-size:11px;}

.ForumButton {
	padding:10px 0;
	}

/* ---------------------------------------- Side Bar */
	
#SideBar {
	float:left;
	width: 219px;		
	margin:20px 0 0 0;
	padding:0;
	}

.SideNav {
	width:219px;
	margin-bottom:15px;
	padding:0;
	background: url(../../images/sidenav-bg.png) no-repeat;
	float:left;	
	}
	.SideNav h2 { 
		margin:26px 10px 0 10px;
		color:#e21f17;
		font:bold 14px Georgia, Times New Roman, Times, serif;
		text-transform:capitalize;
		}

	.SideNav ul {
		list-style: none;
		margin:10px 10px 0 10px;	
		padding-bottom:10px
		}
		.SideNav li {
			list-style: none;
			background:none;
			margin: 0;
			padding:0;
			}
	
.SideNav ul li a:link, .SideNav ul li a:visited {
	display:block;
	margin:0;
	padding:6px 0 6px 12px;
	background: url(../../images/li-bullet-sidenav-link.png) no-repeat 0 8px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#794039;
	text-decoration:none;
	}
			
.SideNav ul li a:hover, .SideNav ul li a:active, .SideNav ul li a.Selected {
	background: url(../../images/li-bullet-subcategories.png) no-repeat 0 8px;
	color:#e21f17;
	margin:0;
	padding:5px 0 5px 12px;
	border-top:1px solid #ebd1ba;
	border-bottom:1px solid #ebd1ba;
	text-decoration:none;
	}
	
	.SideNav ul li ul {
		list-style: none;
		margin-top:0;	
		padding-bottom:5px;
		padding-left:5px;
		}
		.SideNav ul li ul li a:link, .SideNav ul li ul li a:visited {
			color:#794039; 
			background: url(../../images/li-bullet-subcategories-dark.png) no-repeat 0 8px;
			padding:4px 0 4px 12px;
			}
			.SideNav ul li ul li a:hover, .SideNav ul li ul li a:active, .SideNav ul li ul li a.Selected {
				background: url(../../images/li-bullet-subcategories.png) no-repeat 0 7px;
				color:#e21f17;
				padding:3px 0 3px 12px;
				}
	

	
.TopNoNav { margin-top:16px;}
		


/* ---------------------------------------- Footer*/

#Footer { 
	margin-top:30px;
	height:179px;
	background: #812226 url(../../images/footer-bg.jpg) repeat-x;
	}
	
.Affiliates {
	margin-top:25px;
	width:510px;
	float:left;
	}
	.Affiliates h2 {
		font-size:14px;
		font-weight:bold;
		color:#fff;
		margin:0 0 15px 0;
		}
	.Affiliates a {
		padding:0 10px 0 0;
		}
		
.Contact {
	margin-top:25px;
	width:430px;
	float:left;
	}
	.Contact h2 {
		font-size:12px;
		font-weight:bold;
		color:#fff;
		margin:0 0 10px 0;
		}
	.Contact p {
		color:#fec658;
		}
		.Contact a:link, .Contact a:visited {
			color:#fec658;
			}
			.Contact a:active, .Contact a:hover {
				color:#e7cc9b;
				}	
				
.Contact .ImageFloatRight {
	margin-top:12px;
	}




/* ---------------------------------------- Form */

.Error, .Required {
	color: #bb0000;
	font: 12px/19px Arial, Helvetica, sans-serif;
	}

.Form {
	border-collapse:collapse;
	border-spacing: 0;
	}
	.Form td {
		padding: 7px 0;
		vertical-align: top;
		}
		.Form td.FormTextContact {
			width:100px;
			text-align:right;
			}	
			.Form td.FormTextLogin {
				width:115px;
				text-align:right;
				}	

			
td.PaddingTop25 { padding-top:25px; }

textarea, .TextField {
	font: 12px Arial, Helvetica, sans-serif;
	padding:3px 0 0 1px;
	border: 1px solid #afaaa7;
	background: #fff url(../../images/input-bg.gif) repeat;
	margin:0 10px;
	width:250px; 
	}		
	.TextField { 
		height:20px; 
		}

.ButtonContact input {
	width:81px;
	height:27px;
	margin:15px 0 0 280px;
	}
	.ButtonLogin input {
		width:81px;
		height:27px;
		margin:15px 0 0 296px;
		}
		.ButtonForgotPassword input {
			width:81px;
			height:27px;
			margin:15px 0 0 218px;
			}
	
	
.ForgotPassword {margin:10px 0 0 10px; }