@charset "utf-8";
/* CSS Document */
body {
font-size:0.8em;
font-family:Arial,Verdana,  Helvetica, sans-serif;
color:#fff;
margin:0 auto;
padding:0;
background:#dad9d1 url(../images/bg_page.gif) repeat-x 0 0;
text-align:center;
}

img {border:0;}
.clear {clear:both; padding: 0px; float: none; margin: 0px; height: 0px; overflow: hidden;}
a, a:link, a:visited, a:active {color:#fff; text-decoration:none;}
a:hover {color:#ccc;}
h1, h2{font-weight:lighter; margin: 5px 0 5px 0;}
h1 {font-size:18px;}
h3 {font-size:17px; margin: 2px 0 10px 0;font-weight:bold;color:#b49859; font-style:italic;}
p {margin:7px 0 15px 0;}
.nborder {border:none;}

#page {
	width:974px; 
	margin:0 auto; 
	position:relative;
	padding:0; 
	text-align:left;
	clear:left;
	background:transparent url(../images/bg_main.gif) repeat-y 0 0;
}

#header, #navigation,#showcase, #main, #footer{float:left; width:974px; margin:0; padding:0;}
#header {height:120px; background:transparent url(../images/bg_header.jpg) no-repeat 0 0;}

div#header .rightsect {float:right; height:23px; width:375px; font-size:11px;}
 .rightsect ul {float:right; padding:0; margin:0; list-style-type: none;}
 .rightsect li {float:left; margin:1px 0 0 0; padding:0; width:123px; text-align:center; border-left: 1px solid #fff;}
 .rightsect a:link, .rightsect a:visited, .rightsect a:active {display:block; padding:0; color:#fff; text-decoration:none;}
 .rightsect a:hover, .rightsect .navon {padding:0; color:#9896a3; text-decoration:none;}

	#header h1#logo_msp {float:left; background: transparent url(../images/logo_msp.gif) no-repeat top left;}
	#header h1#logo_msp, #header h1#logo_msp a {width:354px; height:74px; margin:20px 0 0 25px;}
	
	#header h1#logo_msp a, h2#welcome, h2#sidenews, h2#newsletter, h2#vision, h2#services, h2#background,
	h2#personnel, h2#showcase, h2#video, h2#news, h2#employment, h2#contact, h2#links, h2#privacy, h2#terms, h2#sitemap, h2#accessibility, h2#thankyou,
	h2#sideexhibition a
	{
	margin:0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	}	

#navigation {height:39px; background-color:#1b1434; font-size:11px;}
	#navigation ul {margin:0;padding:0;width:974px;right:0; }
	#navigation li {display:inline; margin:0; padding:0; float:left;}
	#navigation ul a, #navigation span {display:block;text-indent:8px; padding-top:17px; overflow:hidden; height:22px;}
	
	#navigation a.vision {width:120px; background:transparent url(../images/navigation.gif) no-repeat 0 0;}
	#navigation a.services {width:120px; background:transparent url(../images/navigation.gif) no-repeat -120px 0;}	
	#navigation a.background {width:120px; background:transparent url(../images/navigation.gif) no-repeat -240px 0;}	
	#navigation a.keyperson {width:120px; background:transparent url(../images/navigation.gif) no-repeat -360px 0;}	
	#navigation a.showcase {width:120px; background:transparent url(../images/navigation.gif) no-repeat -480px 0;}	
	#navigation a.video {width:120px; background:transparent url(../images/navigation.gif) no-repeat -600px 0;}	
	#navigation a.news {width:120px; background:transparent url(../images/navigation.gif) no-repeat -720px 0;}	
	#navigation a.employment {width:134px; background:transparent url(../images/navigation.gif) no-repeat -840px 0;}	

	#navigation a.vision:hover, #navigation span.vision {background: transparent url(../images/navigation.gif) no-repeat 0 -39px;}
	#navigation a.services:hover, #navigation span.services {background: transparent url(../images/navigation.gif) no-repeat -120px -39px;}	
	#navigation a.background:hover, #navigation span.background {background:transparent url(../images/navigation.gif) no-repeat -240px -39px;;}	
	#navigation a.keyperson:hover, #navigation span.keyperson {background:transparent url(../images/navigation.gif) no-repeat -360px -39px;;}	
	#navigation a.showcase:hover, #navigation span.showcase {background:transparent url(../images/navigation.gif) no-repeat -480px -39px;;}	
	#navigation a.video:hover, #navigation span.video {background:transparent url(../images/navigation.gif) no-repeat -600px -39px;;}	
	#navigation a.news:hover, #navigation span.news {background:transparent url(../images/navigation.gif) no-repeat -720px -39px;;}	
	#navigation a.employment:hover, #navigation span.employment {background:transparent url(../images/navigation.gif) no-repeat -840px -39px;;}	


	#navigation span.vision,#navigation span.services, #navigation span.background, #navigation span.keyperson, #navigation span.showcase,
	#navigation span.video, #navigation span.news {width:120px;color:#ccc;}
	#navigation span.employment	{width::134px;color:#ccc;}

#showcase {float:left; height:250px; background-color:#9896a3;}
.flashshow {z-index:0; position:relative;}
.newsletter {z-index:1; position:relative; float:right; width:374px; height:103px; top:-103px; background-color:#9896a3; }
 .newsletter form {float:left; padding:5px 20px; margin:0; font-size:11px;}
 .newsletter label {float:left; width:10px;}
 	.newsletter .col {float:left; width:142px;}
	.newsletter .button {float:left; width:49px; margin-top:12px;}

#main {background:transparent url(../images/bg_2col.jpg) no-repeat 0 0;}
	.leftcol {float:left; width:600px;}
	.rightcol {float:left; width:374px;}
	.text {padding:20px;}
		h2#welcome {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_welcome.gif) no-repeat 0 0;}
		h2#sidenews {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_sidenews.gif) no-repeat 0 0;}
		h2#newsletter {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_newsletter.gif) no-repeat 0 0;}
		h2#vision {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_vision.gif) no-repeat 0 0;}
		h2#services {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_services.gif) no-repeat 0 0;}
		h2#background {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_background.gif) no-repeat 0 0;}
		h2#personnel {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_personnel.gif) no-repeat 0 0;}
		h2#showcase {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_showcase.gif) no-repeat 0 0;}
		h2#video {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_video.gif) no-repeat 0 0;}
		h2#news {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_news.gif) no-repeat 0 0;}
		h2#employment {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_employment.gif) no-repeat 0 0;}
		h2#contact {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_contact.gif) no-repeat 0 0;}
		h2#links {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_links.gif) no-repeat 0 0;}
		h2#privacy {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_privacy.gif) no-repeat 0 0;}
		h2#terms {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_terms.gif) no-repeat 0 0;}
		h2#sitemap {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_sitemap.gif) no-repeat 0 0;}
		h2#accessibility {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_accessibility.gif) no-repeat 0 0;}
		h2#thankyou {width:280px; height:25px; margin:10px 0 0 0; background: transparent url(../images/title_thankyou.gif) no-repeat 0 0;}

		h2#sideexhibition, h2#sideexhibition a {width:374px; height:70px; margin:0 0 20px 0; background: transparent url(../images/bn_exhibition.jpg) no-repeat 0 0;}


	.leftcol ul {padding:0; margin:15px 25px; list-style-type: none;}
	/*.leftcol li {background:transparent url(../images/bul_grey.gif) no-repeat 0 5px;}*/
	.leftcol li {list-style-image: url(../images/bul_grey.gif);}
	.leftcol li ul {margin-top:5px;}
	.leftcol a:link, .leftcol a:visited, .leftcol a:active{color:#b49859;}
	.leftcol a:hover {color:#ccc;}
	.leftcol td {vertical-align:top;}
	
	.newslisting {float:left; margin:0; padding:10px 5px 10px 20px; font-size:11px;}
	.newslisting ul {list-style:none; margin:0;}
	.newslisting li, .newslisting ul li a{float:left; width:340px; height:65px; display:block;}
	.newslisting li a{float:left;text-decoration:none; width:340px;}
	.newslisting li a span{float:left; height:50px; width:105px; margin:0;}
	.newslisting li a span img, .picborder {border: 5px solid #fff;}
	.newslisting li a:hover{background:#302a48;color:#ccc;}
	.newslisting strong {color:#acacac; font-weight:bold;}

#longtext {
	width:540px; 
	height:320px;
	font-size:87%; 
	padding:5px;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-face-color: #150a38;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #150a38;
	scrollbar-shadow-color: #150a38;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #150a38;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #433e69;
}

#footer {height:12px; background:transparent url(../images/bg_footer.gif) no-repeat 0 bottom;}
#footerinfo {
	width:100%;
	height:70px;
	clear:both;
	color:#585858;
	font-size:10px;
	position:relative;
	background-color:#dad9d1;
	}
#copyright {float:left; width:400px; padding:2px;}
#footernav {float:right; width:400px; color:#fff; padding:0;}
#footernav ul {float:right; padding:0; margin:0; padding-top:2px; list-style-type:none;}
#footernav li {float:left; margin:0; padding:0 10px; border-left:1px solid #585858;}
#footernav a:link, #footernav a:visited, #footernav a:active {display:block;color:#585858; text-decoration:none;}
#footernav a:hover {color:#b49859;}

#hidden { margin-left:-9999px; height:0px;}

input,textarea,select,option {padding:2px; border:0px; border:#ccc 1px solid; font-size:11px; color:#000; font-family:Verdana, Arial, Helvetica;}
label {float:left; width: 200px;}
.special {
width:0px;
display:none;
height:1px;
}