html, body {
	padding: 0px; margin: 0px;
}

body {
	background-image: url(../images/mainbg.jpg);
	background-position: top;
	background-color: #567fa3;
	background-repeat: repeat-x;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	height:100%;
}

a img { border: none; }

h1 {
	margin: 0px 0px 20px;
	color: #ffffff;
	font-size: 25px;
	font-weight: normal;
}


hr {border-top: 1px solid #BFDBF3; border-bottom: none;}

.no-margin {
	margin: 0px 0px 4px 0px;
}


legend {text-transform:uppercase; font-weight: bold;}


#sponsors {
	width: 100px;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #fff;
	z-index: 10010;

}

* html #sponsors{ /*IE6 only rule, applied on top of the default above*/
	position: absolute;
	top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+50+"px");
}

#sponsors .top {margin: 20px 0 0 0; height: 65px; position: absolute; z-index: 9999;}

#sponsors .bottom {position:absolute; bottom: 20px; height: 110px;}



#fixed {
	margin: 20px auto 50px auto;  /* auto spaces are calculated by javascript. if js is desactivated - these values are taken into account */
	width: 900px;
}

#header {}

#header #logo {
	width: 183px; float: left
}

#header #logo a {outline: none;}

#header #navigation {
	margin: 0px 0px 0px 46px; width: 670px; float: left
}

#header #navigation #languages {
	background-image: url(../images/navigation_overlay_item.png); text-align: center; height: 12px;
}

#header #navigation #languages #nav_center {
	margin: 0px 0px 0px 250px
}

#header #navigation #languages a {
	margin: 0px 8px 0px 0px
}

#header #navigation #languages a.en {
	background-image: url(../images/bt_english.gif); width: 50px; display: block; float: left; height: 12px
}

#header #navigation #languages a.fr {
	background-image: url(../images/bt_francais.gif); width: 60px; display: block; float: left; height: 12px
}

#header #navigation #languages a.de {
	background-image: url(../images/bt_deutsch.gif); width: 55px; display: block; float: left; height: 12px
}

#header #navigation #languages a.over_en { background-image: url(../images/bt_english_over.gif); }
#header #navigation #languages a.pangaea_en { background-image: url(../images/bt_english_pangaea.gif); }
#header #navigation #languages a.mh_en { background-image: url(../images/bt_english_mh.gif); }
#header #navigation #languages a.yep_en { background-image: url(../images/bt_english_yep.gif); }
#header #navigation #languages a.media_en { background-image: url(../images/bt_english_media.gif); }

#header #navigation #languages a.over_fr { background-image: url(../images/bt_francais_over.gif); }
#header #navigation #languages a.pangaea_fr { background-image: url(../images/bt_francais_pangaea.gif); }
#header #navigation #languages a.mh_fr { background-image: url(../images/bt_francais_mh.gif); }
#header #navigation #languages a.yep_fr { background-image: url(../images/bt_francais_yep.gif); }
#header #navigation #languages a.media_fr { background-image: url(../images/bt_francais_media.gif); }

#header #navigation #languages a.over_de { background-image: url(../images/bt_deutsch_over.gif); }
#header #navigation #languages a.pangaea_de { background-image: url(../images/bt_deutsch_pangaea.gif); }
#header #navigation #languages a.mh_de { background-image: url(../images/bt_deutsch_mh.gif); }
#header #navigation #languages a.yep_de { background-image: url(../images/bt_deutsch_yep.gif); }
#header #navigation #languages a.media_de { background-image: url(../images/bt_deutsch_media.gif); }

#header #navigation #sections {}
#header #navigation #sections ul { margin: 20px 0px 0px; padding: 0px; }
#header #navigation #sections ul li { list-style-type: none; margin: 0px 0px 5px; list-style-image: none; }

#header #navigation #sections a * { display: none; }
#header #navigation #sections a { position: relative; outline-style: none; display: block; height: 14px; }
#header #navigation #sections a .hover { position: relative; outline-style: none; display: block; height: 14px;}

#header #navigation #sections a.pangaea { background: url(../images/menu_pangaea.gif) no-repeat 0px 0px; }
#header #navigation #sections #pangaea_link a.active { background: url(../images/menu_pangaea_active.gif) no-repeat 0px 0px; }

#header #navigation #sections a.yep { background: url(../images/menu_yep.gif) no-repeat 0px 0px; }
#header #navigation #sections #yep_link a.active { background: url(../images/menu_yep_active.gif) no-repeat 0px 0px; }

