@charset "utf-8";
body {
	background-color: #000033;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
* {
	margin: 0;
	padding: 0;
}
html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}
/* Internet Explorer *
/*\*/
* html #content {
    height: 200px;
}
p {
	font: 12px; color: #ffffff; line-height: 1.5em;	
}

h1 { font: 16px Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-align: center; }
h2 { font: 14px bold Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-align: center;}
h3 { font: 14px bold Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-align: center;}
h4 { font: 13px bold Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-align: center; padding-top: 10px;
}	  

a:link{ font: 12px Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-decoration: none;}
a:visited { font: 12px Geneva, Arial, Helvetica, sans-serif; color: #FFE597; text-decoration: none; }
a:hover{ color: #AED7FF; text-decoration: none;}

img { border: 0; }
a img {	border: 0 none;} 
/*========================= splash page style =======================*/
#intro {
	width: 662px;
	margin: 80px auto;
	height: 580px;
	text-align: center;
}

/* ============ wrap container ctyles ============ */ 
#wrap {
		text-align: left;
		margin: 40px auto;
		width: 958px;
		background: #000033;
		border: 1px solid #495A6A;
}

/* ============ Header Styles ============ */
#header {
		width: auto;
		background: url(../images/nav/header_bg.jpg) no-repeat left top;
		border-bottom: 2px solid #495A6A;
}
/* ============ left sidebar styles ============ */
#left {
	float: left;
	width: 190px;
	text-align: center;
}
#left p {
	font-size: 11px;
	padding: 5px 10px;
}
/* ============ main navigation styles ============ */
#menu {
	width: 160px;
	list-style: none;
	padding: 15px;
	margin: 10px 0px;
}
#menu li {
	padding: 5px 0;
}
.blank {
	padding: 10px 5px;
}
/*==================== year rollovers for events pages ===============*/
#years {
	width: 190px;
	padding: 15px 0;
	text-align: center;
}
#years ul {
	list-style: none;
	padding: 15px;
	margin: 10px 0px;
}
#years li {
	padding: 10px 0;
}

/* ============ main content styles ============ */
#content {
	width: auto;
	margin: 0 180px 0 190px;
	float: none;
}
#content p {
	padding: 10px 20px;
	line-height: 1.8em;
}
#content_full {
	width: 770px;
	margin: 0 0 0 190px;
	padding: 0;
}
/* ============ news list styles ============ */
#bulletin {
	width: 580px;
	padding: 15px 0;
	text-align: center;
}
#bulletin ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#bulletin li {
	list-style: none outside;
	padding: 0;
	line-height: 40px;
	text-align: left;
	text-indent: 220px;
}

#content_full p {
	font-size: 12px; padding: 10px 20px; line-height: 1.5em;}
#col_one {
	width: 290px;
	float: left;
	text-align: center;
	padding: 20px 10px 5px 10px;
}
#col_two {
	width: 320px; line-height: 1.5em; text-align: center; padding: 20px 10px; float: left;
}
#col_three {
	width: 290px; line-height: 1.5emem; float: right; text-align: center; padding: 20px 10px;
}
#col_three p {
		text-align: left;
		font-size: 11px;
		padding: 0 30px;
}
/* ============ full content styles ============ */
#full {
	width: 960px; text-align: center; padding: 10px 0;
}
/* ============ tech articles styles ============ */
#content_tech {
	width: 938px; padding: 10px;
}
#content_tech p{
	font-size: 12px; padding: 10px 20px;
}
#content_tech li {
	font: 12px/1.5em Arial, Helvetica, sans-serif; padding-left: 60px; color: #ffffff; list-style: none;
}
.page_title {
	font: italic bold 18px/36px Arial, Helvetica, "sans-serif bold"; text-align: left; text-indent: 20px;
}
/* ============ supporters (sponsors) styles ============ */
#content_supporters {
	text-align: left; padding: 20px;
}
.supporters {
	padding: 20px;
}
/* ============ right sidebar styles ============ */
#right {
	width: 180px;
	float: right;
	padding-top: 10px;
}
#right p {
	font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding: 5px 0 8px 0;
}
#right h3 {
	font: bold 13px Geneva, Arial, Helvetica, sans-serif; color: #FFCC33; text-align: center; padding: 10px 5px;
}
.highlight {
	color: #FFCC33; padding-top: 10px; font-style: italic; padding-bottom: 10px;
}

