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

body {
	font-size:76.1%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	}

* {margin:0;padding:0;}

.clear {clear:both;}

/* green #007550 lightgreen #479b81
/* red #d94040 lightred #e25e73
/* blue #183c8e lightblue #c2d8ee
/* orange #f26522 lightorange #f69060


/*=================== Text Styles ===================*/

h1 {font-size:2em;font-weight:normal;margin:0 0 0.5em 0;color:#007550;} /* Change colour for section */
h2 {font-size:1.5em;font-weight:normal;margin:0 0 0.5em 0;} 
h3 {font-size:1.5em;font-weight:normal;margin:0 0 0.5em 0;color:#007550;} /* Change colour for section */
h4 {font-size:1.25em;font-weight:normal;margin:0 0 0.5em 0;} 
h5 {font-size:1em;font-weight:bold;margin:0 0 0.5em 0;}
h6 {font-size:0.85em;font-weight:bold;margin:0 0 0.5em 0;} 

p, table {margin:0 0 1em 0;font-size:1em;line-height:120%;}
.contenttable table {width:100%}
.contenttable td, .contenttable th {width:25%;}

blockquote {
	font-style:italic;
	font-size:1em;
	padding-bottom:1.5em;
	}
	
#middlecol ul {
	margin-left:30px;
	margin-bottom:14px;
	}
#middlecol li {
	margin:3px 0px;
	}
	
a, a:link {
	color:#007550; /* Change colour for section */
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
	

/*=================== Layout Elements ================*/

#container {
	margin:0 auto;
	text-align:left;
	width:940px;
	}

#header {
	display:block;
	width:940px;
	margin:12px 0px;
	}

.logo {
	float:left;
	display:inline;
	}
	
#globalnav {
	float:right;
	display:inline;
	font-size:0.9em;
	}
	
#topnav {
	font-size:1.2em;
	background:url(../images/topnav_green.gif) repeat-x top; /* Change image for section */
	display:block;
	height:28px;
	margin-bottom:4px;
	}
	
#main {}

#banner {
	display:block;
	margin-bottom:4px;
	color:#FFFFFF;
	font-size:2em;
	font-weight:normal;
	height:165px;
}

#ownbanner {
	background:url(../../../mpigroup-content/banners/banner_education.gif) no-repeat;
	height:165px;
	width:940px;
        margin-bottom:4px;
}

.bannertext {
	width:350px;
	padding:10px 7px;
	}
	
#newsblock {
	display:block;
	border-top:1px solid #CCCCCC;
	padding:10px 0px 12px 0px;
	margin-top:12px;
	}
	
	#newsblock a, #newsblock a:link {
		color:#007550; /* Change colour for section */
		text-decoration:none;
		background:url(../images/green_arrow.gif) no-repeat right;
		padding-right:14px;
		line-height:2em;
		}
		
	.date {
		font-size:0.9em;
		font-weight:bold;
		color:#333333;
		}
	
	.newscol {
		display:inline;
		float:left;
		width:210px;
		margin-right:25px;
		}
	
#footer_container {
	background:url(../images/footer_bg.gif) repeat-x top;
	text-align:center;
	display:block;
	height:150px;
	margin-top:12px;
	}

#footer {
	width:940px;
	text-align:left;
	font-size:0.9em;
	margin:0 auto;
	padding-top:15px;
	}
	
/*====== Home Page Layout ======*/

#slideshow {
	float:left;
	display:inline;
	width:467px;
	height:159px;
	background: url(../images/slideshow.jpg) left no-repeat;
	margin-right:5px;
	margin-bottom:5px;
	}
	
	

#about {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	background: url(../images/about_mpi_link.jpg) left no-repeat;
	margin-right:5px;
	margin-bottom:5px;
	}
	
	#about:hover {
		background-position: -231px;
		}

#news {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	background: url(../images/news_link.jpg) left no-repeat;
	margin-bottom:5px;
	}
	
	#news:hover {
		background-position: -231px;
		}

#publishing {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	background: url(../images/publishing_link.jpg) left no-repeat;
	margin-right:5px;
	}
	
	#publishing:hover {
		background-position: -231px;
		}

#events {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	background: url(../images/events_link.jpg) left no-repeat;
	margin-right:5px;
	}
	
	#events:hover {
		background-position: -231px;
		}