#header #navigation #sections a.mh { background: url(../images/menu_mh.gif) no-repeat 0px 0px; }
#header #navigation #sections #mh_link a.active { background: url(../images/menu_mh_active.gif) no-repeat 0px 0px; }

#header #navigation #sections a.media {	background: url(../images/menu_media.gif) no-repeat 0px 0px; }
#header #navigation #sections #media_link a.active { background: url(../images/menu_media_active.gif) no-repeat 0px 0px; }
#header #navigation #sections .highlight a.yep:hover { background: url(../images/menu_yep_over.gif) no-repeat 0px 0px; }
#header #navigation #sections a.yep .hover { background: url(../images/menu_yep_over.gif) no-repeat 0px 0px; }
#header #navigation #sections .highlight a.mh:hover { background: url(../images/menu_mh_over.gif) no-repeat 0px 0px; }
#header #navigation #sections a.mh .hover { background: url(../images/menu_mh_over.gif) no-repeat 0px 0px; }
#header #navigation #sections .highlight a.pangaea:hover { background: url(../images/menu_pangaea_over.gif) no-repeat 0px 0px; }
#header #navigation #sections a.pangaea .hover { background: url(../images/menu_pangaea_over.gif) no-repeat 0px 0px; }
#header #navigation #sections .highlight a.media:hover { background: url(../images/menu_media_over.gif) no-repeat 0px 0px ; }
#header #navigation #sections a.media .hover { background: url(../images/menu_media_over.gif) no-repeat 0px 0px; }

#main {
	margin: 35px 0px 0px
}
#main #sidebar {
	width: 183px; float: left
}
#menu {

}
#menu a { text-decoration: none; }

#menu .menu-top-item { position: absolute; text-align: right; margin: 0px 10px 10px -5px; height: 16px;}
#menu .menu-top-item .left-tip { margin: 0px; float: left; }
#menu .menu-top-item .right-tip { margin: 0px; float: left; }



#menu .sublist { margin: -5px 0 0 0; padding: 1px 0 0 0; }
#menu ul { padding: 0 0 0 25px; margin: 0 0 10px 0; }

* html #menu ul { padding: 0; }

*:first-child + html #menu ul { padding:0; margin: 0 0 15px 20px; }

#menu ul ul { padding: 0px; margin: 0px 0px 0px 10px; }

#menu ul li.page-list-item {text-transform: uppercase;}

#menu ul.submenu_pangaea li a { color: #ffce0b; font-size: 11px; font-weight: bold; }

#menu ul.submenu_pangaea li { list-style-image: url(../images/puce_pangaea.gif); }

#menu ul.submenu_mh li a { color: #ff5a00; font-size: 11px; font-weight: bold; }
#menu ul.submenu_mh li { list-style-image: url(../images/puce_mh.gif); }

#menu ul.submenu_yep li a { color: #8be805; font-size: 11px; font-weight: bold; }
#menu ul.submenu_yep li { list-style-image: url(../images/puce_yep.gif); }

#menu ul.submenu_media li a { color: #ff0072; font-size: 11px; font-weight: bold; }
#menu ul.submenu_media li { list-style-image: url(../images/puce_media.gif); }

#menu .sublist li a.active { color: #fff;}
#menu .sublist li.active { list-style-image: url(../images/puce_active.gif); }

/* LEVEL 3 */
#menu ul.submenu_yep ul.submenu_yep {padding-left: 0; margin-left: 13px;}
#menu ul.submenu_yep ul.submenu_yep li {list-style-image: url(../images/tiny_tip_yep.png); }
#menu ul.submenu_pangaea ul.submenu_pangaea {padding-left: 0; margin-left: 13px;}
#menu ul.submenu_pangaea ul.submenu_pangaea li {list-style-image: url(../images/tiny_tip_pangaea.png); }
#menu ul.submenu_mh ul.submenu_mh {padding-left: 0; margin-left: 13px;}
#menu ul.submenu_mh ul.submenu_mh li {list-style-image: url(../images/tiny_tip_mh.png); }
#menu ul.submenu_media ul.submenu_media {padding-left: 0; margin-left: 13px;}
#menu ul.submenu_media ul.submenu_media li {list-style-image: url(../images/tiny_tip_media.png); }



#sidebar .white-item {
	text-align: left; margin: 20px 0px 0px -5px; height: 16px; color: #1a4f70; display: inline-block; }

