/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: QCCI Website
	Created: 2009-01-15
	Created by: RKD Web Studios > Gianni Casagrande gianni@rkd.ca
	
	COLORS:
	
	Beige:				#ebe6c0
	QCCI Green			#7ac142
	QCCI Blue			#0069aa
	Dark Brown			#775d3d
	Alternate Brown		#dcd6a7
	Grey				#a9a9a9
	Light Blue			#b8d5e9
	
------------------------------------------------------------------- */
 
html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #ebe6c0;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0 auto;
	padding: 0;
	top: 0;
	left: 0;
	font: 62.5%/1.6em Arial, sans-serif;
	height: 100%;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: url(../../images/main_bg.jpg) top left repeat-x #ebe6c0;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 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 { color: #0069aa; text-decoration: underline; }
a:visited { color: #0069aa; text-decoration: underline; }
a:hover { color: #0069aa; text-decoration: none; }
a:active { color: #775d3d; text-decoration: none; }

p { 
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	}

strong, b {
	font-weight: bold;
	color: #333;
	}

em, i {
	font-style: italic;
	}

h1 { 
	font-size: 2em;
	color: #7ac142;
	font-weight: 700;
	margin: 1em 0 0.5em 0;
	border-bottom: 1px solid #7ac142;
	padding-bottom: 0.5em;
	font-family: Arial, sans-serif;
	}
	
h2 {
	font-size: 1.8em;
	line-height: 1.6em;
	color: #0069aa;
	font-family: Arial, sans-serif;
	font: 100%;
	}
	
h3 {
	font-size: 2em;
	line-height: 1.6em;
	color: #7ac142;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	
	}
h4 {
	
	}
h5 {
	
	}
h6 {
	
	}

ul { 
	font-size: 1.5em;
	line-height: 1.5em;
}

ol { }

hr { }

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

address { }





/*========================
SITE STRUCTURE
========================*/

#headbg {
	margin: 0 auto;
	width: 966px;
	background:url(../../images/head_bg.jpg) top left repeat-x;
}

#headcontainer {
	margin: 0 auto;
	width: 940px;
}

#container {
	margin: 0 auto;
	width: 940px;
	background:url(../../images/content_bgborder.gif) top center repeat-y;
}

#head {
	margin: 0 auto;
	width: 940px;
	height: 151px;
	color: #0069aa;
}
	
	#head .links {
		position:relative;
		text-align: right;
		top: 28px;
		font-size: 1.4em;
	}
	
	#head .bannerclick {
		float: left;
		position:relative;
		top: 30px;
		height: 125px;
		width: 245px;
		/*display: block;*/
		cursor: pointer;
	}
	
#splash {
	width: 940px;
	margin: 0;
	padding: 0;
}

	#splash .ie {
	
	}

#footer {
	background:url(../../images/footer_bg.gif) top left repeat-x;
	position: relative;
	/*margin-top: -112px;*/ /* negative value of footer height */
	margin-top: -20px;
	height: 112px;
	clear:both;
}

	#footwrap {
		width: 940px;
		margin: 0 auto;
	}
	
	#footerdate {
		font-size: 1.2em;
	
		padding: 35px 0 0 0;
		color:#a9a9a9;
	}
	
	#footerlogos {
		float: left;
		
		margin: -35px 0 0 575px;
		font-size: 1.2em;
		color:#a9a9a9;

	}
		#footerlogos img {
			padding-right: 6px;
		}
/*========================
NAVGATION STRUCTURE
========================*/

#navbar {
	background: #FFF;
	border: 1px solid #a9a9a9;
	width: 938px;
	height:50px;
}

.mainmenu li, .mainmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;

}

