/* ------------- MATERDEI.IE | 07/04/2009 | by Julien ------------- */

/******************************************
**** GLOBALS ***
******************************************/
html, body {
	height: 100%;
	margin: 0px;
	text-align: center; /* hack for IE */
	}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #CDE8F9;
	font-size: 12px;
	/* text-align: justify; */
	/* color: #004784; */
	color: #273840;
	}

.spacer {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
}

.top {
	margin-top: 0px;
}

h1 {
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	}

h2 {
	margin: 20px 0px 5px 0px;
	padding: 0;
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: left;
	}

h4 {
	margin:0;
	padding:0;
	font-size: 19px;
	font-family: Arial,Helvetica,sans-serif;
	padding-top: 5px;
	padding-bottom: 4px;
	}

h5 {
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #F0F0F0;
	}

h6 {
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	padding-top: 5px;
	padding-bottom: 4px;
	}

p, ol, ul {
	margin-top: 0px;
	text-align: left;
	}

p, li {
	text-align: justify;
	}

a:link {
	color: #004784;
	}

a:hover {
	text-decoration: none;
	}

a:visited {
	color: #004784;
	text-decoration: none;
	}

a.more {
	white-space: nowrap; 
	padding: 0px 10px 0px 0px;
	margin: 0px;
	background: url(http://www.materdei.ie/images/morearrow.png) no-repeat 100% 50%; 
	}


#loginfirst { /* alumni (a supprimer, remplacer par le style suivant important_notice{} */
	width: 300px;
	margin: 0px 0px 0px 20px;
	background: #F0F0F0;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px #00285A solid;
	}

