/* CSS Document */
/* Clara Todd 2005 for Noc On Wood Records */
/* idesign@claratodd.com
div{
	border:solid 1px #FF0000;
}
*/
body{
	text-align:left;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font: 0.85em Georgia, "Times New Roman", times, serif;
	color:#000000;
	position:absolute;
	z-index:0;
	_width:99.8%;
	_height:99.8%;
	min-width:99.8%;
	min-height:99.8%;
	background-color: #FFFFFF;

}
/* ie hack */

	a{
		color:#990000;
	}
	a:hover{
		color:#006699;
	}
	p{	
		padding:0.6em 0 0.2em 0;
		margin:0;
		line-height:1.5em;
	}

	img{
		border:none 0px;
	}
	
	table{
		border-collapse:collapse;
		
	}
	td{
		padding:0; margin:0;
		vertical-align:top;
	}
	
	ul{
		margin-bottom:1em;
		color:#999999;
	}
	li{
		margin-bottom:0.8em;
		color:#000000;
	}
	h1, h2, .h2{
		margin:0;
		padding:0 !important;
		vertical-align:middle;
		font-family: arial, helvetica, sans-serif;
		font-weight:normal;
		text-align:left;
	}
	#title{
		display:block;
		height:auto;
	}
	#title h1{
		text-transform:uppercase;
		color:#FFFFFF;
		display:block;
		font-size: 1.4em !important;
		line-height:1.6em;
		vertical-align:middle;
		background-color:#003366;
		padding-left:0.3em !important;
		border-top:solid 1px #FFFFFF;
	}
	h2 , .h2 {
		font-size: 1.3em !important;
		color:#003366;
		margin:0.5em 0 0.4em 0;
	}
	
h2.alt1, h2.alt{
	background-color:#6F87B1;
}

	h3,	.h3{
		margin:0.4em 0 0 0 !important;
		padding:0.2em 0 0.1em 0;
		color:#003366;
		font-size:1.2em;
	}
	h4{
		margin:1em 0 0 0 !important;
		padding:0;
		color:#00000;
		font-size:1em;
		font-style:italic;
	}
	
	hr{
		display:block;
		margin:2em auto 1em auto;
		border:none 1px #FFFFFF;
		border-top:dashed 1px #CCCCCC;
		height:1px;
		clear:Both;
		/* ie only */
		text-align:center;
	}
	dl{
		margin:0.2em 0.6em;
	}
	dt{
		font-size:1.1em;
		font-weight:bold;
		margin-top: 1em;
	}
	.boxed dt{
		font-weight:normal !important;
	}
	dt span.date{
		font-weight:normal;
	}
	dd{
		margin: 0.4em 0 0 1em;
		text-indent:0;
	}
	
	dd ul{
		font-size:0.9em;
		margin-bottom:0.4em;
		list-style:circle outside none;
		color:#333333;
	}
	dd li{
		margin-bottom:0.1em;
	}

#wrap{
	width:100%;
	text-align:left;
	position:absolute;
	z-index:1;
	_width:99.8%;
	_height:99.8%;
	min-width:99.8%;
	min-height:99.8%;
}
#masthead{
	vertical-align:baseline !important;
	margin:0 0 0 12.2em;
	min-width:600px;
}

#abdn{
	height:72px !important;
	right:0;
	top:0;
	padding: 0 !important;
	background:#666666 url(../graphics/triptych_001.jpg) no-repeat left top !important;
}
#uni{
	right:0;
	float:right;

}

#tMenu{
/*	background: #6A0000 none repeat left top; */
	background: #333333 none repeat left top;
	color:#FFFFFF;
	font-size:0.9em;
	height:1.7em;
	text-align: right ;
	border-top:solid 1px #FFFFFF;
	position:relative;
	z-index:20;
	top:-1px;
	padding:1px 3px;
}
div.box{
	border:solid 1px #dddddd;
	margin:0.5em;
	width: auto;
}
#tMenu a{
	color:#FFFFFF;
}

	#nav{
		text-align:right;
		font-size:0.9em;
	}
	#nav ul, #nav li {
		display:block;
	}
	#nav li a{
		display:block; 
		float: left;
		margin: auto 0;
		vertical-align:bottom !important;
		margin:0 !important;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		padding:1px 21px;
		display:inline-block;
		background:transparent url(../graphics/li_top.gif) no-repeat left top;
	}
	#nav li a:hover, #nav li.alt a{
		background-image: url(../graphics/li_top_alt.gif);
	}
	#nav li, #nav ul{
		margin:0;
		padding:0;
		vertical-align:bottom;
		list-style:none outside none;
		list-style-type:none;
	}
	#nav li{
	list-style:none outside none;
		margin:0 -10px 0 0 !important;
		float:left;
		background:transparent url(../graphics/li_top_alt.gif) no-repeat left top;
	}
	#nav ul{
		margin:0 10px 0 0;
		_margin:0 0 0 0;
		float:right;
		padding:0;
		
	}
	#nav ul.r2{
	}
	
	#logo{				
		text-align:center !important;
		width:12em;
		margin:auto;
		text-align:center;
		vertical-align:middle;
		background:#FFFFFF url(../graphics/logo_cems.gif) no-repeat 50% 50%;
		position:absolute;
		left:0;
		top:0;
		z-index:2;
	}