.mainmenu li a {
		text-indent: -9000px;
		list-style: none;
		padding: 0;
		margin: 0;
		display:block;
}

	.mainmenu li#prodev a {
		float: left;
		width: 199px;
		height: 50px;
		border-right: 1px solid #a9a9a9;
		background:url(../../images/menu_profdev.gif) top left no-repeat;
	}
	.mainmenu li#prodev a:hover {background:url(../../images/menu_profdev_over.gif) top left no-repeat;}
		
		
	.mainmenu li#resource a {
		float: left;
		width: 147px;
		height: 50px;
		border-right: 1px solid #a9a9a9;
		background:url(../../images/menu_resourcelibrary.gif) top left no-repeat;
	}
	.mainmenu li#resource a:hover {background:url(../../images/menu_resourcelibrary_over.gif) top left no-repeat;}
		
	.mainmenu li#networking a {
		float: left;
		width: 199px;
		height: 50px;
		border-right: 1px solid #a9a9a9;
		background:url(../../images/menu_network.gif) top left no-repeat;
	}
	.mainmenu li#networking a:hover {background:url(../../images/menu_network_over.gif) top left no-repeat;}
		
		
	.mainmenu li#quality a {
		float: left;
		width: 173px;
		height: 50px;
		border-right: 1px solid #a9a9a9;
		background:url(../../images/menu_quality.gif) top left no-repeat;
	}
	.mainmenu li#quality a:hover {background:url(../../images/menu_quality_over.gif) top left no-repeat;}
		
	.mainmenu li#contact a {
		float: left;
		width: 110px;
		height: 50px;
		border-right: 1px solid #a9a9a9;
		background:url(../../images/menu_learning.gif) top left no-repeat;
	}
	.mainmenu li#contact a:hover {background:url(../../images/menu_learning_over.gif) top left no-repeat;}
		
	.mainmenu li#newsletter a {
		float: left;
		width: 105px;
		height: 50px;
		background:url(../../images/menu_newsletter.gif) top left no-repeat;
	}
	.mainmenu li#newsletter a:hover {background:url(../../images/menu_newsletter_over.gif) top left no-repeat;}
	
	
	
	
/*========================
CONTENT AREA STRUCTURE WITH RIGHT BAR
========================*/

#wrapper {
	float:left;
	width: 100%;
	background: url(../../images/content_bgborder.gif) repeat-y;
	
}

#contentarea ul {
	list-style: square;
	color: #666666;
	margin-left: 25px;
}

	#contentarea {
		margin: 8px 281px 0 15px;
		padding-bottom: 20px;
	}
	
#rightcontent {
	float: left;
	width: 281px;
	margin-left: -281px;
	
}

	#rightcontent .eventscal {
		background:url(../../images/events_side_bg.gif) top left repeat-y;
	}
	
	#rightcontent .eventscalbottom {
		background: url(../../images/events_side_bottom.gif) top left no-repeat;
		height:13px;
		padding-bottom: 10px;
		clear: both;
	}
	
		#rightcontent .top {
			width: 100%;
			float: left;
			background:url(../../images/events_side_bg.gif) top left repeat-y;
		}
	
		#rightcontent .wrap {
			width: 100%;
			float: left;
		
		}
		
		#rightcontent .event {
			font-size: 1.2em;
			margin: 0 25px 5px 25px;
			padding-left: 55px;
			padding-top: 7px;
			padding-bottom: 7px;
		}
		
		#rightcontent .date {
			float: left;
			background:url(../../images/event_date_bg.gif) top left no-repeat;
			margin-left: -258px;
			margin-top: 3px;
			height: 43px;
			width: 55px;
			text-align: center;
			color: #775d3d;
			font-size: 1.3em;
			line-height: 4em;
			font-weight: bold;
			border: 0;
			display: block;
		}
		
		#rightcontent a {font-weight: bold;}
		
		#rightcontent .viewall {
			font-size: 1.2em;
			text-align:right;
			padding-right: 25px;
		}
		
/*========================
CONTENT AREA STRUCTURE WITHOUT RIGHT BAR
========================*/

#contentareafull {
		margin: 8px 15px 0 15px;
		min-height:500px;
		height:auto !important;
		height:500px; /*Needs to match the min height pixels above*/
		
	}
/*========================
HOMEPAGE BUTON SELECTIONS
========================*/

#selections {
	margin:0;
	width: 620px;
	height: 200px;
	text-align:center;
	background:url(../../images/choices_bg.jpg) top left repeat-x;
}