.important_notice {
	width: 665px;
	margin: 20px 0px 20px 0px;
	background: #FF4040;
	padding: 10px;
	border: 1px #00285A solid;
	color: #000000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	}


.list_bottom_spaced {
	margin-bottom: 20px;
	}


/******************************************
**** PICTURES ***
******************************************/

.imgstaff {
	float: right;
	padding: 3px;
	border: 1px solid #778899;
	margin: 5px 10px 5px 10px;
	}

.imgtext {
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center
	}

.img_center {
	padding: 3px;
	border: 1px solid #778899;
	margin: 5px 10px 5px 10px;
}

.img1,
.img_left { /* img_left must replace .img1 */
	float: left;
	padding: 3px;
	border: 1px solid #778899;
	margin: 5px 10px 5px 0px;
	}

.img2,
.img_right { /* img_right must replace .img1 */
	float: right;
	padding: 3px;
	border: 1px solid #778899;
	margin: 5px 0px 5px 10px;
	}

.imgpagetop {
	margin: 0px 1px 0px 2px;
	border: 2px solid #369;
	}

.imgthumbnail {
	float: left;
	margin: 0px 10px 25px 2px;
	border: 2px solid #369;
	}

.imgfrontnews {
	margin: 0px 10px 10px 25px;
	border: 2px solid #369;
	}

.validcss {
	float: right;
	margin: 5px 5px 15px 15px;
	}

.validw3c {
	float: left;
	margin: 4px 15px 0px 0px;
	}
	

.othercollegeslogos {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
	}

.google_map {
	width: 665px; 
	height: 300px; 
	padding: 3px;
	border: 1px solid #778899;
	margin: 0px 0px 15px 0px;
	}

.flag {
	border: 1px solid #000000;
	}


/******************************************
 *** LINES ***
******************************************/
.hr1 {
	clear: both;
	margin-top: 0px;
	margin-bottom: 5px;
	border: 1px dashed #608B9F;
	}

.hr1 hr {
	display: none;
	}

.hr2 {
	clear: both;
	margin-top: 10px;
	border: 1px dashed #F0F0F0;
	}

.hr2 hr {
	display: none;
	}

.hr3 {
	clear: both;
	margin-top: 0px;
	border: 0px;
	}

.hr3 hr {
	display: none;
	}




/******************************************
 *** TABLES ***
******************************************/
td {
	vertical-align: top;
	}

th {
	text-align: left; 
	}

tr.activerow:hover {
	background-color: #e1eafe;
	}

.headercells {
	background-color: #F0F0F0;
	}




/******************************************
 *** CONTENT ***
******************************************/

/*
colors
	#76527f
	#99bad9
	#7184ad
	#7fab49
	#8cbfac
*/


/****** HOMEPAGE */

	h2.home_title {
		margin-top: 20px;
		margin-bottom: 5px;
		color: #378CE6;
	}

	h2.top {
		margin: 0px 0px 0px 0px;
		color: #378CE6;
	}
	.home_title .categories {
		font-size: 10px;
	}

	#home_leftcolumn {
		float: left;
		width: 180px !important;  /* firefox */
		width: 176px;  /* ie */
		/* height: see below */
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 20px 0px;
		border-right: 2px solid #CCCCCC;
		background-color: #FFFFFF; 
		}
		#ug_prospectus_img {
			margin-top: 5px;
			margin-left: 24px;
			border: 1px solid #608B9F;
			}


	#home_newscolumn {
		float: left;
		width: 740px !important;  /* firefox */
		width: 750px;  /* ie */
		margin: 0px 6px 6px 6px;
		padding: 0px 0px 0px 4px;
		background-color: #FFFFFF;
		}
		#home_newscolumn #helpbox {
			float: right;
			width: 150px;
			background-color: #378CE6;
			margin: 0px 0px 10px 10px;
			padding: 5px;
			color: #000000;
			}

	#home_centercolumn {
		float: left;
		width: 562px !important;  /* firefox */
		width: 550px;  /* ie */
		margin: 0px 6px 6px 6px;
		background-color: #FFFFFF; 
		}
		#breaking_news {
			border: 1px solid #000000; 
			color: #000000; 
			background-color: #99CCFF; 
			padding: 5px;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		#NewsTicker{
			border: solid 1px #000000;
			background: #dc8090; /* #f6f58c; */
			width: 560px;
			height: 88px;
			margin-top: 20px;
			}
			#NewsTickerController {
				width: 300px;
				font-size: 15px;
				color: #378CE6;
				}
				#NewsTickerControllerTitle {
					float: left;
				}
				#NewsTickerControllerActions {
					margin-left: 20px;
					float: left;
				}
		#NewsVertical {
			width: 550px;
			height: 88px;
			display: block;
			overflow: hidden;
			position: relative;
			}
		#TickerVertical {
			width: 560px;
			height: 140px;
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			}
			#TickerVertical li {
				display: block;
				color: #000000;
				width: 545px;
				text-align: justify;
				margin: 0;
				padding: 6px;
				}
				#TickerVertical li a,
				#TickerVertical li a:link,
				#TickerVertical li a:visited {
					text-decoration: none;
					}
				#TickerVertical li a:hover {
					text-decoration: underline;
					}
				#TickerVertical li .NewsTitle{
					font-weight: bold;
					}
				#TickerVertical li .NewsDate{
					font-size: 11px;
					font-weight: normal;
					}

		#news {
			margin: 0;
			padding: 0px 5px 5px 5px;
			/* border: 1px solid #CCCCCC; */
			font-size: 14px;
			}
			#news .news-item {
				padding: 5px 0px 5px 0px;
				border-bottom: 1px dotted #778899 !important;  /* firefox */
				border-bottom: 1px solid #778899; /* ie */
				font-size: 14px;
			}
				#news .news-item h6 {
					margin-bottom: -5px;
				}
				#news .news-item .news-item-date {
					color: #778899;
				}
				.news-item-description {
					color: #000000;
					display: block;
					background-color: #F5F5F5;
					padding: 5px;
					border: 1px solid #CCCCCC;
					font-size: 14px;
				}



	#home_rightcolumn{
		padding: 0px 5px 0px 5px;
		border-left: 2px solid #CCCCCC;
		float: left;
		width: 170px !important;  /* firefox */
		width: 158px;  /* ie */
		/* height: see below */
		background-color: #FFFFFF; 
		}
		.home_table {
			padding: 0px; 
			width: 180px; 
			margin: 0px;
			}
			.home_table a img  {
				border: none;
				}

	#home_leftcolumn,
	#home_rightcolumn {
		height: 700px;
		}

	#featuredprogramme {
		width: 500px;
		float: left;
		border-top:1px dashed #608B9F;
		/* border-right: 1px dashed #608B9F; */
		}

	ul.sectionlist {
		margin: 0; 
		padding: 0;
		padding-bottom: 3px;
		list-style: none;
		padding-bottom: 10px;
		}

	#breadcrumbs {
		text-align: left;
		margin: 10px 15px 10px 0px;
		}

	ul.innerbullets {
		list-style: none;
		margin: 0;
		padding: 0;
		}


