@import '/cms/styles/common.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
	background: #DFE9EB url('/images/bg-x.jpg') top repeat-x;
}

h1 {
	height:23px;
}
h1.double {
	height:42px;
}

pre {
	margin:0;
	padding:0;
}

#bg-top {
	background:url('/images/bg-top.jpg') top center no-repeat;
}
#bg-y {
	background:url('/images/bg-y.gif') top center repeat-y;
}
#bg-bottom {
  background-color: #FFFFFF;
  margin:0 0 0 -10px;
  width:980px;
  padding: 0 10px 0 10px;
}

.page {
	width:980px;
	margin:0 auto;
}

#breadcrumbs {
	margin:7px 6px 0 3px;
	padding:5px;
	font-weight:bold;
	color:#004161;
	background-color:#EAEFF2;
}
#breadcrumbs .current {
	font-size:12px;
	color:#A4A6A5;
	font-weight:normal;
}
#breadcrumbs a {
	color:#004161;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
}
#breadcrumbs a:hover {
	color:#e18e19;
}
#content-content.full #breadcrumbs {
	margin:2px 0 0 5px;
	padding:5px 5px;
	font-weight:bold;
	color:#004161;
}
#content {
	margin:0;
	padding-top:10px;
	width:799px; /*800*/
	height:auto !important;
	min-height:900px ;
	border-right: 1px solid #D7D7D7;
	overflow: hidden;
}
.french #content {
	height:925px !important;
	min-height:925px ;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
	height:102px;
	background:url('/images/header.jpg') top left no-repeat;
}
.french #header {
	height:102px;
	background:url('/images/fr-header.jpg') top left no-repeat;
}
#logo {
	width:505px;
	height:80px;

}
#logo img {
	height:100%;
	width:100%;
}
x#logo a:hover img {
	background-color:#CCCC99;
	opacity:0.3;
}
#logo a {
	outline:none;
}

#header-right {
	width:285px;
	float:right;
}

#header-links {

	color:#ffffff;
	font-size:10px;
}
#header-links span {
	padding-top:5px;
	color:#ffffff;
	font-size:10px;
	float:left;
}
#header-links a {
	float:left;
	margin:0 0 0 1px;
	color:#ffffff;
	height:16px;
	padding:5px 10px;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-decoration:none;
	outline:none;
}
#header-links a:hover {
	text-decoration:underline;
}

#search {
	color:#ffffff;
	font-weight:bold;
	padding:18px 0 0 0;
}
#search .label {
	margin:0 10px 0 0;
	line-height:13px;
	color:#FFFFFF;
}
#search .label span {
	display:block;
	font-size:14px;
	color:#92631F;	
}
#search .textfield input {
	width:160px;
	padding:4px 5px 3px 5px;
	font-size:10px;
	color:#999999;
	background:url('/images/textfield-bg.gif') top left no-repeat;
	border:none;
	margin:3px 0 0 0;
}
#search .button input {
	height:20px;
	line-height:20px;	
	width:70px;
	margin:3px 0 0 10px;
	text-align:center;
	outline:none;
	background:url('/images/button-signup.gif') top left no-repeat;
	border:none;
	padding:0 0 2px 0;
	cursor:pointer;
	color:#ffffff;
}
#search .button input:hover {
	background:url('/images/button-signup.gif') bottom left no-repeat;
}



/* MENU ---------------------------------------------------------------------- */

#menu {
	background:url('/images/menu-bg.jpg') top repeat-x;
	height:63px !important;
	min-height:63px;
}
#menu-bottom {
	background:url('/images/menu-bottom.jpg') bottom left no-repeat;
}

#menu ul, #menu li {
	padding:0;
	margin:0;
	list-style:none;
}
#menu li {
	background:url('/images/menu-line.gif') top right no-repeat;
}
#menu a {
	display:block;
	font-size:11px;
	color:#004262;
	font-weight:bold;
	text-decoration:none;
	width:108px;
	text-align:center;
	line-height:12px;
	height:45px;
	padding:12px 0 0 0;
	outline:none;
	text-transform:uppercase;
}
#menu1 a { width:98px;  }
#menu2 a { width:175px; }
#menu3 a { width:170px; }
#menu4 a { width:120px; }
#menu5 a { width:160px; }
#menu6 a { width:106px; }
#menu7 a { width:150px;	padding:18px 0 0 0;}

.french #menu1 a { width:118px;  }
.french #menu2 a { width:165px; }
.french #menu3 a { width:140px; }
.french #menu4 a { width:130px; }
.french #menu5 a { width:135px; padding:12px 0 0 0; }
.french #menu6 a { width:136px; padding:18px 0 0 0; }
.french #menu7 a { width:150px;	padding:12px 0 0 0; }

