* {
	margin:0;
	padding:0;
	} 
	
html {
	font-size:100%;
		}
		
body {
	font-size:62.5%;
	font-family:Arial, Sans-Serif;
	background:#efebcb;
	color: #333333;
	}
	
		
li {
	list-style:none;
	}

img {
	border:none;}
	
h2 {font-size:150%;
}
	
 a {
	text-decoration:none;
	color:#333333;}
	
 a:hover {
	text-decoration:underline;
	color:#333333;}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*--structure--*/

div#outcont {
margin: 0 auto;
padding:0 1em;
background:white;
width:102.4em;}

div#container {
	margin: 0 auto;
	width:102.4em;
	position:relative;
	background:#FFFFFF;
	
	}	

/*--right structure--*/

	
div#pix {
	background: url(../images/bluepix.jpg) no-repeat;
	position:absolute;
	top:0;
	right:0;
	width: 40em;
	height:25em;
	}
	


div#blue {
	background: #0000FF;
	position:absolute;
	right:0;
	top:250px;
	width:50em;
	height:12em;
	z-index:0;
	}
	
div#contact {
	background:#efebcb url(../images/contbotleft.gif) 0 100% no-repeat;
	width: 38em;
	height:28em;
	position:absolute;
	top:320px;
	right:0;
	z-index:10;}
	
div#conttop {
	background: url(../images/conttopleft.gif) 0 0 no-repeat;
	width:60px;
	height:60px;}
	
div#footer {
	text-align:center;
	padding: .5em 0;
	}
	
#footer p#credit a {
	color:#4f2700;
	width:83px;
	position:relative;
	z-index:1;
	font-size:2px;
	}
	
#footer p#credit a span{
	width:83px;
	height:19px;
	background: url(../images/linkicon.jpg) 0 0 no-repeat;
	display: inline-block;
	position:absolute;
	top:-8px;
	z-index:2;
	padding-left:3px;}
	
#footer p#credit {
	position:relative;
	width:150px;
	margin:0 auto;
	padding-top:10px;
	font-size:90%;
	text-align:left;
	}
	
	/*--left structure--*/
	
div#leftwrap {
	padding-top:7em;
	}

div#leftcont {
	width:57%;
	position:relative;
	top:0;
	z-index:10;
	}

div#header {
	background:#9BB5FF;
	width:100%;
	height:25em;
	}
	
div#nav {
	width:13em;
	height:35em;
	position:absolute;
	top:-4em;
	left:2.5em;
	z-index:120;
	}
	
div#rightcont {
	z-index:1;}
	
div#links {
	position:absolute;
	top:9em;
	left:36em;
	z-index:11;
	padding-right:30px;
	}
		
	
	
div#silo {
	background: url(../images/silo.png) 0 0 no-repeat;
	position:absolute;
	top:10px;
	left:170px;
	width:189px;
	height:223px;}

div#texttop {
	background:url(../images/bluetext.png);
	width:583px;
	height:70px;
	position:relative;
	top:-1.7em;}
	
div#text {
	background: #e2e7eb;
	position:relative;
	top:-1.6em;
	left:0;
	font-size:110%;
	color:black;
	padding-bottom:2em;
	height:100%;
}

div#text h2 {
	width:500px;
	padding:1em 0 1em 2em;

	}
	 
div#text a {
	text-decoration:none;
	}
	
div#text a:visited {
	color:#999999;}
	
div#text a:hover {
	text-decoration:underline;}
	
div#text a:active{
	color:black;}

	 
table#prog {
	margin:5em;
	border-collapse:collapse;}
	
div#text table ul li {
	list-style:none;
	margin:0;
	padding:0;
	}
	
div#text table ul {
margin:0;
padding:0 0 0 5.8em;}

th#top {
font-size:120%;
text-align:center;
padding: 2em 0 0 0;
}

th.line {
text-align:center;
padding: 2em 0 3em;
}

td.text {
padding-left:6em;
}

div#text td {
vertical-align:top;}



/*--links section--*/

div#links li {
float:right;
padding:0 .5em;}


div#links li#broadcast a {
background: url(../images/bcastthumb.png) 0 0 no-repeat;
position:relative;
display:block;
width:114px;
height:100px;
}

div#links  li#broadcast a:hover {
background: url(../images/bcastthumb.png) 0 0 no-repeat;
background-position:right 0;
}

div#links li#crisis a {
background: url(../images/crisismanthumb.png) 0 0 no-repeat;
position:relative;
display:block;
width:114px;
height:100px;
}

div#links  li#crisis a:hover {
background: url(../images/crisismanthumb.png) 0 0 no-repeat;
background-position:right 0;
}

div#links li#presentation a {
background: url(../images/presta.png) 0 0 no-repeat;
position:relative;
display:block;
width:114px;
height:100px;
}

div#links  li#presentation a:hover {
background: url(../images/presta.png) 0 0 no-repeat;
background-position:right 0;
}

div#links li#press a {
background: url(../images/presstrainingthumb.png) 0 0 no-repeat;
position:relative;
display:block;
width:114px;
height:100px;
}

div#links  li#press a:hover {
background: url(../images/presstrainingthumb.png) 0 0 no-repeat;
background-position:right 0;
}