/* ********************************** */
	ul.subsitenav {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		ul.subsitenav li {
			display: block;
			border-bottom: 1px solid #E8E9E6;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			font-size: 15px;
			}
		ul.subsitenav a:link, ul.subsitenav a:visited {
			display: block;
			text-decoration: none;
			color: #000;
			padding: 3px 3px 1px 4px;
			}
		ul.subsitenav a:hover {
			display: block;
			text-decoration: none;
			background-color: #CDE8F9;
			color: #000;
			padding: 3px 3px 1px 4px;
			}

		ul.subsitenav li.level_1 {
			display: block;
			background-color: #369;
			text-decoration: none;
			color: #fff;
			padding: 3px 0px 1px 4px;
			margin-top: 15px;
		}

		ul.subsitenav li.level_2,
		ul.subsitenav li.level_3,
		ul.subsitenav li.level_4 {
			display: block;
			background-color: #fff;
			text-decoration: none;
			color: #000;
			}

		ul.subsitenav li.level_2 {
			margin-left: 0px;
			padding: 3px 0px 1px 6px;
			background: transparent url(images/chevron_level2_n.png) no-repeat 0% 50%;
			}
		ul.subsitenav li.level_3 {
			margin-left: 15px;
			padding: 3px 0px 1px 0px;
			}

		ul.subsitenav li.level_4 {
			margin-left: 30px;
			padding: 3px 0px 1px 0px;
			}

/* ********************************** */




	li.pagesectionheader {
		font-size: 16px;
		display: block;
		background-color: #F0F0F0;
		text-decoration: none;
		color: #FFFFFF;
		padding-top: 3px;
		padding-bottom: 1px;
		padding-left: 4px;
		padding-right: 3px;
		}

	ul.secondary {
		margin-left: 30px;
		padding-left: 30px;
		}

	#openday {
		width: 230px;
		float: right;
		padding-left: 5px;
		padding-top: 5px;
		border-left: 1px dashed #608B9F; 
		}

	#upcominggraduation {
		width: 240px;
		float: left;
		padding-left: 5px;
		padding-top: 5px;
		}

	li.publicationli { /* the rules that do the indenting */
		padding-left: 1em;
		text-indent: -1em;
		}


/****** WRAPPER */
	#wrapper {
		width: 950px;
		height: 100%;
		min-height: 100%;
		margin: 0 auto;		
		padding: 10px;
		background-color: #FFFFFF;
		text-align: left; /* important => hack for IE (cf. body above) */
		}

	html>body #wrapper {
		height: auto;
		}


/****** HEADER */
	#header {
		margin-bottom: 10px;
		width: 950px;
		}

	#banner {
		width: 500px;
		}

	#searchcontainer {
		width: 250px;
		float: right;
		}

	#newsparentcontainer {
		width: 700px;
		float: left;
		}

	#header h1 {
		margin: 0px;
		padding: 0px;
		font-size: 34px;
		}

	#header h2 {
		margin: 0px;
		padding: 0px;
		font-size: 16px;
		text-transform: lowercase;
		}

	#topnav {
		margin-bottom: 10px;
		text-align: right;
		}

	#navcontainer ul {
		text-align: center;
		padding: 5px 0px 5px 0px;
		margin: 10px 0px 0px 0px;
		/* cancels gap caused by top padding in Opera 7.54 */
		background-color: #036;
		color: white;
		font-weight: bold;
		width: 100%;
		font-family: Arial,Helvetica,sans-serif;
		line-height: 18px;
		/* fixes Firefox 0.9.3 */
		}

	#navcontainer ul li {
		display: inline;
		padding: 5px 0px 5px 0px;
		}

	#navcontainer ul li a {
		padding: 5px 10px 5px 10px;
		color: white;
		text-decoration: none;
		border-right: 1px solid #fff;
		}

	#navcontainer #home {
		border-left: 1px solid #fff;
		padding-left: 10px;
		}

	#navcontainer ul li a:hover {
		background-color: #CDE8F9;
		color: black;
		}

	#navcontainer #active { 
		border-left: 1px solid #fff; 
		}

/****** MAIN-MENU ??????????????????????????????????? */
	#main-menu {
		margin: 0px 0px 30px 0px;
		background: #00285A;
		text-transform: uppercase;
		}

	#main-menu ul {
		height: 28px;
		margin: 0px;
		padding: 11px 0px 0px 7px;
		list-style: none;
		}

	#main-menu li {
		display: inline;
		}

	#main-menu a {
		padding: 0px 8px 0px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #FFFAFA ;
		}

	#main-menu a:visited {
		padding: 0px 8px 0px 15px;
		text-decoration: none;
		font-weight: bold;
		color: #FFFAFA ;
		}

	#main-menu .first a {
		background: none;
		}

	#main-menu ul {
		}