#sidebar .white-item .left-tip {
	margin: 0px; float: left;
}

#menu .white-item .right-tip {
	margin: 0px; float: left;
}

#sidebar .white-item span.top-item {
	padding: 0px 0px 1px 0;
	text-transform: uppercase;
	background-color: #ffffff;
	margin: 0px;
	float: left;
	font-weight: bold;
	width: 154px;
	height: 15px;
}

/*.bt_side_submit {
	width: 17px;
	height: 16px;
	background-image: url(../images/bt_search_field.gif);
	background-repeat: no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	outline: none;
}*/

.bt_side_submit2 {
	width: 17px;
	height: 16px;
	background: url(../images/bt_search_field.gif) no-repeat center top;
	overflow: hidden;
	border: none;
	cursor: pointer;
    cursor: hand; /* for IE 5.x */
	outline: none;
}

form>.bt_side_submit { /* For non-IE browsers*/
  height: 0px;
}


form label.infield {
	position: absolute;
	margin: 0px 0px 0px 5px;
	font-size: 11px;
	top: 1px;
	left: 0px;
	text-transform: lowercase;
	font-weight: normal;
	color: #fff;
}

form span {	position: relative; margin: 10px 0px 10px 0; }
form span br {display: none; }

#sidebar input.sidebar_field, .mcfield {
	padding: 1px 5px 1px 5px;
	background-color: #3e6b8f;
	width: 130px;
	font-family: arial, helvetica, sans-serif;
	border: none;
	color: #fff;
	font-size: 11px;
	height: 14px;
}
#sidebar .search_table {}

#searchbox {
	padding: 15px 10px 15px 10px;
	background-color: #7799b5;
	margin: 0 0 0 0;
	width: 155px;
}

#searchbox table {margin: 0; padding:0;}

#networkbox {
	padding: 15px 10px 15px 10px;
	text-transform: uppercase;
	background-color: #7799b5;
	margin: 0 0 0 0;
	width: 155px;
	color: #c3d1de;
	font-size: 11px;
	font-weight: bold;
}

#networkbox a {color: #C3D1DE; text-decoration: none;}


#sidefooter {font-size: 11px; color: #93ADC4;}
#sidefooter a {color: #93ADC4; text-decoration: none;}

#main #content {
	position:relative; margin: 0px 0px 0px 60px; width: 654px; float: left;
}

#main #content a {color: #fff; text-decoration: underline;}

#main #content .top {
	padding: 0 0 0 0px;
	text-align: right;
	text-transform: uppercase;
	height: 16px;
	color: #174c6d;
	font-weight: bold;
}

#main #content .top span {
	float: left;
	/*width: 100%;*/
	text-align: left;
	background-color: #ffffff;
	padding: 0 0px 0 5px;
	height: 16px;
}

#main #content .top img {
	margin: 0 0 0 0px;
	position: absolute;
	float: left;
	padding: 0;
}

#main #content .w630 {width: 640px;}
#main #content .w640 {width: 645px; background-color: #fff;}

#main #content .w300 {width: 275px;}
#main #content .w290 {width: 287px;}

#main #content .intext {
	padding: 0 0 0 5px;
	text-align: right;
	text-transform: uppercase;
	background-color: #ffffff;
	height: 16px;
	color: #174c6d;
	font-weight: bold;
	position: absolute;
	margin: 0 0 0 -36px;
	display: inline-block;
}

#main #content .intext span {
	float: left;
	text-align: left;
	background-color: #ffffff;
	padding: 0 20px 1px 30px;
	height: 15px;
}

#main #content .intext img {
	position: absolute;
	float: left;
	margin: 0px 0px 0px -10px;
}



#main #content .newsItem {margin: 0 0 20px 0;}
#main #content .newsItem .newsdate {font-style:italic;}
#main #content .newsItem .newstitle {font-weight: bold; font-size: 13px;}


#main #content .text {
	position: relative;
	padding: 36px;
	background-image: url(../images/bg_content.png);
	background-repeat:repeat-y;
	min-height: 700px;
}

#main #content .text_home {
	position: relative;
	background-image: url(../images/bg_content.png);
	background-repeat:repeat-y;
}


#main #content .text_home .news_image {
	padding: 0;
	width: 435px;
	height: 250px;
	float: left;
	position: relative;
}
#main #content .text_home .news_image span.title {
	font-size: 25px;
	color: #023b5c;
	background-color: #fff;
	position: absolute;
	margin: 15px 0 0 0;
	padding: 4px;
	opacity: 0.8;
	filter: alpha(opacity = 70);
}

