h1 {
    text-align: center;
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/opaq0008.jpg");
    color: black;
    font-size: 250%;
}

h2 {
    color: black;
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/opaq0008.jpg");
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-top: ridge 1px blue;
    border-bottom: ridge 1px blue;
}


h3, h4, h5, h6 {
    text-align: center;
    color: black;
}

html, body {
   background: #fff;
   color: #000;
}

strong {
    color: red;
}

/*
Top menu
*/
.nav {
    width: 125px;
	float: left;
	margin: 1px;
	padding: 10px;
    border: ridge 3px #0000CC;
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/opaq0008.jpg");
    color: black;
    text-align: center;
	margin-bottom: 20px;
    font-variant: small-caps;
    font-family: cursive;
    font-size: 120%;
	}


.boxed {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    width:50%;
    border: ridge 1px blue;
}

.normalfont {
    font-family: Arial, Helvetica, sans-serif;
}

.timetable {
    border-collapse:collapse;
    vertical-align:top;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    width:50%;
    border:2px solid blue;
}

.timetable th {
    border-top:2px solid blue;
    vertical-align:top;
    color:blue;
    padding:5px;
}

.timetable td {
  border-top:2px solid blue;
    padding:5px;
}

.directions {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    vertical-align:top;
    text-align:left;
    margin-left:5%;
    margin-right:5%;
    margin-bottom:10px;
    border:2px solid blue;
}

.directions th {
    border-top:2px solid blue;
    vertical-align:top;
    color:blue;
    padding:5px;
}

.directions td {
  border-top:2px solid blue;
  vertical-align:top;
  padding:5px;
}

.menu {
    margin-left: 30%;
    text-align: left;
}

.menu dt {
    font-size: 100%;
    font-weight: bold;
}

.menu dd {
    font-size: 100%;
}

.innerpageheader {
    text-align: center;
    border: ridge 1px blue;
    font-size:100%;
    font-family: 'Old English Text MT','lucida blackletter', cursive;
    background-color: blue;
    color:white;
}

.innerpagecontent {
/*    text-align: center;*/
    border: ridge 1px blue;
	margin-bottom: 20px;
    font-size:100%;
    font-family: 'Old English Text MT', 'lucida blackletter', cursive;
    color:black;
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/lmmdsplash.pnghttp://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/septentrian-bear3.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

.content {
    border: ridge 1px blue;
	margin-bottom: 20px;
    font-size:100%;
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    background-repeat: no-repeat;
    background-position: top center;
}

.content p {
    margin-left: 50px;
    margin-right: 50px;
    width: 90%;
}
.content ul li {
    margin-left: 50px;
    margin-right: 50px;
    width: 90%;
}

.content ol li {
    margin-left: 50px;
    margin-right: 50px;
    width: 90%;
}

.content table {
    margin-left: 50px;
    
}

.content table th {
    text-align: left;
}

.contests {
/*
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/pngblip.png");
*/
    font-family: cursive;
    font-size: 100%;
	margin-left: 180px;
/*	margin-right: 11px; */
	margin-bottom: 20px;
    text-align: center;
}

 img {/* border style for all images */
  border: 0;
  }

 img.b4 {/* scalable em size class 468px/60px banners */
  width: 16.83em; /* replaces 468px width */
  height: 9.06em; /* replaces 60px height */
  }

a:link {
   color: #037;
}

a:visited {
   color: #636;
}

.frontpagetitle {
	margin-bottom: 0px;
    text-align: center;
}

.title {
	margin-bottom: 0px;
    text-align: center;
    border: ridge 3px #0000CC;
    background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/opaq0008.jpg");
    font-family:"Arial Rounded MT Bold";
}

/*.title {
	margin-bottom: 0px;
    font-size:150%;
    text-align: center;
    color: green;
}*/

.float60 {
  float: left;
  width: 60%;
  display: block;
}

.float40 {
  float: left;
  width: 40%;
  display: block;
}

.header {
	margin-bottom: 10px;
    text-align: center;
}

.header .left {
    margin-left         : 10px;
    margin-top          : 10px;
	float				: left;
	text-align			: left;
	width				: 59px;
}
	
.header .right {
    margin-right        : 10px;
    margin-top          : 10px;
	float				: right;
	text-align			: right;
	width				: 59px;
}   

/*.header .left {
    margin-left         : 40px;
	float				: left;
	width				: 127px;
}
	
.header .right {
	float				: right;
	width				: 127px;
}   
*/
.clear {
    clear : both;
    font-size: 1px;
}

.footer {
    font-size           : 80%;
	clear				: both;
	width				: 100%;
    border-top: ridge 3px #0000CC;
}
.footer {
/*/*/
	margin-top			: 0px;
/* */
}

.footer .left {
	margin-top			: 11px;
	float				: left;
	text-align			: left;
	width				: 70%;
}
	
.footer .right {
	margin-top			: 11px;
	float				: right;
	text-align			: right;
	width				: 30%;
}

.title-right-image {
	margin-top          : 10px;
	margin-right        : 10px;
	float				: right;
	text-align			: right;
}

.title-left-image {
	margin-top          : 10px;
	margin-left         : 10px;
	float				: left;
	text-align			: left;
}

.title-right-image-bottom {
	float				: right;
	vertical-align	    : top;
}

.title-left-image-bottom {
	float				: left bottom;
	vertical-align	    : top;
}

.spacer {
	clear: both;
}

div.banner {
    font-family: "Comic Sans MS", sans-serif;
    font-size: 100%;
    text-align: center;
}

div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
/*  border: ridge 3px blue;*/
  background-image: url("http://www.cs.toronto.edu/~pgries/sca/lmmd2005/images/opaq0008.jpg");
}

div.banner b { font-size: 100%; display: block; margin: 0 0.5em; text-align: left }
div.banner b { background: black; color: white; text-align: center}

/*div.banner a, div.banner em { display: block; margin: 0 0.5em }*/
div.banner a, div.banner em { margin: 0px 0.25em 0px 0.25em; }
/*div.banner a:first-child { border-left: none }*/

div.banner a:link { text-decoration: none; color: black }
div.banner a:visited { text-decoration: none; color: blue }
div.banner a:hover { background: blue; color: yellow; text-decoration: underline }