/* general architecture
-------------------------------------------------------*/

* { margin: 0;
	padding: 0; }

html, body {
	height: 100%;}

body { 
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: #fff url(bg.jpg) repeat-x;
    font-size: 11px;
	font-family: verdana, Verdana, sans-serif; }


#bg{
	position: relative;
			width: 812px;
		background: url(mainbgeu.jpg) no-repeat;
	min-height: 100%; /* has to be here for the footer to work */
	margin: auto; /* has to be here for the center align to work */
	text-align: left; }

* html #bg { height: 100%; }

#site {
	width: 812px;
	position: absolute;
		top: 0px; 
		left: 0px;
	margin: auto; /* has to be here for the center align to work */
	text-align: left; }

* html #site { height: 100%; }


.clear { clear: both; }


hr { background: url(bg.jpg);
	margin: 20px 21px 20px 21px; }


/* general styling
-------------------------------------------------------*/

a {
	text-decoration: none;
	color: ##3399FF;
}

a:hover {color: ##00CCFF; text-decoration: underline; } 

img { border: 0; }

#sessions {
	width: 414px;
		left: 40px;
		position: relative;
	text-align: left; }



/* content architecture
-------------------------------------------------------*/

#content {
	padding-bottom: 60px;
min-height: 100%;
}


#main3 {
	display: inline;
	clear: both;
	float: left;
	width: 285px;
    top: 220px;
	  left: 233px;
	height: auto !important;
	position: relative;
	padding: 0px 11px 10px 0px;
	background-color: white;
}

#main {
	display: inline;
	clear: both;
	float: left;
	width: 485px;
    top: 220px;
	  left: 233px;
	height: auto !important;
	position: relative;
	padding: 0px 11px 10px 0px;
	background-color: white;
}

#main2 {
	display: inline;
	clear: both;
	float: left;
	width: 285px;
    top: 130px;
	  left: 233px;
	height: auto !important;
	position: relative;
	padding: 0px 11px 10px 0px;
	background-color: white;
}
	
	p { 
    font-size: 11px;
	color: black;
	font-family: verdana, Verdana, sans-serif; }

	h2 { 
    font-size: 14px;
	color: #000066;
	font-family: verdana, Verdana, sans-serif; }

	h3 { 
    font-size: 13px;
	background-color: #D8D8D8;
	font-family: verdana, Verdana, sans-serif; }
	
		h4 { 
    font-size: 12px;
	background-color: #fff;
	font-family: verdana, Verdana, sans-serif; }


/* menu
-------------------------------------------------------*/

#menu {
	width: 150px; 
	height: 300px;
	display: inline;
	background: url(menuoff.jpg) no-repeat;
	position: absolute;
		margin-left: 20px;
			margin-top: 160px; }

	ul li {
	    padding-bottom: 0px;
		padding-left: 0px; } 

#menu li {
	position: absolute;
	text-indent: -1800px;
	left: 0px;
}


#menu li, #menu a {
	height: 23px; 
	display: block;
	}

.about { top: 0px; width: 142px;  }

.programme{ top: 33px; width: 84px;  }
.practical { top: 64px;  width: 130px; }
.speakers{ top: 93px; width: 60px; }
.registration { top: 123px; width: 80px; }
.links { top: 152px; width: 50px;}
.contact { top: 178px; width: 60px; }
.backc { top: 205px; width: 100px; }
.preconference{ top: 240px; width: 100px; }

.about a:hover { background: transparent url(menuoff.jpg) -155px -0px no-repeat; }
.programme a:hover { background: transparent url(menuoff.jpg) -155px -33px no-repeat; }
.practical a:hover { background: transparent url(menuoff.jpg) -155px -64px no-repeat; }
.speakers a:hover { background: transparent url(menuoff.jpg) -155px -93px no-repeat; }
.registration a:hover { background: transparent url(menuoff.jpg) -155px -123px no-repeat; }
.links a:hover { background: transparent url(menuoff.jpg) -155px -152px no-repeat; }
.contact a:hover { background: transparent url(menuoff.jpg) -155px -178px no-repeat; }
.backc a:hover { background: transparent url(menuoff.jpg) -155px -205px no-repeat; }
.preconference a:hover { background: transparent url(menuoff.jpg) -155px -240px no-repeat; }

	#footer { 
    font-size: 9px;
	color: black;
	font-family: verdana, Verdana, sans-serif; 
	text-align: center;}
	
	
	
	
	
	
	
	
	
	
	
	#sub {
	width: 255px;
	float: right;

}


#news {
	width: 245px;
	height: 340px;
	position: absolute;
	top: 0px;
	left: 322px;
	border: none;
	padding: 0px;
	overflow: hidden;
}

#video {
	width: 483px;
	height: 335px;
	position: absolute;
	top: 330px;
    left: 2px;
	border: none;
	padding: 4px;
	overflow: hidden;
}


ul {margin:0;padding:0;}
ul { list-style-type: none; 
list-style-image: url("bullet2.gif");
margin-left: 19px;  }

	ul li {
	
	padding-bottom: 2px;
		padding-left: 0px; }
		

li {
      margin: 0 5px;
      padding-left: 12px;
      background: transparent url(my-bullet-image.gif) 0 center no-repeat;
}



.low {
    padding: 3px 0; 
    vertical-align: middle;  }


/* styling of the container. */ 
a.myPlayer {
	display:block;
	width: 480px;
	height:292px; 
	text-align:center;
	border:1px solid #999;
}

a.myPlayer2 {
	display:block;
	width: 480px;
	height:380px; 
	text-align:center;
	border:1px solid #999;
}


/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}