#selections a {margin:6px 0 0 6px;}
		
		a#profdev { float: left; background-image:url(../../images/btn_profdev.jpg); height: 72px; width:301px; display:block;}
		a#profdev span { display:none; }
		a#profdev:hover { background-image:url(../../images/btn_profdev_over.jpg); }
		
		a#resource { float: left; background-image:url(../../images/btn_resourcelib.jpg); height: 72px; width:301px; display:block; }
		a#resource span { display:none; }
		a#resource:hover { background-image:url(../../images/btn_resourcelib_over.jpg); }
		
		a#network { float: left; background-image:url(../../images/btn_networkopp.jpg); height: 72px; width:301px; display:block; }
		a#network span { display:none; }
		a#network:hover { background-image:url(../../images/btn_networkopp_over.jpg); }
		
		a#quality { float: left; background-image:url(../../images/btn_quality.jpg); height: 72px; width:301px; display:block; }
		a#quality span { display:none; }
		a#quality:hover { background-image:url(../../images/btn_quality_over.jpg); }
		
		a#emaillist {  margin-left: 23px; margin-top: 5px; background-image:url(../../images/btn_joinemail.jpg); height: 44px; width:236px; display:block; }
		a#emaillist span { display:none; }
		a#emaillist:hover { background-image:url(../../images/btn_joinemail_over.jpg); }
		
		a#eventscalendar {  margin-left: 23px; margin-top: 17px; background-image:url(../../images/btn_eventscalendar.jpg); height: 44px; width:236px; display:block; }
		a#eventscalendar span { display:none; }
		a#eventscalendar:hover { background-image:url(../../images/btn_eventscalendar_over.jpg); }
		
		a#ongoingevents { margin-left: 23px; margin-top: 5px; background-image: url(../../images/btn_ongoingevents.jpg); height: 44px; width:236px; display:block; }
		a#ongoingevents span { display:none; }
		a#ongoingevents:hover { background-image:url(../../images/btn_ongoingevents_over.jpg) }
		
		a#news {  margin-left: 23px; margin-top: 5px; background-image:url(../../images/btn_news.jpg); height: 44px; width:236px; display:block; }
		a#news span { display:none; }
		a#news:hover { background-image:url(../../images/btn_news_over.jpg); }
		
		a#specialevents {  margin-left: 23px; margin-top: 5px; background-image:url(../../images/btn_specialevents.jpg); height: 44px; width:236px; display:block; }
		a#specialevents span { display:none; }
		a#specialevents:hover { background-image:url(../../images/btn_specialevents_over.jpg); }

/*========================
HOMEPAGE NEWS SECTION
========================*/
#newshome {	margin:0;
	width: 618px;
	padding:5px 0 0 2px;
	background:#E0DBB3;
}

#newshome a {margin:6px 0 0 6px; font-weight:normal;}
#newshome .white {
	margin:2px 2px 0 5px;
	padding:10px 10px 0 25px;
	width:568px;
	background:#F7F7F7;
	border:#BDBCA7 1px solid;}
#newshome .white span a {
	font-size:12px; 
	line-height: 16px; 
	font-family: Arial, sans-serif;
	margin:2px;}
	
#newshome p {font-size: 12px;line-height: 14px; padding-top:5px; margin-bottom:8px;}
#newshome p em {font-size:11px;}
#newshome .hr {width:550px; height:2px; border-top:solid 1px #BDBCA7; margin:0; padding:0;}

	
/*========================
ACCORDIAN NAVS
========================*/

	.accordian {
		font-size: 0.6em;
	}
		.accordian ul, .accordian li {
			list-style: none;
		}

	dl { width: 100%;}
	
	dl,dd { margin: 0; }
	
	dt { background: #dcd6a7; font-size: 18px; padding: 5px; margin: 2px; display:block; margin-bottom:10px; text-decoration:none; }
	
	dt a { color: #FFF; display:block; text-decoration:none; padding: 5px 0 5px 0;}
		dt a:hover {text-decoration:none;}
		dt a:active {text-decoration:none;}
		dt a:link {text-decoration:none;}
		dt a:hover {text-decoration:none;}
		dt a:active {text-decoration:none;}
	
		dd { }
		dd a:link, dd a {text-decoration:none;}
		dd a:hover {text-decoration:none;}
		dd a:active {text-decoration:none;}
	
	/*ul { list-style: none; padding: 5px; text-decoration:none; }*/
	
/*========================
TOOLTip
========================*/

.popup {
	margin: 0;
	line-height: 1.2em;
	padding:0;
}

/*========================
RANDOM QUOTES
========================*/

.quotes {
	position:relative;
	text-align: right;
	top: 65px;
	font-size: 2em;
	font-family: Georgia, serif;
	float: right;
	padding: 0 0 5px 0;
	line-height: 1.2em;
	
}

/*========================
CALENDAR TABLE
========================*/

	#DataList_Calendar {margin:0; padding:0;}
	.CalendarItem {margin: 0; padding:0}
	.CalendarHeader {margin:0; padding:0;}
	#Label_Day {margin:0; padding: 0;}

.mother {
	table-layout:fixed;
	font-size: 1.5em;
	background: #fff;
	width: 100%;
	border: thin #dcd6a7 solid;
	padding: 0px;
}

.son {
	table-layout:fixed;
	font-size: 1.5em;
	background: #fff;
	width: 100%;
	border-left: thin #dcd6a7 solid;
	border-bottom: thin #dcd6a7 solid;
	padding: 0px;
	margin-bottom: 15px;
}

	.son td {
		min-height: 75px;
		border-right: thin #dcd6a7 solid;
		border-bottom: thin #dcd6a7 solid;
	}

#caltype {
	font-size: 1.2em;
	text-align:right;
	height: 25px;
	padding-top: 5px;
}
	#caltype img {
		padding-left: 10px;
		padding-right: 2px;
		margin: 0;
	}