/****** CONTENT */
	#content {
	}

	#left {
		float: left;
		width: 510px;
		}

	#right {
		float: right;
		/* width: 178px; */	
		width: 150px;
		margin: 0px 0px 0px 20px;
		background: #F0F0F0;
		padding-left: 10px;
		padding-right: 10px;
		}

	#leftinnerpage {
		float: left;
		width: 250px;
		padding-top: 10px;
		}
	#rightinnerpage {
		float: left;
		width: 665px;
		padding: 0px;
		margin-left: 20px;
		}
		#rightinnerpage a:active {
			text-decoration: underline;
			}
		#rightinnerpage a:hover {
			text-decoration: none;
			}
		#rightinnerpage table.content {
			border: solid 1px #000000;
			font-size: 16px;
			width: 665px;
			margin-bottom: 20px;
			}
			#rightinnerpage table.content td {
				border: solid 1px #CCCCCC;	
				padding: 8px;
				}
				#rightinnerpage table.content td.specialization {
					font-weight: bold;
					}
			#rightinnerpage table.content th {
				border: solid 1px #000000;
				text-align: center;
				background-color: #00285A;
				color: #FFFFFF;
				}
			#rightinnerpage table.content a:active, a:link, a:hover, a:visited {
				color: #000000;
				}
			#rightinnerpage table.content td li, #rightinnerpage table.content td p {
				text-align: left;
				}


		#rightinnerpage table.survey {
			border: solid 1px #000000;
			font-size: 16px;
			width: 665px;
			margin-bottom: 20px;
			}
			#rightinnerpage table.survey td {
				border: solid 1px #CCCCCC;	
				padding: 8px;
				}
				#rightinnerpage table.survey {
					font-weight: bold;
					}
			#rightinnerpage table.survey th {
				border: solid 1px #000000;
				text-align: right;
				background-color: #9BCD9B;
				color: #000000;
				padding-right: 5px;
				}





		#rightinnerpage ul.content {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
			}
			#rightinnerpage ul.content li {
				margin-left: 15px;
				}



	#conference {
		padding: 0px;
		margin: 20px 0px 0px 0px;
		}
		.speaker {
			margin-bottom: 20px;
			border: solid 1px #000000;
			padding: 10px;
			text-align: justify;
			background-color: #FFF7DF;
			clear:both;
			}
			.speaker img {
				float: left;
				padding: 3px;
				border: 1px solid #778899;
				background-color: #FFFFFF;
				margin: 0px 10px 5px 0px;
				}
			.speaker h3 {
				font-weight: bold;
				font-size: 18px;
				text-transform: none;
				}
			.speaker .speaker_info {
				font-style:italic; 
				font-size: 16px;
				text-transform: none;
				font-weight: normal;
				}


/****** THIRD PAGES */
	#third_2,
	#third_3 {
		padding-left: 38px;
		}
	#third_1,
	#third_2,
	#third_3 {
		float: left;
		width: 290px;
		padding-top: 10px;
		}


/****** FOOTER */
	#footer {
		clear: both;
		margin-top: 50px;
		padding: 20px 0px 0px 0px;
		text-align: center;
		}

	#footer ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: left;
		}

	#footer li {
		display: inline;
		}

	#w3clogos {
		width: 180px;
		float: right;
		padding: 0px 0px 0px 0px;
		}

	#listleft {
		width: 300px;
		float: left;
		}

	#listright {
		width: 300px;
		float: right;
		}

	#listleftfront {
		width: 225px;
		float: left;
		border-top: 1px dashed #608B9F;
		}

	#listleftfrontbottom {
		width: 225px;
		float: left;
		border-top: 1px dashed #608B9F;
		}

	#mainsectioninner {
		width: 350px;
		float: left;
		}


/******************************************
**** FORMS ***
******************************************/

input.form_survey {
	font-size: 12px;
	width: 360px;
	}
	input.radio {
		width: 20px;
		}
	input.checkbox {
		width: 20px;
		}
	input.button_to {
		color: #00f;
		background-color: #ddd;
		font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		width: 100px;
		margin: 0px 0px 0px 20px;
		}

select.form_survey {
	font-size: 16px;
	width: 360px;
	}
textarea.form_survey {
	font-size: 16px;
	width: 360px;
	height: 150px;
	}


/******************************************
**** MESSAGES ***
******************************************/
.errorMessage {margin-bottom:10px; border:3px #c00 solid; background-color:#fff; color:#c00; font-weight:bold;}
.errorMessage a {color:#c00; text-decoration:underline}
.errorMessage a:visited {color:#c00}
.errorMessage a:hover {color:#c00}
.errorMessage h3 {color:#c00; margin:0px; padding:6px 5px 1px 32px; background:url(http://www.materdei.ie/images/error.gif) 6px 6px no-repeat;}
.errorMessage p {padding:0px 0px 0px 32px; margin:0px}
.errorTitle {font-size: 12px;}

.successMessage {margin-bottom:10px; border:3px #228B22 solid; background-color:#fff; color:#228B22; font-weight:bold;}
.successMessage a {color:#228B22; text-decoration:underline}
.successMessage a:visited {color:#228B22}
.successMessage a:hover {color:#228B22}
.successMessage h3 {color:#228B22; margin:0px; padding:6px 5px 1px 32px; background:url(http://www.materdei.ie/images/success.gif) 6px 6px no-repeat;}
.successMessage p {padding:0px 0px 0px 32px; margin:0px}
.successTitle {font-size: 12px;}