/* MDIA 4304, Alan Colquhoun --  Sept 2012 */
/* CR = Contrast Ratio */

body {
	color: #fff; background: #18496e;  /* CR: 9.47:1 */
	font: bold 1.25em/1.5em serif;
	text-align: center;  /* centers IE6 */
	padding: 20px 0;
}  

#wrapper {
	width: 900px;
	color: #036; background: #dfdfdf; /* CR: 9.46:1 */ 
	margin: 0 auto;  /*centers page for modern browsers such as firefox and ie7+ */
	text-align: left;
	border: 4px solid black;
}

#header {
	color: #000; background: #92afc8;  /* CR: 9.19:1 */
	height: 120px;
    border-bottom: 4px solid black;	
}

#header h1 {
	font-size: 200%;
	text-align: center;
	margin: 0; padding: 45px 0;
}

#sidebar {
	color: #333; background: #dfdfdf; /* Contrast Ratio: 9.48 */
	width: 160px;
	float: left;
	margin: 0; padding: 0;
}

#sidebar p {
	padding: 10px 20px;
}  

#navcontainer {
	padding: 30px 20px 20px 30px;
}

#navcontainer ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

#navcontainer li { 
	margin: 0 0 5px 0; 
}

#navcontainer a {
	color: #fff; background: #246; /* CR: 10.06:1 */
	display: block;
	width: 140px;
	padding: 4px 15px;
	text-decoration: none;
	border: 2px solid black;
}

#navcontainer a:hover {
	color: #fff; background: #445f4d; /* CR: 7.02:1 */
}

#navcontainer a#current {
	color: #000; background: #ccc;  /* CR: 13.08:1 */
	text-decoration: none;
	border: 2px solid black;
}

#content {
	color: #000; background: #fff;  /* CR: 21:1 */
	width: 665px; height: 725px;
	float: right;
	margin: 0; padding: 0;
	border-left: 4px solid black;
}

#content h2 {
	color: #5000ae; background: #fff;  /* CR: 10.76 */
	font-size: 130%;
	font-weight: bold;
	padding: 10px 30px;
}

#content h3 {
	font-size: 130%;
	font-weight: bold;
	margin-left: 25px;
}

#content p {
	margin: 0;
	padding: 0 50px 10px 30px;  /* top right bottom left*/
	line-height: 130%;  /* adds some breathing room between lines */
}    

#contarea {
	padding: 0 30px;
}	

#red {
	color: #f00; background: #fff;
}

table {
	padding: 10px 0 0 30px;
}

td {
	padding-right: 15px;
}

img {
    padding: 5px;
	border: 2px solid black;
}

hr {
    color: #000; background: #000;
	width: 90%; height: 5px;
	margin-top: 30px;
}
	
#olympic {
	font-weight: bold;
	padding: 0 30px 0 5px;
}
	
#footer {
	color: #000; background: #92afc8;  /* CR: 9.19:1 */
	clear: both;  /* make sure the floats get cleared*/
	margin: 0; padding: 0;
	height: 80px;
	border-top: 4px solid black;
}

#footer p {
	margin: 0; padding-top: 10px; 
	line-height: 300%;
	text-align: center;
}