#main #content .text_home .news_text {
	/*padding: 10px;*/
	width: 195px;
	float: left;
	font-size: 14px;
	padding: 10px 10px 0 10px;
	position: relative;
	font-family: Arial,sans-serif;
	font-weight: normal;
}

#main #content .text_home .news_text p {
	margin: 0 0 15px 0;
}


#main #content #intro {
	font-size: 15px;
	font-weight: bold;
}

#main #content #newsdate {
	margin: 0 0 10px 0;
}

#main #content .bg_pangaea { position:relative; background-image: url(../images/pangaea-bg.jpg); background-repeat: no-repeat; background-position: left top; background-color: #7799B5;}

#main #content .bg_pangaea_home_top { background-image: url(../images/pangaea-bg-home-top.jpg); background-repeat: no-repeat; background-position: left top; background-color: #7799B5;}

#main #content .bg_pangaea_home_gallery { background-image: url(../images/pangaea-bg-home-gallery.jpg); background-repeat: no-repeat; background-color: #7799B5;}

#main #content .bg_pangaea_home_tweet { background-image: url(../images/pangaea-bg-home-tweet.jpg); background-repeat: no-repeat; background-color: #7799B5;}

#main #content .bg_pangaea_home_position { background-image: url(../images/pangaea-bg-home-position.jpg); background-repeat: no-repeat; background-color: #7799B5;}

#main #content #pagecontent { text-align: justify; position:relative; width:100%; }


#main #content ul, #main #content ol { padding:0; margin:0 0 0 2.5em; }

#main #content ul li, #main #content ol li { padding:.3em; }

#main #content ul ul li, #main #content ol ol li { padding:.15em; }

#main #content #introimage { margin: 20px 0 10px 0; }

#main .gallery_wrap { margin: 10px 0 0 0; }
#main .gallery_wrap ul li a.play { background-image: url(../images/sound_play.png); background-repeat: no-repeat; }

#main #content div.inner_gallery {float: left; left: -5000px; position:relative; visibility:hidden;}
#main #content div.inner_gallery ul {height: 90px; width: 490px; padding:0;}
#main #content div.inner_gallery ul li {padding: 0;}
#main div.inner_gallery .showpic {float: left;}

#main .gallery_nav span { float: right; outline: none; cursor: pointer;}
#main .gallery_nav_home span { float: right; outline: none; cursor: pointer;}

#main .homegallery_text {font-size: 14px; right: 0px; top: 10px; width: 240px; position: absolute;}

#main #homebottom {margin: 30px 0 20px 0;}
#main #homeleft {width: 300px; float: left;}
#main #homeright {width: 300px; float: right;}
#main .home-small-block {height: 98px;}

#main .tiny_img {width: 86px; float:left;}
#main .tine_msg {width: 195px; float: left; margin: 10px 0 0 10px;}
#main .yep_home_bottom {font-size: 14px;}

#main #content .rss_feeds {list-style: none; padding: 0; margin:0;}
#main #content .rss_feeds li {margin: 0 0 10px 0;}
#main #content .rss_feeds li a {text-decoration: none;}


#main .position {font-size: 13px; margin: 10px 0 20px 0; }

#main #content .text .schedule {}
#main #content .text .schedule thead {background-color: #fff; color: #023b5c; text-align: left;}
#main #content .text .schedule thead th, #main #content .text .schedule tbody td {padding: 5px 10px 5px 10px;}
#main #content .text .schedule tbody tr.hilight {background-color: #86a3bd;}

#main #content .text #map_canvas {height: 395px;}

#main #content .rss {
	background-image:url(../images/rss_16.png);
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
}

/* YEP DECORATIONS */

#fixed .yep-decoration {z-index: 99; position: absolute;}

#fixed #perso_1_1 { background-image: url(../images/persos1_1.png); width: 86px; height: 182px; margin: -20px 0 0 870px;}
#fixed #perso_1_2 { background-image: url(../images/persos1_2.png); width: 84px; height:106px; margin: 240px 0 0 175px ; }
#fixed #perso_1_3 { background-image: url(../images/persos1_3.png); width: 155px; height:108px; margin: 450px 0 0 890px ; }

