html {
	min-height: 100%;
	background: #72d7ff url(img/body1.jpg) repeat-x;
}
body {
	min-height: 100%;
	font: 0.75em Arial, Helvetica, sans-serif;
	background: url(img/body2.png) repeat-y center top;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
label {
	cursor: pointer;
}
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
}

a {
	color: #fb8904;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1 {
	color: #eb8004;
	font-weight: bold;
	font-size: 1.69em;
	margin-bottom: 22px;
}

h2 {
	color: #000000;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 22px;
}

.wrap {
	width: 914px;
}

/*************************/

#top{
	height: 210px;
	position: relative;
	padding-bottom: 14px;
	display:block;
}

#top img {
  position:absolute;
  z-index:-1;
  float:right;
  right:0;
  top:112px;
}

	#logo{
	  position:absolute;
		float: left;
		left:0;
		margin-left: -20px;
		height: 210px;
		width: 185px;
		text-indent: -9999em;
		background: url(../../img/logo2.png) top left no-repeat;
	}
	
	#logoQRC{
	  position:absolute;
		float: left;
		left:165px;
		margin-left: -5px;
		height: 57px;
		width: 170px;
		text-indent: -9999em;
		background: url(../../img/logoQRC.png) top left no-repeat;
	}
	
	.top-menu{
		float: right;
		height: 27px;
		position: relative;
	}
	
		.top-menu li{
			float: left;
			height: 27px;	
		}
		
		.top-menu li a{
			float: left;
			padding: 7px 16px 0 16px;
			height: 20px;
			font-size: 12px;
			color: #222;
			text-transform: uppercase;
		}
		
		.top-menu li a:hover, .top-menu li a.active{
			text-decoration: none;
			background: url(../../img/active-nav.jpg) top left;
		}
	

#page-top a{
			color: #94B40B;
			font-weight:bold;
		}	
		
		#help{
			padding: 40px 82px 0 112px;
			text-align: left;
		}
		
			#help img{
				float: left;
				padding-right: 15px;	
			}
			
			#help p{
				line-height: 1.4em;
				padding: 6px 0 6px 0;
			}
			
			#help a{
				color: #F18C00;
			}	

#nav{
  position:absolute;
	float: right;
	margin: 58px 123px 0 0;
	height: 51px;
	clear: right;
	width: 625px; /* 592px */
}
	
		#nav li{
			float: left;
		}
		
		#nav li a{
			float: left;
			height: 51px;
			text-indent: -9999em;	
		}			
		
		#n1{
			width: 73px;
			background: url(../../img/n1.png) top left no-repeat;
		}
		#n2{
			width: 93px;
			background: url(../../img/n2.png) top left no-repeat;
		}
		#n3{
			width: 103px;
			background: url(../../img/n3.png) top left no-repeat;
		}
		#n4{
			width: 112px;
			background: url(../../img/n4.png) top left no-repeat;
		}
		
		#n5{
			width: 148px;
			background: url(../../img/n5.png) top left no-repeat;
		}
		
		#n6{
			width: 96px;
			background: url(../../img/n6.png) top left no-repeat;
		}
		
		#n7{
			width: 96px;
			background: url(../../img/n7.png) top left no-repeat;
		}
		#nav li a:hover{
			background-position: bottom left;
		}
		
		
		#lang{
			position: absolute;
			top: 32px;
			right: -7px;
			height: 65px;
			width: 78px; /*-- was 161 --*/
			background: url(../../img/lang_fr.png) top left no-repeat;
		}
		
		#lang1{
			position: absolute;
			width: 37px;
			height: 27px;
			top: 20px;
			left: 41px;
			text-indent: -9999em;
		}
		
		#lang2{
			position: absolute;
			width: 37px;
			height: 32px;
			top: 16px;
			left: 22px; /*-- was 92 --*/
			text-indent: -9999em;
		}
		
/*************************/
		

#topbar {
	height: 32px;
	background: url(img/topbar.jpg) repeat-x;
}

#topbar img {
	float: left;
	margin-left: 4px;
}
#topbar ul {
  position:relative;
  z-index:9999;
	float: right;
	font-size: 0.92em;
	height: 27px;
	line-height: 27px;
	text-transform: uppercase;
}
#topbar li {
	float: left;
}
#topbar a {
	display: block;
	text-decoration: none;
	color: #2e3b00;
	padding: 0px 16px 0;
	font-size:12px;
}
#topbar a:hover, #topbar a.active {
	background: url(img/topbar_hover.gif) repeat-x;
}
#header .wrap {
  position:relative;
  z-index:999;
  margin-top:-32px;
}
#topbar .wrap img {
  display:none;
}
#header a {
	text-indent: -10000em;
}
.logo {
	display: block;
	float: left;
	width: 101px;
	height: 103px;
	margin: 25px 0 0 27px;
}