.calhead {
	margin-bottom: 10px;
}

	.day {
		text-align: center;
		border: thin solid #dcd6a7;
		font-size: 0.8em;
		color: #775d3d;
		font-weight: bold;
	}

	.date {
		background: #ebe6c0;
		height: 20px;
		font-size: 0.7em;
		text-align: right;
		padding-right: 5px;
	}
	
	 .eventlist {
	 	padding: 3px;
		margin: 0;
		font-size: 0.8em;
		line-heght: 1.2em;
		min-height:75px;
		height:auto !important;
		height:75px; Needs to match the min height pixels above
		
	}
		
		.eventlist td {
		padding: 0;
		margin:0;
		
		}
	
	.calitem {
		display: block;
		padding: 5px;
		table-layout:fixed;
	}

	.forwardarrow {
		background:url(../../images/forwardarrow.gif) top left no-repeat;
		width: 28px;
		height: 35px;
		cursor:pointer;
	}
	
	.backarrow {
		background:url(../../images/backarrow.gif) top left no-repeat;
		width: 28px;
		height: 35px;
		cursor:pointer;
	}
	
/*========================
SEARCH RESULTS
========================*/

.results {
	font-size: 1.2em;
	line-height: 2em;
	background: #ebe6c0;
	height: 30px;
}

	.results td {
		padding: 5px;
	}

.resultsalt {
	font-size: 1.2em;
	line-height: 2em;
	height: 30px;
}

	.resultsalt td {
		padding: 5px;
	}
	
.pager {
	color:#775d3d;
	font-size: 1.5em;
	font-weight: bold;
	height: 28px;
}

	.pager a {font-weight:normal; margin: 10px 2px 10px 2px; padding-bottom: 15px;}
	.pager a:link {font-weight:normal; margin: 10px 2px 10px 2px; padding-bottom: 15px;}
	
.resulttitle {
	background:#a9a9a9;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
} 

	.resulttitle td {
		padding: 5px;
	}
	
.resulttable table{
	margin-top: 10px;
	padding: 20px;
}

/*=============
BUTTONS
==============*/

.searchbutton {
	background:url(../../images/btn_search.gif) top left no-repeat;
	width: 82px;
	height: 37px;
	display:block;
	cursor: pointer;
}
	.searchbutton:hover {background:url(../../images/btn_search_over.gif) top left no-repeat; display:block; cursor: pointer;}
	
#printcal {
	background:url(../../images/btn_printcalendar.gif) top left no-repeat;
	width: 157px;
	height: 36px;
	display:block;
	cursor: pointer;
	border:0;
}
	#printcal:hover {background:url(../../images/btn_printcalendar_over.gif) top left no-repeat; display:block; cursor: pointer;}
	
	#printlist {
	background: url(../../images/btn_printlisting.gif) top left no-repeat;
	width: 157px;
	height: 36px;
	display:block;
	cursor: pointer;
	border:0;
}
	#printlist:hover {background:url(../../images/btn_printlisting_over.gif) top left no-repeat; display:block; cursor: pointer;}
		
	
	.joinbutton {
	background:url(../../images/btn_join.gif) top left no-repeat;
	width: 69px;
	height: 37px;
	display:block;
	cursor: pointer;
}
	.joinbutton:hover {background:url(../../images/btn_join_over.gif) top left no-repeat; display:block; cursor: pointer;}
	
	.unsubscribebutton {
	background:url(../../images/btn_unsubscribe.gif) top left no-repeat;
	width: 132px;
	height: 37px;
	display:block;
	cursor: pointer;
	margin-left: 5px;
}
	.unsubscribebutton:hover {background:url(../../images/btn_unsubscribe_over.gif) top left no-repeat; display:block; cursor: pointer;}
	
	.viewcal {
	background:url(../../images/btn_viewcalendar.gif) top left no-repeat;
	width: 167px;
	height: 37px;
	display:block;
	cursor: pointer;
}
	.viewcal:hover {background:url(../../images/btn_viewcalendar_over.gif) top left no-repeat; display:block; cursor: pointer;}
	
	.ongoingevents {
	background: url(../../images/btn_ongoingevents.jpg) top left no-repeat;
	width: 236px;
	height: 44px;
	display:block;
	cursor: pointer;
}
	.ongoingevents:hover {background:url(../../images/btn_ongoingevents_over.jpg) top left no-repeat; display:block; cursor: pointer;}
	
/*==============
HIDE
================*/

#logoprint {display:none;}
#weblink {display:none;}

/*SITE BY RKD*/

.rkd {
	float: left;
	font-size: 1em;
	color: #999999;
}

	.rkd a:link {color:#999966;}