/* ============ footer styles ============ */
#footer {
	clear: both; width: 960px; padding: 20px 0px; border-top: 2px solid #495A6A;
}
#footer p {
	font-size: 11px; text-align: center; color: #ffffff; margin: 6px;
}
.footer {
	background-position: center center;	padding: 20px;
}
/* ============ footer 800 styles ============ */
#footer_800 {
	padding: 20px; border-top: 1px solid #495A6A;
}

/* ============ small pop-up 66opx styles ============ */
.small_660 {
	background-color: #000033; padding: 0px; text-align: center; margin: 0px auto;
}
.660_wrap {
	width: 660px; margin: auto;
}
.660_header {
	margin: 0px; padding: 0px; height: 85px;
}
.small_content {
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 20px 30px; line-height: 1.5em; text-align: left;
}
.small_content h1 {
	font: 15px/1.8em Geneva, Arial, Helvetica, sans-serif; text-align: left; color: #FFFFFF;
}
.small_content a:link{ font-size: 12px; color: #FFCC33; text-decoration: none;}
.small_content a:visited { font-size: 12px; color: #FFE597; text-decoration: underline;}
.small_content a:hover{ font-size: 12px; color: #AED7FF; text-decoration: underline; margin-top: 20px;}
.close_window {	text-align: center;}

/* ============ Pop-UP Window Childrens Wish Foundation Styles ============ */
#cwf_body {
	background: #ffffff; margin: 0; padding: 0;
}
#cwf_wrap {
	width: 480px; text-align: left; margin: 20px auto;
}
#cwf_header {
	width: 480px; background: #FFFFFF;
}
.cwf_p {
	margin: 20px; font: 12px Arial, Helvetica, sans-serif; color: #000066; line-height: 1.5em;
}
.cwf_a:link{ color: #000033; text-decoration: underline; }
.cwf_a:visited { color: #000033; text-decoration: underline; }
.cwf_a:hover{ color: #000033; text-decoration: none; background: #FFCC33;
}

/* ============ news page styles ============ */
#news_left {
	width: 250px; float: left; text-align: center;
}
#news_right {
	width: 300px; float: right;
}
/* ============ event main page styles ============ */
#event {
	text-align: center; padding: 10px;
}
.event {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #495A6A;
	color: #FFFFFF;
	text-align: center;
}
.eventtitle {
	font: bold 16px Geneva, Arial, Helvetica, sans-serif bold; color: #FFCC33; text-align: center; padding: 8px; width: 100%;
}
.eventsubtitle {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33; border-top: 1px solid #495A6A; border-right: 1px solid #495A6A; padding: 8px; width: 28%;
}
.eventtime {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33; border-top: 1px solid #495A6A; padding: 8px; width: 16%;
}
.month {
	color: #FFCC33;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #495A6A;
	border-right: 1px solid #495A6A;
	padding: 8px;
	width: 11%;
}
.day {
	border-top: 1px solid #495A6A;
	border-right: 1px solid #495A6A;
	padding: 8px;
	width: 14%;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.time {
	border-top: 1px solid #495A6A; border-right: 1px solid #495A6A; padding: 8px; text-align: center; width: 15%;
}
.eventname {
	border-top: 1px solid #495A6A; border-right: 1px solid #495A6A; padding: 8px; width: 30%;
}
.location {
	border-top: 1px solid #495A6A; border-right: 1px solid #495A6A; padding: 8px; width: 23%;
}
.banner {
	background-position: left top;
}
a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFCC33;
	text-decoration: underline;
}
.top{
		padding: 0;
		float: right;
		margin: 5px 3px 0 0;
}
.side2 {
	font: 11px italic; text-align: center;
}