#menu a span {
	font-size:10px;
	color:#333333;
}
#menu a:hover 
{
  color:#4287A8; 
  /*text-decoration:underline;*/
	background:url('/images/menu-hover.gif') center 50px no-repeat;
}
#menu li.double a {
	height:28px;
	padding:4px 0 0 0;
}
#menu li.last{
	background:none;
}



/* SUB NAVIGATION ---------------------------------------------------------------- */

#nav {
	background:url('/images/nav-bg.gif') top left no-repeat;
	width:148px;
	margin:10px 0 0 0;
	padding:3px 3px 0 3px;
	min-height:527px;
}

#nav table {
	border-bottom:1px solid #ffffff;
	background:url('/images/rootname-bg.jpg') left center no-repeat;
	display:block;
}

#nav table td {
	height:38px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	width:148px;
	color:#333333;
	color:#405E75;
	padding:3px 5px;
}
#nav li {
	display:inline;
}
#nav ul {
	list-style:none;
	list-style-image:none;
	padding:0 0 5px 0;
	margin:0;	
	background:url('/images/nav-bottom.gif') bottom left no-repeat;
}
#nav a {
	display:block;
	padding:3px 5px 3px 30px;
	text-decoration:none;
	color:#666666;
	background:url('/images/nav-link-bg.gif') left repeat-y;
	outline:none;
	border-bottom:1px solid #ffffff;
}
#nav a:hover, #nav li.navactive a {
	background:url('/images/nav-link-hover.gif') top left no-repeat;
}
#nav li.navactive li a {
	background:url('/images/nav-link-bg.gif') left repeat-y;
}
#nav li.navactive li a:hover {
	background:url('/images/nav-link-hover.gif') top left repeat-y;
}
#nav ul ul {
	background:none;
	padding:0;
}
#nav li li a {
	padding-left:38px;
	font-size:10px;
}
#nav li li li a {
	padding-left:46px;
	font-size:10px;
}


/* SPONSORS ---------------------------------------------------------------------- */

#right {
	padding:10px 0 0 0;
	width:170px;
	float:right;
	text-align:center;
}

a.button-contribute {
	display:block;
	background:url('/images/button-contribute2.jpg') top left no-repeat;
	width:170px; 
	height:45px; /* 60 */
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0 auto 10px auto;
	padding:10px 0 0 0;
	font-size:11px;
}
a.button-contribute span {
	color:#ffffff;
	display:block;
	font-size:16px;
	font-weight:bold;
}
a.button-contribute:hover{
	background:url('/images/button-contribute2.jpg') bottom left no-repeat;
}
a.button-contribute-lg {
	display:block;
	background:url('/images/button-contribute-lg.jpg') top left no-repeat;
	width:170px; 
	height:82px; /* 60 */
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0 auto 0 auto;
	padding:18px 0 0 0;
	font-size:11px;
}
a.button-contribute-lg span {
	color:#ffffff;
	display:block;
	font-size:16px;
	font-weight:bold;
}
a.button-contribute-lg span.btn {
	color:#ffffff;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:17px;
}
a.button-contribute-lg:hover{
	background:url('/images/button-contribute-lg.jpg') bottom left no-repeat;
}
a.button-blog {
	display:block;
	background:url('/images/button-blog.jpg') top left no-repeat;
	width:90px; /* 150 */
	height:60px;
	overflow:hidden;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	margin:0 auto 10px auto;	
	line-height:60px;
	padding:0 0 0 60px;
	font-size:16px;
	text-align:center;
}
a.button-contribute:hover, a.button-contribute:hover span, a.button-blog:hover {
	/*color:#A1C4DD;*/
	color:#FFFFFF;
}

a.button-contribute-s {
	display:block;
	background:url('/images/button-contribute-s.jpg') top left no-repeat;
	width:150px; 
	height:31px; /* 33 */
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:0 auto 5px 10px;
	padding:2px 0 0 0;
	font-size:10px;
}
a.button-contribute-s span {
	color:#ffffff;
	display:block;
	padding-top:4px;
	line-height:10px;
	font-size:15px;
	font-weight:bold;
}
a.button-blog-s {
	display:block;
	background:url('/images/button-blog-s.jpg') top left no-repeat;
	width:90px; /* 150 */
	height:33px;
	overflow:hidden;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	margin:0 auto 10px 10px;	
	line-height:33px;
	padding:0 0 0 60px;
	font-size:16px;
	text-align:center;
}
a.button-contribute-s:hover, a.button-contribute-s:hover span, a.button-blog-s:hover {
	color:#A1C4DD;
}

