body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #d5d6d7;
	margin-left: 20px;
	text-align:center;
}

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

a:hover {
	color: #036;
	text-decoration: underline;
}

p {
	margin-left: 20px;
}

h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-left: 20px;
        color: #ED4F00;
	border-bottom: solid 2px #737373;
}

#page {
	width: 860px;
	background: url(images/madsbg.jpg) repeat-y top;
	border: none;
	margin:0px auto;
}

#body {
	width: 800px;
	padding-left: 30px;
	text-align:left;
}

#top {
	width: 860px;
	margin-left: -30px;
	background: url(images/madsheader.jpg) no-repeat top;
	border: none;
}

#top #header {
	width: 800px;
	height: 110px;
	margin-left: 30px;
	font-family: verdana, helvetica, arial, sans-serif;
	text-align: left;
	border-bottom: dotted 1px #036;
}

#top #header #contact {
	margin-top: 20px;
	height: 90px;
	width: 250px;
	float: right;
	background: url(images/contact.png) no-repeat;
}

#top #header #logo {
	margin-top: 10px;
	height: 100px;
	width: 250px;
	float: left;
	background: url(images/logo_mads.png) no-repeat;
}

#menu {
	width: 150px;
	float: left;
}

#menu ul {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#menu li {
	padding: 2px;
}

#menu p {
	width: 80%;
	margin-left: 4px;
	clear: both;
	border-bottom: dotted 1px #036;
        border-color: #ED4F00;
}

#content {
	width: 630px;
	border-left: dotted 1px #036;
	float: left;
	padding-bottom: 20px;
}

#content li {
   margin-left: -15px;
   padding: 2px 0 .2em 1.5em;
   list-style-type: none;
   list-style-image: none;
   background: transparent url(images/li.gif) no-repeat 1px .35em;
}

#content #about-me {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
        font-style: italic;
        padding: 8px;
        background-color: #EEEEEE;
}

#content #publications li {
	text-align: justify;
}

#content #courses li {
	text-align: justify;
}

#bottom {
	clear: both;
	width: 860px;
	height: 75px;
	margin-left: -30px;
	background: url(images/madsfooter.jpg) no-repeat bottom;
	border: none;
}

#bottom #footer {
	margin-left: 30px;
	padding-top: 10px;
	font-size: 11px;
	width: 800px;
	border-top: dotted 1px #036;
}

#photo-strip {
	margin-left: 25px;
	background: #000000;
	height: 142px;
}

#photo-strip img {
	padding-left: 5px;
}

#photo-strip #tile {
	background: url(images/album/tile.png) repeat-x top;
	height: 21px;
}

#buses table {
	margin-left: 21px;
     	border: 1px solid #CCC;
     	border-collapse: collapse;
     	width: 0%;
}
#buses tr td {
     	border: 1px solid #CCC;
     	background: #F5F5F5;
     	text-align: center;
     	padding: 0.3em 0.5em;
     	text-align: left;
}