#main{
	_width:expression(document.body.clientWidth > 1200? "1200px":"99.98%") !important;
	background-color:#666666;
	margin-top:1.4em;
	_margin-top:0;
	position:relative;
	z-index:10;
	min-width:780px;
	max-width:1200px;
	left: 4px;
	top: 2px;
}

#content{
	padding:1em 1em 3em 1em;
	background-color:#FFFFFF;
	_height:100%;
	_height:420px;
	min-height:420px;
}
/* columns for content */
.c1 #content{
}

.c2 #content{
	margin-left:12em;
}

.c3 #content{
	margin-left:12em;
	padding-right:13.5em;
}
/* end columns for content */



	#footer{
		border-top: solid 10px #003366;
		margin:2px 0 0 4px;
		padding-top:6px;
		font-size:0.9em;
		color:#999999;
		background-color:#FFFFFF;
	}	
	#footer a{
		color:#333333;
	}
	#footer a:hover{
		color:#990004;
	}
/* general styles */
	.floatLeft{float:left; margin-right:0.6em;;}
	.floatRight{float:right; margin:0.6em;}
	
	.clearLeft{clear:left;}
	.clearRight{clear:right;}
	.clearBoth{clear:both !important;}
	
	.center{text-align:center;}
	.left:{text-align:left;}	
	.right:{text-align:right !important;}
	
	.biggest{font-size:1.4em}
	.big{font-size:1.2em}
	.small{font-size:0.9em}
	.italic{font-style:italic}
	.bold{font-weight:bold}
	.justify{text-align:justify;}
	.clearBoth{clear:both;}
	.green{color:#33FF33}
	.red{color:#990000}
	.noBorder{border:none 0 !important}
	.spacer{height:0.5em}
	.noIndent{text-indent:0}
	.lBorder{border-left:solid 1px #757849}
	.show{display:block; margin-bottom:2em;}
	.hide{display:none; margin-bottom:2em;}
	
	.address{
		text-align:left;
		/* width:16em; */
		font-size:1.2em;
		margin:5px 5px !important;
		text-indent:0;
		
	}

	a.more{
		display:block;
		text-align:right;
		padding-right:0.8em;
		font-size:0.8em;
		clear:both;
	}
	
	ul.links, ul.links li{
		margin:0; padding:0; 
		display:inline;
		list-style:none outside none;
		list-style-type: none;
	}

	ul.links li a{
		display:inline-block;
		padding:0.2em 0.7em 0.2em 0.5em;
		font-size:0.9em;
		border-right: solid 1px #CCCCCC;
		font-family:Arial,helvetica,sans-serif;
	}

	ul.buttonStyle, ul.buttonStyle li{
		margin:0; padding:0; 
		display:run-in; 
		_display:inline;
		list-style:none outside none;
		list-style-type: none;
	}
	a.buttonStyle, ul.buttonStyle li a{
		display:inline-block;
		padding:0.2em 1em 0.2em 0.8em;
		font-size:0.9em;
		border: solid 1px #8FA5BC;
		text-decoration:none;
		color:#000000;
		font-family:Arial,helvetica,sans-serif;
	}
	ul.buttonStyle li a{
		margin:0.2em;
		padding:0.2em 0.2em 0.2em 0.2em;
		width:12em;
	}

	a.buttonStyle:hover, ul.buttonStyle li a:hover{
		color:#000000;
		background-color:#DDDDDD;
	}
	
	div.illustration{
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		text-align:center;
		float:left; 
		margin:0.5em 10px 5px 4px;
		border: solid 1px #CCCCCC;
		background-color:#FFFFFF;
		width:200px;
		padding:10px;
	}
	
	p.comments{
		font-size:0.8em;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
	}
	
	div.illustration img{	
		border: solid 1px #CCCCCC;
	}
	
	div.illustration p{	
		text-align:left;
	}
/* menus */
/* rMenu to be used with the c3 class applied to the #main div element */
#rMenu {
	position:absolute;
	z-index:5;
	right:2px;
	width:13em !important;
}
#rMenu ul, #rMenu li{
	margin:0 !important;
	padding:0;
	list-style:none outside none;
	list-style-type:none;
	color:#333333;
	display:block;
}

#rMenu li{
	padding:2px 3px;
}

