@charset "utf-8";
/* CSS Document */

	/*--------- Page Layout ---------*/
	html body{
	margin:5px 0 0 0;
	padding:0;
	background-image:url(../images/background.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
	
	#page-wrapper{
	width:843px;
	height:auto;
	margin:auto;
	}
	
	#top{
	background-image:url(../images/wrap-top.jpg);
	width:843px;
	height:186px;
	}
	
	#top-press{
	background-image:url(../images/top-press.jpg);
	width:843px;
	height:186px;
	}	

	#top-about{
	background-image:url(../images/top-about.jpg);
	width:843px;
	height:186px;
	}	

	#top-events{
	background-image:url(../images/top-events.jpg);
	width:843px;
	height:186px;
	}		
	
	#top-contact{
	background-image:url(../images/top-contact.jpg);
	width:843px;
	height:186px;
	}			
	
	#main-menu{
	background-image:url(../images/wrap-menu.jpg);
	width:843px;
	height:55px;
	}
	
	#body{
	background-image:url(../images/wrap-body.jpg);
	background-repeat:repeat-y;	
	width:843px;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	}

	#body .body-top{
	background-image:url(../images/body-top.jpg);
	width:843px;
	height:auto;
	background-repeat:no-repeat;
	}
	
	
	/*--------- JOB OPPORTUNITY MENU ---------*/
	
	.body-top #job-menu{
	background-image:url(../images/btn-job-opportunity-bg.jpg);
	color:#FFFFFF;	
	margin:0;
	padding:0;
	list-style:none;
	border-top:solid 1px #FFFFFF;
	margin-left:420px;
	width:418px;
	height:23px;
	display:block;
	}
	
	#job-menu li, #job-menu li a{
	float:left;
	color:#FFFFFF;
	display:block;	
	}
	
	#job-menu li a:hover{
	background-position:center;
	}
		
	#job-menu .default{
	background-image:url(../images/btn-job-opportunity-default.jpg);
	width:12px;
	height:23px;
	}

	#job-menu .welcome, #job-menu .welcome a{
	background-image:url(../images/btn-welcome.jpg);
	width:78px;
	height:23px;
	display:block;
	}

	#job-menu .welcome-active{
	background-image:url(../images/btn-welcome.jpg);
	width:78px;
	height:23px;
	display:block;
	background-position:bottom;
	}	

	#job-menu .testimonial, #job-menu .testimonial a{
	background-image:url(../images/btn-testimonial.jpg);
	width:163px;
	height:23px;
	display:block;
	}
	
	#job-menu .testimonial-active{
	background-image:url(../images/btn-testimonial.jpg);
	width:163px;
	height:23px;
	display:block;
	background-position:bottom;
	}	
	
	#job-menu .vacancies, #job-menu .vacancies a{
	background-image:url(../images/btn-job-vacancies.jpg);
	width:100px;
	height:23px;
	display:block;
	}	

	#job-menu .vacancies-active{
	background-image:url(../images/btn-job-vacancies.jpg);
	width:100px;
	height:23px;
	display:block;
	background-position:bottom;
	}	

	#job-menu .joinus, #job-menu .joinus a{
	background-image:url(../images/btn-join.jpg);
	width:61px;
	height:23px;
	display:block;
	}

	#job-menu .joinus-active{
	background-image:url(../images/btn-join.jpg);
	width:61px;
	height:23px;
	display:block;
	background-position:bottom;
	}				
	
	#job-content{
	clear:both;
	padding:0 0 0 5px;
	}
	
	#job-content .welcomeGroup{
	margin:80px 0 0 10px;
	background-image:url(../images/job-welcome-group.jpg);
	width:285px;
	height:224px;
	float:left;
	}
	
	
	#job-content .w{
	color:#FF6600;
	font-size:50px;
	font-family:"Times New Roman", Times, serif;
	}
	#job-content .welcomeText{
	font-size:12px;
	width:470px;
	line-height:20px;
	margin:40px 0 20px 320px;
	}
	
	#job-sub-menu{
	margin:0;
	padding:0;
	list-style:none;
	height:147px;
	display:block;
	}
	
	#job-sub-menu li, #job-sub-menu li a{
	float:left;
	display:block;
	margin:0 2px 0 0;
	}
	
	#job-sub-menu li a:hover{
	background-position:top;
	display:block;
	}
	
	
	#job-sub-menu .testimonial a{
	background-image:url(../images/job-bottom-testimonial.jpg);
	width:188px;
	height:147px;
	background-position:bottom;
	}
	
	#job-sub-menu .vacancies a{
	background-image:url(../images/job-bottom-vacancies.jpg);
	width:164px;
	height:147px;
	background-position:bottom;
	}	
	
	#job-sub-menu .joinus a{
	background-image:url(../images/job-bottom-joinus.jpg);
	width:164px;
	height:147px;
	background-position:bottom;
	}	
	

	/*--------- JOB OPPORTUNITY MENU ---------*/

	
	#bottom{
	background-image:url(../images/wrap-bottom.png);
	width:843px;
	height:87px;
	clear:both;
	}
	
	#bottom .padding{
	padding:30px 0 0 0;
	text-align:center;
	color:#666666;
	line-height:15px;
	}

	#bottom	a{
	text-decoration:none;
	color:#666666;
	}
	
	#bottom	a:hover{
	color:#666666;
	text-decoration:underline
	}
	
	#bottom .counter{
	padding:5px 10px 0 10px;
	background-color:#dcd7a7;
	border:solid 1px #bfb985;
	}
	#bottom .separator{
	margin:5px; 0 0 0;
	}
	
	
	
	
	/*--------- Main Menu Layout ---------*/
	#menu{
	margin:0 5px 0 292px;
	padding:0;
	height:55px;
	background:none;
	list-style:none;
	}
	
	#menu li, #menu li a{
	display:block;
	height:55px;
	float:left;
	margin:0 2px 0 0;	
	}
	
	#menu .btn-home-active{
	background-image:url(../images/btn-home.jpg);
	background-repeat:no-repeat;
	width:47px;
	height:55px;
	background-position:bottom;
	}
		
	#menu .btn-home,#menu .btn-home a{
	background-image:url(../images/btn-home.jpg);
	background-repeat:no-repeat;
	width:47px;
	height:55px;
	}

	#menu .btn-home a:hover{
	background-position:center;
	}

	#menu .btn-press-active{
	background-image:url(../images/btn-press.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:55px;
	background-position:bottom;
	}

	#menu .btn-press-active{
	background-image:url(../images/btn-press.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:55px;
	background-position:bottom;
	}
	
	#menu .btn-press, #menu .btn-press a{
	background-image:url(../images/btn-press.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:55px;
	}
	
	#menu .btn-press a:hover{
	background-position:center;
	}	

	#menu .btn-job-active{
	background-image:url(../images/btn-job.jpg);
	background-repeat:no-repeat;
	width:107px;
	height:55px;
	background-position:bottom;
	}

	#menu .btn-job-active{
	background-image:url(../images/btn-job.jpg);
	background-repeat:no-repeat;
	width:107px;
	height:55px;
	background-position:bottom;
	}
	
	#menu .btn-job, #menu .btn-job a{
	background-image:url(../images/btn-job.jpg);
	background-repeat:no-repeat;
	width:107px;
	height:55px;
	}		

	#menu .btn-job a:hover{
	background-position:center;
	}

	#menu .btn-event-active{
	background-image:url(../images/btn-event.jpg);
	background-repeat:no-repeat;
	width:99px;
	height:55px;
	background-position:bottom;
	}

	#menu .btn-event, #menu .btn-event a{
	background-image:url(../images/btn-event.jpg);
	background-repeat:no-repeat;
	width:99px;
	height:55px;
	}	
	
	#menu .btn-event a:hover{
	background-position:center;
	}
	

	#menu .btn-about-active{
	background-image:url(../images/btn-about.jpg);
	background-repeat:no-repeat;
	width:68px;
	height:55px;
	background-position:bottom;
	}	
	
	
	#menu .btn-about, #menu .btn-about a{
	background-image:url(../images/btn-about.jpg);
	background-repeat:no-repeat;
	width:68px;
	height:55px;
	}

	#menu .btn-about a:hover{
	background-position:center;
	}
	
	#menu .btn-contact-active{
	background-image:url(../images/btn-contact.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:55px;
	background-position:bottom;
	}
	
	#menu .btn-contact, #menu .btn-contact a{
	background-image:url(../images/btn-contact.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:55px;
	}		
	
	#menu .btn-contact a:hover{
	background-position:center;	
	}

	#menu .btn-webmail, #menu .btn-webmail a{
	background-image:url(../images/btn-webmail.jpg);
	background-repeat:no-repeat;
	width:62px;
	height:55px;
	}				
	
	#menu .btn-webmail a:hover{
	background-position:center;
	}


	/*--------- Left Bar Layout ---------*/
	#left{
	width:265px;
	height:auto;
	display:block;
	background-color:#999999;
	float:left;
	margin:100px 0 0 10px;
	}
	
	#left .top{
	background-image:url(../images/bar-left-top.jpg);
	width:265px;
	height:14px;
	}
	
	#left .body{
	background-image:url(../images/bar-left-body.jpg);
	width:265px;
	height:auto;
	}
	
	#left .padding{
	padding:0 10px 0 15px;
	}

	#left .bottom{
	background-image:url(../images/bar-left-bottom.jpg);
	width:265px;
	height:12px;;
	}
	
	#left .h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#990000;
	padding:0 0 10px 0;
	}	
	
	#left .date{
	font-size:11px;
	color:#333333;
	}
	
	#left .title{
	font-weight:bold;
	margin:0 0 10px 0;
	color:#333333;
	text-decoration:underline;
	}
	
	#left .title a{
	text-decoration:underline;
	}	
	
	
	#left .separator{
	border-bottom:1px solid #e4e1bb;
	margin:15px 0 20px 0;
	}	
	
	#left .comments{
	text-align:left;
	}
	
	#left .full-info, #left .full-info a{
	font-size:10;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}
	
	#left .full-info a:hover{
	text-decoration:underline;
	}
	
	#left .seeMorePress a{
	text-decoration:none;
	color:#000000;
	}

	#left .seeMorePress a:hover{
	text-decoration:none;
	color:#990000;
	}	
	
	#left .yearArchive a{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}
	
	#left .yearArchive a:hover{
	text-decoration:underline;
	color:#000000;
	}	
	
	#left .promo-image{
	border:solid 1px #666666;
	padding:1px;
	}
	
	/*--------- Right Bar Layout ---------*/
	#right{
	width:520px;
	height:auto;
	display:block;
	margin:0 0 0 290px;
	border:solid 0px;
	}
	
	#right #details{
	height:auto;
	margin:0 0 20px 0;
	}	
	
	#right a{
	text-decoration:none;
	color:#0000FF;
	}
	#right .padding{
	padding:25px 5px 5px 5px;	
	}
	
	#right .date{
	font-size:11px;
	color:#990000;
	}
	
	#right .title{
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px 0;
	text-decoration:underline;
	color:#333333;
	}
	
	#right .content{
	font-size:12px;
	margin:0 0 10px 0;
	text-align:left;
	line-height:20px;
	overflow:hidden;
	}
	
	#right .caption{
	font-weight:normal;
	}
	
	#right .image-wrap{
	border:solid 1px #000000;
	background:#000000;
	margin:0 10px 3px 0;
	float:left;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	}	
	
	#right .zoom a{
	text-decoration:none;
	color:#FFFFFF;
	}

	#right .zoom a:hover{
	color:#FFCC33;;
	}
	
	#right .read-more a{
	text-decoration:none;
	color:#000000;
	}
	
	#right .read-more a:hover{
	color:#990000	
	}	
		
	#right .promo-image{
	width:110px;
	padding:2px;
	color:#000000;
	text-align:center;
	border:solid 1px #999999;
	margin:0 0 20px 0;
	}	
	
	#right .promo-zoom{
	background:#000000;
	color:#FFFFFF;
	margin:1px 0 0 0;
	padding:4px 0 2px 0;
	}
	
	#right .promo-zoom a{
	text-decoration:none;
	color:#FFFFFF;
	}

	#right .promo-zoom a:hover{
	text-decoration:none;
	color:#FFCC00;
	}
	
	#right .nccc-list a{
	text-decoration:none;
	color:#000000;
	}
	
	#right .back a{
	font-size:11px;
	color:#0000FF;
	text-decoration:none;
	}	

	#right .back a:hover{
	text-decoration:underline;
	}	
	/*--------- PRESS RELEASE CSS ---------*/

	#archive .h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#990000;
	padding:0 0 10px 0;	
	}
	
	#archive .padding{
	padding:25px 5px 5px 5px;	
	}
	
	#archive .date{
	font-size:11px;
	color:#666666;
	}
	
	#archive .title a{
	font-weight:bold;
	font-size:11px;
	color:#333333;
	margin:0 0 10px 0;
	text-decoration:none;
	}
	
	#archive .content{
	font-size:13px;
	margin:0 0 10px 0;
	text-align:left;
	line-height:20px;
	}
	
	#archive .read, #archive .read a{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}	
	
	#archive .read a:hover{
	text-decoration:underline;
	}
	
	#archive .paging{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	}
	
	#archive .paging a{
	text-decoration:underline;
	color:#0000FF;
	font-weight:bold;
	}

	#archive .paging a:hover{
	text-decoration:underline;
	color:#FF0000;
	}

	/*--------- ABOUT  US  CSS ---------*/
	#about-content{
	font-size:12px;
	line-height:22px;
	margin:30px 0 0 0;
	text-align:justify;
	}
	
	#about-content .image{
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #c5bd74;
	}
	
	#about-content .h1{
	font-size:25px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	
	
	/*--------- CONTACT US  CSS ---------*/
	#contact-content{
	font-size:12px;
	line-height:18px;
	margin:80px 0 0 -250px;
	text-align:justify;
	}
	
	#contact-content .image{
	float:left;
	margin:0 10px 10px 0;
	border:solid 1px #c5bd74;
	}
	
	#contact-content .h1{
	font-weight:bold;
	color:#800000;
	}

	#contact-content .h2{
	
	color:#990000;
	}	
	
	/*--------- EVENTS  CSS ---------*/
	#events-content{
	line-height:18px;
	}
	
	#events-content .h1{
	font-weight:bold;
	color:#990000;
	}
	
	#events-content .h2{
	color:#990000;
	}
	
	#events-content .h3{
	color:#333333;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}	

	#events-content .h4 a{
	color:#000000;
	text-decoration:none;
	}		

	#events-content .h4 a:hover{
	text-decoration:underline;
	}	
		
	
	/*--------- JOB OPPORTUNITIES PAGES ---------*/
	
	#job-content #testimonial{
	margin:0;
	padding:0;
	}
	
	#testimonial .collage{
	background-image:url(../images/handwriten.jpg);
	width:580px;
	height:120px;
	margin:0 0 0 258px;
	}
	
	#testimonial #message{
	margin:20px 0 0 40px;
	width:650px;
	border:solid 0px #CCCCCC;
	font-size:12px;
	line-height:18px;
	}
	
	#testimonial #message .photo{
	margin:0;
	float:left;
	border:solid 0px #CCCCCC;
	}

	#testimonial #message .testi{
	margin:0 0 10px 115px;
	}
	
	#testimonial #message .separator{
	border-bottom:dotted 1px #CCCCCC;
	}
	
	#testimonial #message .name{
	font-weight:bold;
	color:#333333;
	}

	#testimonial #message .position{
	font-style:italic;
	color:#999999;
	}

	#testimonial #message .full-english{
	font-size:11px;
	font-style:italic;
	color:#0000FF;
	text-align:none;
	text-decoration:none;
	}
	
	#testimonial #message .full-english a{
	color:#0000FF;
	}	

	#testimonial #message .full-english a:hover #box{
	border:solid 1px #FF0000;
	width:100px;
	height:100px;
	margin:0 0 0 100px;
	}

	#testimonial .pages{
	margin:10px 0 0 40px;
	}	
	
	#job-content  #jobs{
	margin:0;
	padding:0;
	}
	
	#jobs .collage{
	background-image:url(../images/job_collage.jpg);
	width:580px;
	height:174px;
	margin:10px 0 0 258px;
	}	
	
	#jobs #message{
	margin:20px 0 0 40px;
	width:650px;
	border:solid 0px #CCCCCC;
	font-size:12px;
	line-height:20px;
	}
	
	#jobs #message .content{
	color:#333333;
	font-size:12px;
	}	
	
	#jobs #message .nbu{
	font-weight:bold;
	font-size:13px;
	color:#acaa17;
	}
	
	#jobs #message .job-link{
	font-size:11px;
	color:#0000FF;
	}
	
	#jobs #message .job-link a{	
	font-size:11px;
	text-decoration:none;
	color:#0000FF;
	}	
	
	#jobs #message .job-link a:hover{
	text-decoration:underline;
	}
	
	#jobs #message .separator{
	border-bottom:dotted 1px #CCCCCC;
	margin:5px 0 20px 0;
	}
	
	#job-content #join{
	margin:0 0 0 0;
	line-height:20px;
	}
	
	#join #message{
	margin:70px 0 0 50px;
	list-style:none;
	height:200px;
	}
	
	#join #message .h1{
	font-size:25px;
	color:#FF3300;
	font-family:"Times New Roman", Times, serif;
	}
	
	#join #message .h2{
	font-size:12px;
	line-height:20px;
	}
	
	#join #message li{
	float:left;
	margin:0 10px 0 0;
	}
	
	#join #message .select{
	border:solid 1px #999999;
	padding:2px;
	margin:10px 0 0 0;
	}
	
	#join #message .go{
	border:solid 1px #999999;
	padding:2px;
	background:#FFFFFF;
	}
	
	#job-content #result{
	margin:auto;
	margin-top:100px;
	width:700px;
	line-height:18px;
	}
	
	#result .select{
	border:solid 1px #999999;
	padding:2px;
	margin:10px 0 0 0;
	}
	
	#result .go{
	border:solid 1px #999999;
	padding:2px;
	background:#FFFFFF;
	}
	
	#result .table{
	background-image:url(../images/result-bg.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	width:700px;
	background:#FFFFFF;	
	
	}
	
	#result .table td{
	padding:5px 0 5px 10px;
	border-bottom:solid 1px #ebebeb;
	}	
	
	#result .hr{
	border-top:solid 1px #ebebeb;
	margin:10px 0 2px 0;	
	}	
	
	#result .title{
	font-weight:bold;
	color:#0000CC;
	margin:10px 0 0 0;
	}	
	
	#result td a{
	text-decoration:none;
	color:#0000FF;
	}
	
	#result td a:hover{
	text-decoration:underline;
	}
	
	#result td ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	}
	
	#result #email{
	width:500px;
	margin:10px 0 10px 0;
	line-height:18px;
	}
	
	#result #paging{
	color:#000000;
	}
	
	#result #paging a{
	color:#0000FF;
	text-decoration:underline;
	font-weight:bold;
	}
	
	#result a{
	text-decoration:none;
	color:#0000FF;
	}
	
	#result a:hover{
	text-decoration:underline;
	}