.language {
	float: right;
	margin-top: 7px;
	width: 78px; /*-- was 141 --*/
	height: 65px;
	background: url(../../img/lang_fr.png) top left no-repeat;
}
.bosnia {
	float: left;
	margin: 11px 17px 0 32px;
	width: 38px;
	height: 26px;
}

.french {
	float: left;
	margin-top: 6px;
	width: 70px; /*-- was 31 --*/
	height: 45px;
}

#header ul {
	margin-left: 170px;
	padding-top: 49px;
}
#header li {
	float: left;
}
#header li a {
	display: block;
	height: 51px;
	background-repeat: no-repeat;
	background-position: top;
}
#header li a:hover, #header li a.active {
	background-position: bottom;
}
.home {
	width: 73px;
	background-image: url(img/n1.png);
}
.campus {
	width: 93px;
	background-image: url(img/n2.png);
}
.smokers {
	width: 103px;
	background-image: url(img/n3.png);
}
.friends {
	width: 112px;
	background-image: url(img/n4.png);
}
.professionals {
	width: 148px;
	background-image: url(img/n5.png);
}
.contest {
	width: 96px;
	background-image: url(img/n6.png);
}


#header img {
	float: right;
	margin: 4px 55px 0 0;
}
.main_top {
	width: 914px;
	height: 20px;
	margin: -10px auto 0;
	position: relative;
	background: url(img/main_top.png) no-repeat;
}
#main {
	width: 894px;
	margin: auto;
	padding: 0 10px;
	background: url(img/main.png) repeat-y;
}
#main .wrap {
	width: 894px;
	background: #fff url(img/people2.jpg) no-repeat 28px bottom;
	overflow: hidden;
}
.title {
	padding: 30px 0 25px;
	border-bottom: 4px solid #72d7ff;
	background: #198bb9;
	text-align:center;
	color:#FFFFFF;
	font-size: 4.5em;
}
.title img {
	display: block;
	margin: auto;
}

.title_2 {
	padding: 0;
	background: #198bb9;
	text-align:center;
	color:#FFFFFF;
	font-size: 4.5em;
}
.title_2 img {
	display: block;
	margin: auto;
}

.subtitle {
	padding-bottom: 15px;
	border-bottom: 4px solid #72d7ff;
	background: #198bb9;
	text-align:center;
	color:#FFFFFF;
	font-size: 2em;
}

.content {
	float: right;
	width: 657px;
	margin: 23px 44px 28px 0;
	font-size: 1.08em;
	line-height: 1.3;
}
.content ul {
	margin: 15px 0 0 30px;
	list-style: disc;
}

.content p {
	margin-bottom: 22px;
}

.citation {
	font-size: 10px;
}

.inside {
	padding: 0 9px 0 15px;
}
.intro_left {
	float: left;
	width: 220px;
	padding: 5px 40px 4px 0;
	border-right: 5px solid #1ea5db;
	margin-bottom: 26px;
}
.intro_right {
	float: right;
	width: 355px;
	padding: 5px 0 4px 18px;
	margin: 0 0 26px -5px;
	background: url(img/right_separator.jpg) no-repeat;
}
.separator {
	margin: 17px 0 5px;
	height: 5px;
	font-size: 1px;
	background: url(img/bottom_separator.gif) repeat-x;
}
.float-left {
	margin: 0 70px;
}
.float-right {
	float: left;
	width: 285px;
	margin-top: 15px;
}
.info {
	margin-left: 15px;
}
.info a {
	color: #03f;
}
.leftnav {
	float: left;
	margin: 25px 0 0 14px;
	width: 151px;
	padding-top: 11px;
	background: url(img/leftnav_top.gif) no-repeat;
	font-size: 1.5em;
}
.leftnav ul {
	background: #198bb9 url(img/leftnav_bottom.gif) no-repeat bottom;
	padding-bottom: 10px;
}
.leftnav li {
	border-left: 1px solid #f1f8fb;
	border-right: 1px solid #f1f8fb;
	padding: 0 14px;
}
.leftnav a {
	display: block;
	text-align: center;
	padding: 10px 0;
	background: url(img/dot.gif) repeat-x bottom;
	color: #fff;
	text-decoration: none;
}
.leftnav a:hover, .leftnav a.active {
	color: #fec223;
}
.leftnav li.first a {
	padding-top: 7px;
}
.leftnav li.last a {
	padding-bottom: 8px;
	background: none;
}
#footer {
	border-top: 5px solid #00b6ff;
	text-align: center;
	text-transform: uppercase;
	padding: 24px 0 95px;
	background: #78b1c8 url(img/footer.jpg) repeat-x;
}
#footer ul {
	margin: auto;
	width: 914px;
}
#footer li {
	display: inline;
	padding: 0 14px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
* html {
	height: 100%;
}
* html body {
	height: 100%;
	background-image: url(img/body2.gif);
}
* html #topbar a {
	height: 1%;
	float: left;
}
* html .logo, * html .leftnav, * html .content, * html .float-left {
	display: inline;
}
* html .leftnav a {
	height: 1%;
}