#fixed #perso_2_1 { background-image: url(../images/persos2_1.png); width: 72px; height: 106px; margin: 50px 0 0 220px; }
#fixed #perso_2_2 { background-image: url(../images/persos2_2.png); width: 102px; height: 105px; margin: 350px 0 0 840px; }

#fixed #perso_3_1 { background-image: url(../images/persos3_1.png); width: 149px; height: 290px; margin: -22px 0 0 190px; }
#fixed #perso_3_2 { background-image: url(../images/persos3_2.png); width: 66px; height: 123px; margin: -20px 0 0 860px; }

#fixed #perso_4_1 { background-image: url(../images/persos4_1.png); width: 54px; height: 104px; margin: 80px 0 0 208px; }
#fixed #perso_4_2 { background-image: url(../images/persos4_2.png); width: 73px; height: 116px; margin: 50px 0 0 850px; }

#fixed #perso_5_1 { background-image: url(../images/persos5_1.png); width: 137px; height: 73px; margin: 78px 0 0 180px; }
#fixed #perso_5_2 { background-image: url(../images/persos5_2.png); width: 125px; height: 98px; margin: 70px 0 0 830px; }
#fixed #perso_5_3 { background-image: url(../images/persos5_3.png); width: 148px; height: 65px; margin: 800px 0 0 80px; }

#fixed #perso_6_1 { background-image: url(../images/persos6_1.png); width: 105px; height: 104px; margin: 58px 0 0 800px;}
#fixed #perso_6_2 { background-image: url(../images/persos6_2.png); width: 112px; height: 90px; margin: 850px 0 0 140px;  }


/* Forms */

#main #content .site_field {
	border: none;
	background: #2d5e80;
	color: #fff;
	font-size: 11px;
	padding: 2px;
}

#main #content .reg_field {
	border: none;
	background: #2d5e80;
	color: #fff;
	width: 250px;
	font-size: 11px;
	padding: 3px;
}

#main #content .reg_list {
	border: none;
	background: #2d5e80;
	color: #fff;
	width: 250px;
	font-size: 11px;
	padding: 1px;
}

#main #content textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

#main #content .form_button {
	font-weight:bold;
	border:none;
	width:600px;
	text-align:right;
	height:16px;
	padding:0 20px 2px 0;
	float:left;
	cursor:pointer;
	font-family:arial,helvetica,sans-serif;
	color:#1a4f70;
	font-size:12px;
	margin-left:-36px;
}

#main #content .application_button {
	font-weight:bold;
	border:none;
	width:240px;
	text-align:right;
	height:16px;
	padding:0 20px 2px 0;
	cursor:pointer;
	font-family:arial,helvetica,sans-serif;
	color:#1a4f70;
	font-size:12px;
	float: left;
}

#main #content .application_button2 {
	font-weight:bold;
	border:none;
	width:240px;
	text-align:left;
	height:16px;
	padding:0 0px 2px 20px;
	cursor:pointer;
	font-family:arial,helvetica,sans-serif;
	color:#1a4f70;
	font-size:12px;
	float: right;
	margin: 0 20px 0 -5px;
}

#main #content .application_area {
	background-color: #2D5E80;
	color: #fff;
	padding: 3px;
	border: none;
}

#main #content .media_bg {
	background-color: #FF0072;
}

#main #content .yep_bg {
	background-color: #8BE805;
}

#mclogin {padding: 10px;}
#mclogin form {margin: 0; padding: 0;}
#mclogin .mcfield {width: 150px; height: 14px; font-size: 11px; font-family:arial,helvetica,sans-serif; padding:1px 5px;}
#mclogin .bt_login {background:url(../images/login_btn.png); height: 16px; width: 16px; border: none; cursor: pointer;}

#wrapper {width: 400px; }
#mikehornlogo {width: 252px; height:183px; margin: 0 0 0 76px;}
#selection {width: 400px; height: 150px;}
#selection-dialog {width: 212px; height:11px; margin: 100px 0 0 95px;}

#bandwidth {margin: 40px 0 0 0;}
#bandwidth #high {float: left;}
#bandwidth #low {float: right;}


/* IE only */
*:first-child+html #main #content .gallery_nav span.next, *:first-child+html #main #content .text #pagecontent .gallery_nav span.prev {margin: -15px 0 0 0;}

*:first-child+html #main #content .gallery_nav_home span.next, *:first-child+html #main #content .gallery_nav_home span.prev {margin: -15px 0 0 0;}


.centered {	text-align: center; }
.center {margin: 0 auto 0 auto;}
.clear { clear: both; }