#right h2 {
	background:url('/images/h2-sponsors.jpg') top left no-repeat;
	color:#FFFFFF;
	padding:5px 0 0 0;
	margin:0 0 1em 0;
	height:20px;
	line-height:13px;
	font-size:11px;
}

#sponsors {
	padding-bottom:10px;
}
#sponsors a {
	outline:none;
}
#sponsors a img {
	margin:0 0 20px 0;
}




/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background: #DFE9EB url('/images/footer-bg.jpg') top center no-repeat;
	padding-bottom:35px;
	padding:0 0 20px 5px;
}
#footer .page {
	text-align:center;
}
#footer .col.foot1 { width:100px; margin-top:25px; min-height:105px; height:105px; text-align:left; }
#footer .col.foot2 { width:170px; margin-top:25px; text-align:left; }
#footer .col.foot3 { width:230px; margin-top:25px; text-align:left; }
#footer .col.foot4 { width:260px; margin-top:25px; text-align:left; }

#footer.french .col.foot1 { width:110px; }
#footer.french .col.foot2 { width:180px; }
#footer.french .col.foot3 { width:220px; }
#footer.french .col.foot4 { width:260px; }

#footer .foot1 a, #footer .foot2 a, #footer .foot3 a, #footer .foot4 a {
	color:#ffffff;
	float:left;
	clear:left;
	margin:0 0 4px 0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
}
#footer a:hover {	text-decoration:underline; }

#footer-network {
	width:200px;
	padding-top:7px;
	text-align:left;
}
#footer-network .link{
	float:left;
	clear:none;
	width:100px;
	margin-bottom:3px;
	text-transform:none;
	text-decoration:none;
}
#footer-network .link img{ position:relative; top:7px; margin-right:5px; }
#footer-network .link a{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#footer-network .link a:hover {	text-decoration:underline; }

#footer-network .title {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
}
#sub-footer .row{
	color:#004161;
	text-align:left;
	margin-top:5px;
}
#sub-footer .row .col{ color:#004161; }
#sub-footer .left{ float:left; }
#sub-footer .right{ float:right; }

#sub-footer .bottom{ margin-top:10px }
#sub-footer img{ float:left;margin-right:10px; position:relative; bottom:3px; }



/* HOME ---------------------------------------------------------------------- */	

#home-top {
	width:569px;
}
#home-top h1 {
	background:url('/images/h1-home-569.gif') top left no-repeat;
	height:22px;
	color:#ffffff;
	padding:1px 0 0 35px;
	font-size:13px;
}
#home-top .paddedbox {
	padding:0 0 0 30px;
}
	
#home-left {
  background:url('/images/home-flash-bg.jpg') top left no-repeat;
	width:425px;
	margin:0 0 0 0;
	padding:10px 0 20px 0;
}
#home-left #flash {
  margin:0 0 16px 10px;
}
#home-left h1 {
	background:url('/images/h1-home-423.gif') top left no-repeat;
	height:22px;
	color:#ffffff;
	padding:1px 0 0 35px;
	font-size:13px;
}
#home-left .paddedbox {
	border:1px solid #dfdfdf;
	margin:0 0 0 30px;
	padding:10px;
	background: #ffffff url('/images/box-watermark.gif') bottom right no-repeat;
}
#home-left ul {
	padding:0 0 0 20px;
}
#home-left li {
	margin:0 0 14px 0;
}
#home-left li p {
	margin-top:0;
}

#home-right {
	width:360px;
	margin:0 0 0 10px;
}
#home-right h1 {
	background:url('/images/h1-home-131.gif') top left no-repeat;
	height:18px;
	color:#ffffff;
	padding:5px 0 0 30px;
	font-size:12px;
}
#home-right h1.double {
	background:url('/images/h1-home-131-double.gif') top left no-repeat;
	height:38px;
}
#home-right ul {
	padding:0 0 0 25px;
}
#home-right li {
	margin:0 0 8px 0;
}

#flash-photos {
	margin:0 0 5px 0;
}
#home-content{
	height:auto !important;
}
a.readmore {
	text-decoration:none;
}