#rMenu ul li a, #rMenu ul.noLink li{
	font: 0.9em arial, helvetica, sans-serif;


	vertical-align:middle;
	display:block !important;
	border: solid 1px #8FA5BC;
	padding:3px;
	background:transparent url(../graphics/bullet_gray_disk.gif) no-repeat 2px 50%;
	padding-left: 1em;
	margin:0 !important;
	color:#444444;
	text-decoration:none;
}
#rMenu ul li a:hover{
	background-color:#DDDDDD;
}

#rMenu ul li.sel a, #rMenu ul li.sel a:hover, #rMenu ul li.sel{
	background-color:#E7E8C8;
}

#rMenu ul.alt li a{
	background-image:url(../graphics/image_arrows_gray_alt.gif);
}

	#rMenu dl{
		margin:0.2em 0.5em;
	}
	#rMenu dt{
		font-size:1em;
		font-weight:bold;
		margin-top: 0.5em;
	}
	#rMenu dd{
		margin: 0.3em 0 0 1em;
	}
	

/* lMenu to be used with the c2 or c3 class applied to the #main div element */
	#lMenu{
		text-align:center;
		margin: 0;
		padding:0;
		position:absolute;
		left:0;
		width:12em;
	}
	#lMenu ul, #lMenu li{
		margin:0 !important;
		padding:0 !important;
		list-style-type:none;
		list-style: none outside none;
	}

	#lMenu li span{
		text-align:left;
		display:block;
		margin:0;
		border: none 0px #FFFFFF;
		border-top: solid 1px #999999;
		border-bottom: solid 1px #333333;
		background:#3A4F70 url(../graphics/lMenu_arrow_alt.gif) no-repeat right 50%; 
		font-size:0.85em;
		font-family: arial, helvetica, sans-serif;
	}
	#lMenu li a{
		padding:0.3em 0.7em 0.3em 0.1em;
		display:block;
		margin:0;
		background:#666666 url(../graphics/lMenu_arrow.gif) no-repeat right 50%; 
		color:#FFFFFF;
		text-decoration: none;
		text-transform:uppercase;
	}
	#lMenu li a:hover, 	#lMenu li{
		background:#3A4F70 url(../graphics/lMenu_arrow_alt.gif) no-repeat right 50%; 
	}
	#lMenu li.sel span, #lMenu li.sel a, #lMenu li.sel a:hover{
		background:#777777 url(../graphics/lMenu_arrow_sel.gif) no-repeat right 50%; 
	}

	#lMenu li li a{
		background:#50627E url(../graphics/lMenu_sub_bullet_alt.gif) no-repeat left top; 
		padding-left:11px;
		text-transform:none;
		font-size:0.8em;
	}
	#lMenu li li a:hover, #lMenu li li{
		background:#374355 url(../graphics/lMenu_sub_bullet.gif) no-repeat left top; 
	}
	#lMenu li li{
		background:transparent none no-repeat left top; 
	}

	#lMenu img{
		margin:auto;
	}
	
	#lMenu .callout{
		margin-top: 1em;
	}
	/* end menus */


	form.contact{
		margin:10px;
		padding:10px;
		background-color:#E2E3D2;
	}
	form.contact p{
		clear:both;
	}
	form.contact label{
		float:left;
		clear:both;
		text-align:right;
		width:8em;
	}
	form.contact input, form.contact select, form.contact textarea{
		margin-left:6px;
		clear:right;
	}
	form.contact textarea{
	 	width:25em; 
		height:10em;
		padding:6px;
		font-family:Arial, Helvetica, sans-serif;
	}
	div.breadcrumbs{
		text-transform:capitalize;
		color:#757849;
		position:relative;
		z-index:3;

		font-weight:bold;
		padding-bottom:6px;
		/* text-align:right; */
	}
	div.breadcrumbs a{
		font-weight:normal;
		color:#999999;
	}
	div.breadcrumbs a:hover{
		color:#cccccc;
	}
	.callout{
		/* position:absolute; 
		bottom:0; */
		margin:auto;
		text-align:center; 
		vertical-align:middle;
	}
	.callout img{
		margin:5px auto !important;
	}
	div.boxed{
		border:solid 1px #8FA5BC;
		margin:13px 3px 3px 3px;
		color:#444444;
		font: 0.9em arial, helvetica, sans-serif;
	}
	
	div.boxed h3{
		background-color: #666666;
		margin:0 !important;
		color:#FFFFFF;
		font-weight:normal;
		text-transform:uppercase;
		font:1em arial, helvetica, sans-serif;
	}
	div.boxed h2{
		font:1em arial, helvetica, sans-serif !important;
	}


	div.boxed p{
		padding:0.4em 0.4em 0.8em 0.4em ;
	}
	
	.curriculum dt{
		margin-top: 0.5em;
	}

/* special table styles */
table.spec{
	width:100%;
}
table.spec td, table.spec th{
	border-bottom: solid 1px #CCCCCC;
	padding: 5px;
}
td.date{
	width:8em;
}