/* 
 ----------------------------------------------------------------------------
  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: url(../images/bg.jpg) top center no-repeat; background-color: #000000; margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000000; text-align: center; }
a { color: #5887b4; }
.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: 904px; margin: 0px auto 0px auto; padding: 0px; text-align: left; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	#top_container { width: 904px; height: 364px; }
		#top_left { width: 178px; height: 364px; float: left; }
			#logo_main { width: 178px; height: 364px; overflow: hidden; background: url(../images/logo_blank.gif) no-repeat top left; }
		#top_right { width: 726px; height: 364px; float: left; }
			#nav_container { width: 726px; height: 175px; background: url(../images/main_img1.jpg) top right no-repeat; }
				#nav_right { width: 370px; height: 175px; float: left; }
				#nav_area { height: 175px; width: 178px; float: left; }
				
					/* common styling */
					.menu { font-family: arial, sans-serif; width:178px; height:175px; padding: 0px; position:relative; margin:0; font-size:11px; background: url(../images/navbar_2.gif) no-repeat; }
						.menu a span { display: none; }
						.menu ul ul { margin: 0px; padding: 0px; }
						.menu ul { margin:0; list-style-type: none;}
						.menu ul li { position:absolute; height: 30px;}
						.menu ul li ul { display: none; }
						.menu ul li table { display: none; }
						.menu a, .menu li { display: block; }
						
					.menu .alberta { top: 15px; left: 16px; }
					.menu .bc { top: 45px; left: 16px; }
					.menu .ontario {top: 75px; left: 16px; }
					.menu .quebec {top: 105px; left: 16px; }
					.menu .other { top: 135px; left: 16px; }
					
					/* specific to non IE browsers */
					.menu ul li:hover a {  }
						.menu ul li:hover ul { display:block; position:absolute; top:0; left:177px; width:565px; background:transparent; }
						.menu ul li:hover table { display:block; position:absolute; top:0; left:176px; border: 0px; height:30px; background:transparent; margin: 0px; padding: 0px; }
						.menu ul li:hover ul li { float:left; margin: 0px; padding: 0px; }
	
					.alberta a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
						.alberta .nav_2010, .alberta .nav_2010 a { width: 75px; background: transparent url(../images/rollover.gif) -14px -16px no-repeat;}
						.alberta .nav_2009, .alberta .nav_2009 a { width: 75px; background: transparent url(../images/rollover.gif) -88px -16px no-repeat;}
					.bc a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
						.bc .nav_2010, .bc .nav_2010 a { width: 75px; background: transparent url(../images/rollover.gif) -14px -46px no-repeat;}
						.bc .nav_2009, .bc .nav_2009 a { width: 75px; background: transparent url(../images/rollover.gif) -88px -46px no-repeat;}
					.ontario a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
						.ontario .nav_2010, .ontario .nav_2010 a { width: 75px; background: transparent url(../images/rollover.gif) -14px -76px no-repeat;}
						.ontario .nav_2009, .ontario .nav_2009 a { width: 75px; background: transparent url(../images/rollover.gif) -88px -76px no-repeat;}
					.quebec a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
						.quebec .nav_2010, .quebec .nav_2010 a { width: 75px; background: transparent url(../images/rollover.gif) -14px -106px no-repeat;}
						.quebec .nav_2009, .quebec .nav_2009 a { width: 75px; background: transparent url(../images/rollover.gif) -88px -106px no-repeat;}
					.other a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
						.other .nav_kentucky, .other .nav_kentucky a { width: 140px; background: transparent url(../images/rollover.gif) -14px -136px no-repeat;}
	
					
					#nav span { display: none;}
					
					.alberta a:hover { background: transparent url(../images/navbar.gif) -194px -15px no-repeat;}
					.bc a:hover { background: transparent url(../images/navbar.gif) -194px -45px no-repeat;}
					.ontario a:hover { background: transparent url(../images/navbar.gif) -194px -75px no-repeat;}
					.quebec a:hover { background: transparent url(../images/navbar.gif) -194px -105px no-repeat;}
					.other a:hover { background: transparent url(../images/navbar.gif) -194px -135px no-repeat;}
			#menu_2009 { width: 178px; height: 175px; float: left; }
				
				.menu_2009 { font-family: arial, sans-serif; width:178px; height:175px; padding: 0px; position:relative; margin:0; font-size:11px; }
					.menu_2009 ul {  }
					.menu_2009 a span { display: none; }
					.menu_2009 ul ul { margin: 0px; padding: 0px; }
					.menu_2009 ul { margin:0; list-style-type: none;}
					.menu_2009 ul li { position:absolute; height: 30px;}
					.menu_2009 ul li ul { display: none; }
				
				#dropdown_2009 { display: block; background: url(../images/navbar_2009.gif) no-repeat -15px 0px; width: 178px; height: 140px; }

				.alberta_2009 { top: 15px; }
				.bc_2009 { top: 45px; }
				.ontario_2009 {top: 75px; }
				.quebec_2009 {top: 105px; }
				.other_2009 { top: 135px;  background: transparent url(../images/navbar_2009.gif) -15px -135px no-repeat; }

					.alberta_2009 a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
					.bc_2009 a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
					.ontario_2009 a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
					.quebec_2009 a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
					.other_2009 a { display:block; text-decoration:none; width: 176px; height:30px; font-size:11px; }
	
					.alberta_2009 a:hover { background: transparent url(../images/navbar_2009.gif) -194px -15px no-repeat;}
					.bc_2009 a:hover { background: transparent url(../images/navbar_2009.gif) -194px -45px no-repeat;}
					.ontario_2009 a:hover { background: transparent url(../images/navbar_2009.gif) -194px -75px no-repeat;}
					.quebec_2009 a:hover { background: transparent url(../images/navbar_2009.gif) -194px -105px no-repeat;}
					.other_2009 a:hover { background: transparent url(../images/navbar_2009.gif) -194px -135px no-repeat;}
			
			#logo_sponsors { width: 726px; height: 189px; overflow: hidden; background: url(../images/main_img2.jpg) top right no-repeat; }
	#bottom_container { width: 904px; height: 177px; background: url(../images/bottom_blank.gif) no-repeat top left; overflow: hidden; }
/*		#bottom_container div { display: none; } */
	
	#footer_area { text-align: center; font-size: 10px; color: #484848; }
		#footer_area p { padding: 8px 0px 8px 0px; }