#education-training {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	background: url(../images/education_training_link.jpg) left no-repeat;
	
	}
	
	#education-training:hover {
		background-position: -231px;
		}

#marketing-sales {
	float:left;
	display:inline;
	width:231px;
	height:159px;
	margin-right:5px;
	background: url(../images/marketing_sales_link.jpg) left no-repeat;
	}
	
	#marketing-sales:hover {
		background-position: -231px;
		}

#mpi-news {
	float:left;
	display:inline;
	width:450px;
	margin-left:20px;
	margin-top:20px;
	}
	
	.homenewscol {
		display:inline;
		float:left;
		width:210px;
		margin-right:25px;
		}

#mpi-content {
	float:left;
	display:inline;
	width:430px;
	margin-top:20px;
	border-right:1px solid #EFEFEF;
	padding-right:20px;
	}
	
	#mpi-content h1 {color:#183c8e;}
	
	#mpi-content a, #mpi-content a:link {color:#183c8e;text-decoration:none;}
	
	#mpi-content a:hover {text-decoration:underline;}

/*====== Section Home Layout ======*/

#homecols {
	display:block;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:12px;
	padding-bottom:12px;
	}

#homecols .col {
		display:inline;
		float:left;
		width:225px;
		margin-right:13px;
		}
#homecols .col-header {
	display:block;
	background:url(../images/topnav_green.gif) top repeat-x #007550; /* Change colour for section */
	color:#FFFFFF;
	padding:6px;
	text-decoration:none;
	font-size:1.15em;
	margin-bottom:4px;
	}
	
#homecols .col-header a, #homecols .col-header a:link {color:#FFFFFF;text-decoration:none;}
	
#homecols p.bodytext {
        display:inline;
        margin:0;
        }

#homecols img {
	border:0;
	margin-bottom:8px;
	}

#homecols .col-text {}

#homecols a.bodytext , #homecols a.bodytext:link {
		color:#007550; /* Change colour for section */
		text-decoration:none;
		padding-right:14px;
		}
		
		
#middlecol .colbox2, #middlecol .colbox3, #middlecol .magcol2 {
	display:block;
	}
	
#middlecol .magcol2_left {
	float:left;
	display:inline;
	width:285px;
	margin-right:15px;
	}
	
#middlecol .magcol2_right {
	float:left;
	display:inline;
	width:215px;
	padding:10px;
	background-color:#F1F1F1;
	}

#middlecol .col2 {
	float:left;
	display:inline;
	width:48%;
	margin-right:3%;
	}

#middlecol .col3 {
	float:left;
	display:inline;
	width:29%;
	margin-right:5%
	}	
	
.pheight {
    margin: 0;
    padding: 0;
    height: 16px;
}	
		
/*====== Sub Page Layout ======*/
	
#leftcol {
	float:left;
	display:inline;
	width:175px;
	}
	
#middlecol {
	float:left;
	display:inline;
	width:535px;
	margin:12px 25px;
	}
	
#rightcol {
	float:left;
	display:inline;
	width:180px;
	padding-top:2px;
	}		


/*=================== Call to action styles ================*/
	
#rightcol .rightsilo {
	margin-bottom:10px;
	}

#rightcol img {border:0;}	

#rightcol .rightsilo span {
	display:block;
	background:url(../images/topnav_green.gif) bottom repeat-x #479b81; /* Change colour for section */
	color:#FFFFFF;
	padding:6px;
	text-decoration:none;
	font-size:1.15em;
	}
	
#rightcol a, #rightcol a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

/*=================== Navigation styles ================*/

/*=================== Global Nav Styles ================*/
	
#globalnav a, #globalnav a:link {
	text-decoration:none;
	color:#666666;
	padding:3px 5px;
	display:block;
	}
#globalnav a:hover, #globalnav a.act {
	background-color:#007550; /* Change colour for section */
	color:#FFFFFF;
	}

#globalnav ul {
	display:inline;
	}
	
#globalnav li {
	display:inline;
	float:left;
	list-style-type:none;
	padding:0 1px;
	}
		
/*=================== Top Nav Styles ================*/

#topnav a, #topnav a:link {
	text-decoration:none;
	color:#DEDEDE;
	padding:8px;
	}
#topnav a:hover, #topnav a.act {
	color:#FFFFFF;
	}

#topnav ul {
	display:block;
	line-height:2em;
	}
	