#event_subtitle {
	font: italic 20px "bold italic Geneva", Arial, Helvetica, sans-serif;
	color: #FFCC33;
	text-align: center;
	width: auto;
	height: 32px;
	padding-top: 5px;
	padding-bottom: 0px;
	background: url(../images/nav/que.jpg) no-repeat left top;
	border-bottom: 2px solid #CA0240;
}
/* ============ events gallery 760 styles ============ */
#wrap_800 {
	width: 800px;
	margin: 40px auto 0 auto;
	border: 1px solid #495A6A;
}
#header_800 {
	width: 800px;
	margin: 0;
	padding: 0px;
}
#content_800 {
	margin: 10px 0 10px 190px;
	width: 600px;
}
#content_800 p{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 20px 30px;
	line-height: 1.8em;
}
#content_800_full {
	margin: 10px 0;
	width: 99%;
}
#content_800_full p{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 20px 40px;
	line-height: 1.8em;
}
#left_thumbs {
	width: 170px;
	padding: 40px 0 25px 15px;
	text-align: center;
	float: left;
}

/* ============ miscellaneous styles ============ */
#legal_notice {
	width: 100%;
	padding: 40px 0 0px 0;
	text-align: center;
}
#legal_notice p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 0px;
	margin: 20px 40px 0 40px;
}
.caption {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding: 20px 10px;
}
.contact p {
	line-height: 2em;
}
.main {
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.zekes {
	padding: 20px 0;
}
.back {
	float: left;
	padding: 10px;
}
.retour {
	float: right;
	padding: 10px;
}
.quebec {
	float: left;
}
.magazines {
	padding: 10px;
}
.note {
	font-size: 10px;
	color: #FFFFFF;
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

/* ============ members vettes styles ============ */
.members {
	color: #ffffff;
	padding: 20px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
.members_vettes {
	border-collapse:collapse;
	padding: 0px;
	width: 96%;
}
/* ============ shop styles ============ */
.shop {
	width: 180px;
	font: 10px;
	color: #ffffff;
	text-align: center;
	padding: 10px;
}
/* ============ contact styles ============ */
.contact {
	font: bold 18px Geneva, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 1.8em; text-align: center;
}
.contact_left {
	width: 280px; float: left; margin: 0 10px;
}
.contact_right {
	width: 280px; float: right; margin-left: 10px;	
}
/* ============ ad page classifieds styles ============ */
#ad {
		width: 760px;
		line-height: 1.5em;
		border-top: solid 1px #495A6A;
		border-right: solid 1px #495A6A;
		border-left: solid 1px #495A6A;
}
#ad p {
	padding: 0 20px; line-height: 1.5em;
}
.ad1 {
	padding: 10px; border-right: solid 1px #495A6A; border-bottom: solid 1px #495A6A;
}
.ad2 {
	padding: 10px; border-bottom: solid 1px #495A6A;
}
#ad ul {
		padding: 0 0 0 18px; line-height: 1.2em;
}
#ad ul li		{
		color: #fff;
		list-style: square inside;
		white-space: normal;
}
/*-----------float right-----------*/
.fltrt { 
	float: right; margin-left: 8px;
}
/*----------- float left -----------*/
.fltlft {
	width: 350px; float: left; margin: 0 20px;
}
/*----------- copywrite -----------*/
.copywrite {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 400px;
}
/*----------- Front page Announcement -----------*/
.announcement {
	width: 280px;
	margin-left: 300px;
	border: 4px solid #800205;
	margin-top: 20px;
}
.name {font: 12px; color: #ffffff; line-height: 1.5em;	}