div#links li#workshops a {
background: url(../images/workshop.png) 0 0 no-repeat;
position:relative;
display:block;
width:114px;
height:100px;
}

div#links  li#workshops a:hover {
background: url(../images/workshop.png) 0 0 no-repeat;
background-position:right 0;
}

	
/*--header--*/

	
div#logo {
	background: url(../images/mazlogo.png) 0 0 no-repeat;
	width:285px;
	height:35px;
	position:absolute;
	top:195px;
	right:30px;
}

div#logo span {
	display:none;}	 

/*--main text section--*/

div#text p {
	padding:.5em 3em .5em 3em;
	color:black;
	font-size:110%;
	}

div#text p.consult {
	padding:0 2em 0 3em;
	}
	
div#text p.consult img {
float:right;
padding-right:1em;}
	
 div#text ul {
 	padding:1em 2em 1em 4em;}
 
div#text li {
	list-style:disc;
	padding-top:.5em;}
	

	
div#text form {
	margin-top:50px;
	width:350px;}
	
div#text input#password, div#text input#reset {
margin:50px 0 0 0px;
	width:70px;}
	
div#text input#password {
margin-left:125px;}

div#text label {
	margin-left:40px;}
	
	
div#text img {
	float:right;
	padding:1em 0 2em 2em;
	}
	
#pdf {
	width:85px;
	margin-left:35px;}
	
#pdf a img, #pdf a{
	float:none;
	text-align:center;
	padding-left:0;
	text-decoration:none;}
	
#text #pdf a:hover img{
	text-decoration:none;}

div#navtop {
	background: url(../images/navtop.png) 0 0 no-repeat;
	width:15em;
	height:3em;
	}
	
div#navbot {
	background: url(../images/navbot.png) 0 0 no-repeat;
	width:15em;
	height:3em;
	}
	
/*--course programmes--*/
div#text h2#cp1, div#text h2#cp2, div#text h2#cp3, div#text h2#cp4, div#text h2#cp5, div#text h2#cp6, div#text h2#cp7{
	margin: 0 auto;
	text-align:center;
	padding:30px 0 0 0;}
	
div#text h2#cp1 {
	width:435px;}
	
div#text h2#cp2 {
	width:275px;}
	
div#text h2#cp3 {
	width:390px;}
	
div#text h2#cp4 {
	width:438px;}
	
div#text h2#cp5 {
	width:300px;}
	
div#text h2#cp6 {
	width:250px;}
	
div#text h2#cp7 {
	width:300px;}
	
div#text p.time {
	width:70px;
	float:left;
	margin:20px 0 0 10px;
	clear:left;}
	
div#text p.c1 {
	width:300px;
	margin:20px auto 20px;
	padding:0;
	text-align:center;
	font-size:110%;}
	
div#text p.c2 {
	width:350px;
	float:left;
	margin-top:20px;
	font-size:110%;
	padding:5px 0 0 24px;
	}
	
div#text p.c3 {
	width:400px;
	float:left;
	margin-top:20px;
	font-size:110%;
	padding:5px 0 0 175px;
	}


div#text ul.courselist {
		float:none;
		clear:left;
		width:300px;
		padding:0;
		margin:0 0 0 175px;
		}
		
div#text ul.courselist li {
		list-style:none;
		padding:0;}
	
/*--right container--*/

input, textarea {
	width:200px;
	margin: 3px;
	float:left;
	
}

input:focus, textarea:focus {
	background: #AACDDF;}

input#button {
	position:absolute;
	top:220px;
	left:130px;
	width:60px;}

label {
	width:85px;
	margin:3px 0;
	float:left;
	clear:left;}

div#form  {
position:relative;
	padding-left:4em;
	font-size:110%;
	margin-top:-3.5em;
	margin-bottom:1em;
	}
	
p#tel {
	width:100px;
	float:left;
	padding: 5px 0;
	}
	
p#mail {
	width:150px;
	margin-left:0px;
	padding-bottom:10px;
	float:left;
	}

div#form h3 {
	font-size: 150%;
	width:90px;
	float:left;}

p#req{
	margin-top:8px;
	float:left;}	
	
div#ie5 {
display:none;}
	
	
/*---nested lists starts here---*/
	
	
.menu {
	width: 15em;
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

	
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}


/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;

	/*background: #f00;	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #333333;
	background: url(../images/navmain.png) 0 0 repeat-y;
}

.menu {
	width: 15.3em;
}

.menu ul {
	width: 15.3em;
}

.menu a {
	text-decoration: none;
	color: #333333;
	padding:.7em 1.38em;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: block;
}

.menu a:hover, .menu li:hover>a {
	background: url(../images/button.gif) 0 50% no-repeat;
}

.menu li {	/* create borders around each item */
	border: none;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 0px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: black;
}


li.current a{
	border-left: 5px solid #909090;
	color: #909090;}
	
li.current a:hover {
	background: none;}
	
li.current2 a{
	border-left: 5px solid #909090;
	color: #909090;}
	
li.current2 a:hover {
	border-left: none;
	color:black;}
	
li.current2 ul li a{
	border-left: none;
	color:black;}