#home-feeds{
  margin:20px 0 0 0;
  height:auto !important;
}
#home-feeds .col.facebook, #home-feeds .col.twitter, #home-feeds .col.blogger {
  background:url('/images/feed-bg.gif') bottom left no-repeat;
  width:255px;
  height:288px;
  margin:0 13px 0 0;
}
#home-feeds .col.blogger { margin:0; }
#home-feeds .title { height:31px; }
#home-feeds .title a { color:#FFFFFF; font-size:14px; font-weight:bold; display:block; text-align:center; }
#home-feeds .facebook .title a { background:url('/images/feed-facebook.jpg') top left no-repeat; padding:7px 0 8px 0; } /*55 54*/
#home-feeds .facebook .title a:hover { background:url('/images/feed-facebook.jpg') bottom left no-repeat; }
#home-feeds .twitter .title a { background:url('/images/feed-twitter.jpg') top left no-repeat; padding:7px 0 8px 0; } /*57 57*/
#home-feeds .twitter .title a:hover { background:url('/images/feed-twitter.jpg') bottom left no-repeat; }
#home-feeds .blogger .title a { background:url('/images/feed-blogger.jpg') top left no-repeat; padding:7px 0 8px 0; } /*81 80 */
#home-feeds .blogger .title a:hover { background:url('/images/feed-blogger.jpg') bottom left no-repeat; }

#home-feeds .sub-title { width:125px; text-align:center; margin:14px 0 0 65px; padding:0 auto;display:block; }
#home-feeds .sub-title .image{ width: 30px; }
#home-feeds .facebook .image{ margin:0 0 0 10px; }
#home-feeds .twitter .image{margin:0 0 0 18px; }
#home-feeds .blogger .image{ margin:0 0 0 15px; }
#home-feeds .sub-title .name{ width: 30px;color:#004161; font-size:14px; font-weight:bold; margin:3px 0 0 0; }

#home-feeds .feed { padding:15px; text-align:left; height:156px; min-height:156px; overflow:hidden; }
#home-feeds .feed .loading { text-align:center; }
#home-feeds .feed .row { padding:0; margin:5px 0 0 0; }

#home-feeds .link { text-align:right; margin:7px 18px 0 0; }

#home-help{
  background:url('/images/home-help-bg.gif') top left no-repeat;
  width:792px;
  height:87px;
  margin:20px 0;
}
#home-help .col{
  width:248px; /* 264 */
  margin:18px 0 0 11px;
}
/*#home-help a {
  background:url('/images/home-help-btn.gif') bottom left no-repeat;
  color:#003F60; 
  font-size:14px; 
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
}
.french #home-help a {
  background:url('/images/fr-home-help-btn.gif') bottom left no-repeat;
}
.french #home-help a:hover{ background:url('/images/fr-home-help-btn.gif') top left no-repeat; color:#FFFFFF; }
#home-help a:hover{ background:url('/images/home-help-btn.gif') top left no-repeat; color:#FFFFFF; }*/ 
#home-help .button1 a{ padding:10px 0 11px 0; } /*71 71*/
#home-help .button2 a{ padding:10px 0 11px 0; } /*91 91*/
#home-help .button3 a{ padding:10px 0 11px 0; } /*35 36*/

#home-help a {
  background:url('/images/home-help-btn.gif') bottom left no-repeat;
  color:#003F60; 
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
}
#home-help a span {
	color:#003F60;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#home-help a:hover{
	background:url('/images/home-help-btn.gif') top left no-repeat;
	color:#FFFFFF;
}
#home-help a:hover span{
	color:#FFFFFF;
}


/* CONTENT ---------------------------------------------------------------------- */	

#content-content {
	width:639px; /*434*/
	margin:0 2px 0 4px;
	padding:11px 0 0 0;
	height:auto !important;
	min-height:900px ;
	border-right: 1px solid #D7D7D7;
}
#content-content .paddedbox {
	padding:5px;
}
#content-content #faces { margin-left:3px; }
#content-content.full {
	width:810px;
	margin:0 2px 0 4px;
	border-right:none;
}
#content-content.full #faces { width:625px; margin:0 5px 3px 5px;overflow:hidden; }
#content-content.full #faces-right { width:170px; }
#content-content.full .paddedbox {
	padding:5px;
}

/* FORMS ------------------------------------------------------------------- */	

input.styled, select.styled, textarea.styled {
	border:1px solid #ccc;
	color:#999;
	padding:4px 2px 2px 4px;
	background:url('/images/textfield-bg.gif') top left no-repeat;
}
select.styled {
	padding:0;
	background:none;
	background-color:#FFF;
}
input.button {
	width:80px;
	height:25px;
	color:#333;
	font-weight:bold;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	background-image:none;
	background-color:#eee;
	padding:0;
	cursor:pointer;
}

input.fieldoff {
	display:none;
}