#topnav li {
	display:inline;
	float:left;
	list-style-type:none;
	}
	
/*=================== Left Nav Styles ================*/


#leftnav a, #leftnav a:link {
	display:block;
	padding:6px;
	color:#333333;
	text-decoration:none;
	}

#leftnav a:hover, #leftnav a.act {
	background:url(../images/topnav_green.gif) repeat-x top #007550; /* Change colour for section */
	color:#FFFFFF;
	}

#leftnav ul {
	display:block;
	list-style-type:none;
	}
	
	#leftnav ul ul{
	display:block;
	list-style-type:none;
	font-size:0.9em;
	}

#leftnav li {
	border-top:2px solid #FFFFFF;
        background-color:#CFCFCF;
	}
	

	
	#leftnav li li a, #leftnav li li a:link {
		background-color:#479b81; /* Change colour for section */
		color:#FFFFFF;
		padding-left:25px;
		}
			
	#leftnav li li a:hover, #leftnav li li a.act, #leftnav ul ul li a:hover, #leftnav ul ul li a.act {
		background:url(../images/topnav_green.gif) repeat-x top #479b81; /* Change colour for section */
		color:#FFF;
		}

	#leftnav ul ul li a, #leftnav ul ul li a:link {
		background-color:#EFEFEF; /* Change colour for section */
		color:#333;
		padding:5px 0px 5px 20px;
		}

		
/*=================== Footer Nav Styles ================*/
	
#footer a, #footer a:link {
	text-decoration:none;
	color:#666666;
	}
#footer a:hover {
	text-decoration:underline;
	}

#footer ul {
	}
	
#footer li {
	display:inline;
	float:left;
	list-style-type:none;
	padding-right:7px;
	}
	


/*==================== Student Login =======================*/
#leftcol .tx-felogin-pi1 {background-color:#5A74AE;padding:5px;color:#FFFFFF;}
#leftcol .tx-felogin-pi1 h3 {color:#FFFFFF;}

#leftcol .tx-felogin-pi1 fieldset {border:0;}
#leftcol .tx-felogin-pi1 legend {visibility:hidden;}

#middlecol .tx-felogin-pi1 fieldset {border:0;padding:0px 10px;margin-bottom:10px;background-color:#F4F4F4;display:inline;}
#middlecol .tx-felogin-pi1 legend {visibility:hidden;}

/*================== tt_news styling ====================*/

.news-list-container {margin-top:20px;}
.news-list-date {font-size:0.9em;font-weight:bold;color:#333333;}
.news-list-item {margin-bottom:12px;}
.news-list-item h3 {margin:0;display:block;}
.news-list-item img {}
.news-list-item p {display:inline;}
.news-list-more link{}


/*================== Typo3 form ==================*/
fieldset {border:none;}
.csc-mailform-field {text-align:left;}
.csc-mailform-submit {text-align:left;margin-left:180px}
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 select {text-align:left;margin-left:15px;}
label {float:left; width:150px; text-align:right;margin-right:4px;}
input, textarea, select {margin-bottom:4px;}


/*================== Wise_dir Yards and Agents Directory ==================*/

.chooser, .countries {padding-bottom:10px;}

.yardDetails {}

.addressDetails {float:left;display:inline;width:48%;}

.yardLogo {margin-left:2%;float:right;display:inline;width:48%;}

.r1, .tr-even {background-color:#EFEFEF;}

.personnelList table, .facilityDetails table, .yardList table {border:0;}
.personnelList tr, .facilityDetails tr, .yardList tr, tr {text-align:left;}
.personnelList td, .facilityDetails td, .yardList td, td {padding:1px 3px;}
.personnelList th, .facilityDetails th, .yardList th, th {background-color:#CFCFCF;color:#333333;padding:1px 3px;}

#listChooser { float:right; font-size:1em; padding:4px; background-color:#CFCFCF; color:#FFFFFF; }



/*=================== wt directory - Fish net ============================*/

.wt_browser ul li {margin:0:padding:0;text-align:left;list-style-type:none;display:inline;}
.wt_browser ul {margin-left:-30px;margin-bottom:-15px;}
.wt_browser li {padding:0 4px;}
.wtdirectory_pagebrowser {}
h2.wtdirectory {font-size:1em;font-weight:normal;margin:0;padding:0;}
.wtdirectory_filter {margin-bottom:10px;}