/* 
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.                             
  May not be duplicated or reproduced.
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

em { font-style: normal; font-weight: bold; }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: #92badb url(../bg.jpg) top left repeat-x; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: center; }
a { color: #006699; }
a:hover { color: #ffffff; }
.imgright { margin: 5px 0px 5px 15px; }
.imgleft { margin: 5px 15px 5px 0px; }
table {border-collapse:collapse; border:0; margin:0; padding:0;}



/* framework
 * ------------------------------------------------------------------------- */
#container { width: 990px; margin: 0px auto 0px auto; padding: 0px; text-align: left; }
#container:after, #left_column:after, #right_column:after, #navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#left_column { width: 476px; float: left; overflow: hidden;}
		#main_logo { width: 476px; height: 270px; overflow: hidden; }
		#navigation { width: 476px;}
			#navigation a span { display: none; }
			#btn_montreal { width: 476px; height: 251px; margin: 40px 0px 0px 0px; z-index:0;}
				#btn_montreal a { display: block; width: 476px; height: 251px; background: transparent url(../logo_monew.gif) no-repeat; margin:0px; padding:0px; }
				

				#btn_montreal10_over a{  width: 35px; height:33px;left:386px; top:197px;  background:url(../ovals.gif) no-repeat 0px 7px; position:relative;float:left; z-index:3}
				#btn_montreal11_over a{  width: 35px; height:33px; left: 313px; top: 197px;  background:url(../ovals.gif) no-repeat -78px 7px;position:relative;float:left; z-index:3;}
					
					
					
			#btn_ottawa {width: 476px; height: 248px; }
				#btn_ottawa a { display: block; width: 476px; height: 248px;background: transparent url(../logo_otnew.gif) no-repeat; }
				
				#btn_ottawa10_over a{  width: 35px; height:33px;left:316px; top:454px;  background:url(../ovals.gif) no-repeat 0px 7px; position:relative;float:left; z-index:3}
				#btn_ottawa11_over a{  width: 35px; height:33px; left: 243px; top: 454px;  background:url(../ovals.gif) no-repeat -78px 7px;position:relative;float:left; z-index:3;}
			#other_container { width: 476px; height: 68px; position: relative; }
				#btn_other { width: 476px; height: 68px; background: transparent url(../btn_autres.gif) no-repeat;}
					#btn_other a { display: block; width: 476px; height: 68px; }
			
			/*#btn_montreal a:hover { background: transparent url(../logo_mo.gif) 0px -251px no-repeat;}
			#btn_ottawa a:hover { background: transparent url(../logo_ot.gif) 0px -248px no-repeat;}*/
			#btn_other a:hover { cursor: pointer; background: transparent url(../btn_autres.gif) 0px -68px no-repeat; }
				
			#dropdown_other { text-transform: uppercase; font-size: 14px; margin: 0px 0px 0px 0px; background-color: #006699; width: 135px; position: absolute; z-index: 9999; left: 175px; top: 50px; }
				#dropdown_other li, #dropdown_other li a {  height: 22px; display: block; text-decoration: none; color: #ffffff;}

				#dropdown_other li span { display: block; padding: 3px 0px 4px 20px;  }
				#dropdown_other li a:hover { background-color: #9d3293; }

				
		#bottom_area { width: 476px; height: 180px; }
			#dropdown { width: 176px; height: 180px; float: left;  margin: 0px 0px 0px 0px; }
				#droplink { width: 135px; height: 22px; margin: 0px 0px 0px 6px; }
				#dropdown_2009 { text-transform: uppercase; font-size: 11px; margin: 0px 0px 0px 6px; background-color: #efefef; width: 135px; position: absolute; z-index: 9999; }
					#dropdown_2009 li, #dropdown_2009 li a { width: 135px; height: 20px; display: block; text-decoration: none;}

					#dropdown_2009 li span { display: block; padding: 3px 0px 3px 32px;  }
					#dropdown_2009 li a:hover { background-color: #006699; }
				
			#logo_sponsors { width: 476px; height: 82px; background: url(../bottom_logo.gif) top left no-repeat; float: left; }

	#right_column { width: 514px; float: left; }
		#main_image { width: 514px; height: 800px; overflow: hidden; }
 
 #footer_container { text-align: center; font-size: 9px; color: #484848; position: absolute; top: 740px; left: 0px; width: 100%;  z-index: 1}	
		#footer_area { margin: 0px auto 0px auto; text-align: left; width: 990px; padding: 8px 0px 8px 0px; }
		#footer_area p { padding: 0px 0px 10px 0px; }