.form-req {
	font-size:20px;
	color:#900;
	width:15px;
}
.form-label {
	width:125px;
	font-weight:bold;
	margin:0 5px 0 0;
}
.form-label2 {
	width:270px;
	font-weight:bold;
	margin:0 5px 0 0;
}
.form-label2 input {
	font-weight:normal;
}
.form-picture {
	display:inline;
	margin:0 0 0 15px;
	width:65px;
	text-align:center;
}
.form-checkbox {
	width:20px;
	margin-right:5px;
}
.form-checklist {
	width:380px;
}
.form-col {
	width:160px;
	margin-right:10px;
}

input.fullwidth {
	width:175px;
}
textarea.fullwidth {
	width:175px;
}
select.fullwidth {
	width:183px;
}
input.postalwidth {
	width:75px;
}
input.phonewidth {
	width:120px;
}
input.numwidth {
	width:45px;
}
textarea.superwidth {
	width:400px;
}




form#orderform, form#eventform {
	margin:15px 0 0 40px;
}
form#orderform .row, form#eventform .row, form#faceform .row, form#championform .row  {
	margin:0 0 12px 0;
}
form#faceform h2, form#championform h2 {
	margin-bottom:12px;
}

form#feedback textarea {
	width:375px;
	height:100px;
}



.datein input, form#orderform .datein input, form#eventform .datein input {
	height:12px;
	background-image:none;
	padding:2px;
}


form#loginform {
	margin:35px 0 0 75px;
}

form#loginform .login-label {
	width:50px;
	font-size:9px;
	text-align:right;
	padding:5px;
}
form#loginform .row {
	margin-bottom:10px;
}
form#loginform input {
	width:170px;
	border:1px solid #ccc;
	color:#999;
	padding:4px 2px 2px 4px;
	background:url('/images/textfield-bg.gif') top left no-repeat;
}
form#loginform input.button {
	width:80px;
	color:#333;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	background-image:none;
	background-color:#eee;
	padding:0;
}


/* PHOTO GALLERY --------------------------------------------------------------- */	

table.photogallery img {
	border:1px solid #9FC2DC;
	padding:3px;
	margin-bottom:20px;
}
table.photogallery a {
	outline:none;
}
table.photogallery a:hover img {
	border-color:#e18e19;
}

.photogallery2 {
	margin-top:10px;
}
.photogallery2 .image {
	width:83px;
	margin:0 22px 12px 0;
	display:inline;
}
.photogallery2 .image img {
	border:1px solid #9FC2DC;
	padding:3px;
}
.photogallery2 a {
	outline:none;
}
.photogallery2 .image a:hover img {
	border-color:#e18e19;
}
.photogallery2 .enlarge {
	visibility: hidden;
	position: absolute;
	margin: 49px 0 0 4px;
	padding:2px 0;
	background-color: #E28E1A;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	width:83px;
	text-decoration: none;
	z-index:100;
	height:11px;
	opacity:0.7;
}
.photogallery2 .image:hover .enlarge { 
	visibility: visible; 
}

.photogallery2 .pagingbox {
	margin-top:10px;
	text-align:right;
	font-size:9px;
}
.photogallery2 .pagingbox a {
	padding:0 4px;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.photogallery2 .pagingbox a:hover {
	background-color: #E28E1A;
	color:#fff;
}
	


/* SITE MAP -------------------------------------------------------------------- */		

.sitemap ul, .sitemap li li li {
	margin:0;
}
.sitemap li {
	list-style-image:none;
	list-style-type:square;
	margin:0 0 10px 0;
}
.sitemap li li {
	margin: 0 0 4px 0;
	list-style-image:url('/images/bullet.gif');
}


/* LISTINGS -------------------------------------------------------------------- */	

.hide0 {
	display:none;
}

#news ul, #events ul {
	margin:10px 0 0 15px;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#news li, #events li {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#news h4, #events h4 {
	margin:0 0 0 7px;
	font-size:13px;
}
#news h4 a, #events h4 a {
	font-size:13px;
	text-decoration:none;
}
#news h4 a:hover, #events h4 a:hover {
	text-decoration:underline;
}
#news li h3, #events li h3 {	
	margin:0;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #dddddd;
}
#news h3, #events h3, #events h3 span {	
	margin:7px 0;
	font-size:12px;
	font-weight:normal;
	color:#999999;
}
#events .location {
	margin:0 0 0 7px;
}
#events h3.tight {
	margin-bottom:0;
}
#events .contactinfo {
	margin: 0 0 0 7px;
}
.pagingbox {
	float:right;
}
#news #description, #events #description {
	margin:15px 0;
}
#news #description pre, #events #description pre {
	white-space:normal;
}

	
#tableregbox {
	padding-top:10px;
	min-height:400px;
	height:auto !important;
	height: 400px;
}