/*
 * 2007 Refresh of MACS website style.
 */

body{
	/*
	 * CAUTION: It seems that if we have a <dl> with font set to
	 * 11pt or 12pt Arial, and then try to set float: left on its <dt>
	 * elements,it will cause a stepping effect in IE 6
	 * (not tested in IE 7). This is why we must specifically avoid Arial
	 * whenever possible.
	 */
	font-family: corbel, verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	/*
	 * Need this for corner effects to work (e.g. on bottom of nav menu).
	 */
	background-color: #FFF;
	}

h1{
	margin-top: 1ex;
	margin-bottom: 0em;
	}

h2{
	font-size: 130%;
	background-color: #9cf;
	padding-left: 1ex;
	margin-left: -1ex;
	border-bottom: 2px solid #000;
	color: #008;
	}

a img{
	border: none;
	}
img{
	border: none;
	}
.dates_list{
	}

	.dates_list dt{
		font-weight: bold;
		color: #F00;
		}

	.dates_list dd{
		margin-left: 1ex;
		}

		.dates_list dd p{
			margin-top: 0px;
			margin-bottom: 1ex;
			}

	.dates_list dl {}
		.dates_list dl dt{
			float: left;
			margin-right: 1em;
			color: #000; }
		.date_list dl dd{}

/*
 * *********************************************
 * Logo at top of page
 * *********************************************
 */
#toplogo{
	background: #99CCFE;
	border-bottom: 5px solid #000;
	color: #008;
	}

	#toplogo a{
		display: block;
		}


/*
 * *********************************************
 * Nav menu on side of page
 * *********************************************
 */
#nav{
	float: left;
	width: 10em;
	border-top: 1px solid #FFF;
	font-size: 90%;
	color: #FFF;
	padding-bottom: 14px;
	background: #000 url(/images/menu_bottom.gif) bottom right no-repeat;
	margin-bottom: 1ex;
	}

	#nav_heading{
		cursor: default;
		background-color: #000;
		color: #FFF;
		margin: 0px;
		font-size: 90%;
		border-bottom: 1px solid #fff;
		}


	#nav_menu{
		background-color: #000;
		color: #fff;
		margin: 0px;
		list-style-type: none;
		padding-left: 0px;
		}

		#nav_menu li{
			display: inline;
			}

		#nav_menu a{
			color: #fff;
			cursor: default;
			text-decoration: none;
			display: block;
			padding-left: 1ex;
			/*  */
			border-bottom: 1px dotted #fff;
			/*  */
			}

			#nav_menu a:hover{
				color: #f00;
				}

		#nav_menu .sect_expanded ul{
			display: block;
			}
		/*
		 * Nav sub-menu
		 */
		#nav_menu ul{
			list-style-type: none;
			display: none;
			background-color: #fff;
			margin-left: 0px;
			padding-left: 1em;
			}

			#nav_menu ul a{
				color: #000;
				margin-left: 0ex;
				padding-left: 1.5ex;
				text-indent: -1ex;
				border: none;
				border-bottom: 1px solid #FFF;
				cursor: pointer;
				}

				#nav_menu ul a:hover{
					border-bottom: 1px solid #008;
					border-right: 3px solid #008;
					color: #000;
					}

					#nav_menu li li{
						margin-left: 0px;
						border: none;
						}

					#nav_menu li li ul{
						border-top: 1px solid #000;
						}

		#nav_menu .current_section{}

			#nav_menu .current_section ul{
				display: block;
				}

		#nav_menu .current_page a{
			background-color: #9cf;
			color: #008;
			}

			#nav_menu .current_page .subnav a{
				background-color: #FFF;
				color: #000;
				}


/*
 * *********************************************
 * Main content of page
 * *********************************************
 */

#content{
	margin-left: 10em;
	}


/*
 * *********************************************
 * Footer at bottom of page
 * *********************************************
 */

#footer{
	text-align: center;
	font-size: 90%;
	clear: both;
	background-color: #000;
	color: #9cf;
	/*
	 * Add a bit of space before our footer.
	 */
	margin-top: 1em;
	}

	#footer a{
		color: #fff;
		}

		#footer a:hover{
			color: #ff0;
			}

	#footer #valid_xhtml{
		float: right;
		}