﻿* {position:relative; z-index:1;}	

/* Global */
body {
	background-image:url("../images/bg-body.jpg");
	background-repeat:repeat;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333;
}

.topNav {
	background-color:#000000;
	color:#DDDDDD;
	font-size:11px;
	height:23px;
	line-height:25px;
	padding-right:10px;
	text-align:right;
	vertical-align:middle;
}

.header {
	width:100%;
	height:102px;
	background-image:url(../images/bg-header.jpg);
	background-repeat:no-repeat;
	border-top:1px #6a6c71 solid;
}

.header.french{
	background-image:url(../images/bg-header-french.jpg);
}
.header-print {
	display: none;
}
#details {
	float:left;
	margin:0 0 0 25px;
}

a {
	text-decoration:none;
	color:#EEE;
}

.content a {
	color:#4b629a;
	text-decoration:none;
}

.content a:hover { text-decoration:underline; }

img.right {
	float:right;
	border:1px solid #CCCCCC;
	margin:0 0 10px 15px;
	padding:3px;
}

img.left {
	float:left;
	border:1px solid #CCCCCC;
	margin:0 15px 10px 0;
	padding:3px;
}

table { width:100%; }


/* Typography */
h1 {
	font-size:20px;
	vertical-align:middle;
	font-weight:normal;
	margin:0 0 10px;
	text-transform:uppercase;
	color:#26437d;
	/*font-family: 'ArimoRegular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}

h2 {
	font-size: 17px;
	font-weight: normal;
	margin: 20px 0 5px;
	text-transform: uppercase;
}

.subheading {
	font-weight:bold;
	font-size:12px;
	position:relative;
	top:-15px;
}

.menuBox h1 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 10px 0 5px;
	white-space: nowrap;
}

p {
	vertical-align:middle;
	margin:0 0 10px;
}

p.descBold {
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:7px;
}

.content ul {
	list-style-position:outside;
	margin:15px 0;
}

.content ul li {
	background:url('../images/check.png') no-repeat 0 -3px;
	padding:0 0 5px 30px;
}

strong.heading {
	font-family:Tahoma, sans-serif;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0.05em;
	text-decoration:underline;
}

/* Header */
.topNav a.language { padding: 0 20px 0 0; }

.thanks {
	float:right;
	font-size:11px;
	margin:17px 22px 0 0;
	text-align:center;
}

.sponsors { text-align:center; }

.sponsors img { margin:0 auto; }

#organized {
	float:right;
	font-size:11px;
	margin:17px 22px 0 0;
	text-align:center;
}

#organized img { width:150px; }

/* Banner */
.banner {
	width:100%;
	height:162px;
	background-image:url(../images/bg-banner.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.bannerWrapper {
	position:absolute;
	width:918px;
	height:161px;
	top:1px;
	left:21px;
	overflow:hidden;
}

.bannerPanel {
	width:5000px;
	height:161px;
	position:relative;
	overflow:hidden;
}

.bannerImage {
	width:918px;
	height:161px;
	float:left;
}

/* Main Menu */
.mainMenu {
	width:100%;
	height:55px;
	background-image:url(../images/bg-mainmenu.jpg);
	background-repeat:repeat-x;
	position:relative;
	z-index:999;
}

.mainMenu .navMenu {
	width:918px;
	height:40px;
	margin:0 21px 10px;
	background-color:#000;
	z-index:999;
}

.navMenuItem {
	float: left;
	height: 40px;
	overflow: visible;
	position: relative;
	width: 152px;
	z-index:999;
}

.navMenuItem a {
	color: #EEEEEE;
	display: block;
	font-size: 12px;
	height: 40px;
	letter-spacing: 1px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	width: 152px;
	z-index:999;
}

.navMenuItem > ul {
	/*border: 1px solid #000000;*/
	overflow: hidden;
	position: absolute;
	z-index:999;
	height:auto;
	left:-9999px;
	min-width:200px;
	background: none repeat scroll 0 0 #000000;
}

.itemSubMenu {
	/*border: 1px solid #000000;*/
	overflow: hidden;
	position: absolute;
	z-index:999;
	height:auto;
	left:-9999px;
	min-width:200px;
	background: none repeat scroll 0 0 #000000;
}

.navMenuItem > ul.hover {
	left:0;
}

.itemSubMenu.hover {
	left:0;
}

.navMenuItem > ul > li {
	background: url("../images/arrow-bullet.png") no-repeat scroll 7px 5px #000000;
    padding: 5px 5px 5px 30px;
	display:block;
	z-index:999;
}

.subMenuItem {
	background: url("../images/arrow-bullet.png") no-repeat scroll 7px 5px #000000;
    padding: 5px 5px 5px 30px;
	display:block;
	z-index:999;
}

.navMenuItem > ul > li:hover { 
	background-color: #988C44;
}

.subMenuItem.hover { 
	background-color: #988C44;
	background-image: url("../images/arrow-bullet-gold.png");
}

.navMenuItem > ul > li > a {
	color: #FFF;
	height: auto;
	line-height: 18px !important;
	text-align: left;
	z-index:999;
}

.subMenuItemLink {
	color: #FFF;
	height: auto;
	line-height: 18px !important;
	text-align: left;
	z-index:999;
	text-align:left !important;
}

.navMenuItem > ul > li:hover > a, .navMenuItem > ul > li > a:hover { text-decoration:none; color:#000; }

.subMenuItemLink:hover { text-decoration:none; color:#000; }

.hoverBg a {
	display:block;
	width:152px;
	height:40px;
	font-size:12px;
	color:#000;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	letter-spacing:1px;
}

.navMenuSeparator {
	float:left;
	margin-top:14px;
	width:1px;
	height:14px;
	background-color:#EEE;
}

.menuBoxes {
	margin:0 auto;
	width:930px;
}

.mainMenu .menuBox {
	color:#FFFFFF;
	float:left;
	height:250px;
	margin:0 15px 0 0
}

.menuBox .icon {
	float:left;
	margin:5px 5px 0 0;
}

.menuBox .list {
	float:left;
	width:180px;
}

.menuBox img {
	vertical-align:middle;
	width:32px;
}

.menuBox ul { }

.menuBox ul li {
	font-size:12px;
	line-height:130%;
	background:url("../images/arrow-bullet.png") no-repeat scroll -4px 0 transparent;
	font-size:12px;
	line-height:130%;
	padding:0 0 0 15px;
}

.menuBox ul li a { }

.mainMenu .menuArrow {
	background: url("../images/arrow-down.png") no-repeat scroll 0 0 transparent;
	height: 32px;
	left: 440px;
	position: absolute;
	top: 32px;
	width: 32px;
}

/* Content */
.content {
	background:url("../images/border-top-content.png") repeat-x scroll 0 0 #FFFFFF;
	padding:44px 85px 70px;
}

/* Footer */
.footer {
	width:100%;
	height:136px;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:repeat-x;
}

#footer-wrapper { padding: 3px 0 0; }

#footer-links { margin: 0 0 0 20px; }

#footer-links li {
	border-right: 1px solid #333333;
	float: left;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 2px;
	padding: 0 5px;
	text-transform: uppercase;
}

#footer-links li.last { border-right:none; }

#footer-links li a { color:#333; }

#footer-links li a:hover { text-decoration:underline; }

