/*
 * Supermodel Style Sheet
 * by Bart Trzynadlowski
 *
 * Warning: Here be dragons!
 */

	body {
		font-family: Verdana, Tahoma, Arial;
		font-size: 12pt;
		text-align: center;	/* center layout in IE but then we must left align text in every div! */
		background-color: white;
	}
	
	img {
		border-style: none;	/* no link border around images */
		text-decoration: none; 
	}

	
	p.code {
		font-family: monospace;
		/*background-color: #d0e0ff;*/
		color: #5060ff;
		margin-left: 2em;
		display: inline-block;
		
	}
	
	p.caption {
		font-size: 10pt;
	}
	
	h1 {
		font-size: 14pt;
		font-weight: bold;
		color: black;
	}
	
	h2 {
		font-size: 12pt;
		font-weight: bold;
		color: black;
	}
	
	h3 {
	  font-size: 12pt;
	  font-weight: bold;
	  color: black;
	}
	
	hr { 
		border: 0px; 
		height: 1px; 
		background-color: #000000; 
		color: #000000; 
		width: 100%; 
	}
	
	td {
		font-size: 10pt;
	}
	
	td.header {
		color: #003269;
		background-color: #ffd0f0; /*#f060a0;*/
		font-weight: bold;
	}
	
	td.blue {
		color: black;
		background-color: #d0e0ff;
	}
	
	td.red {
		color: black;
		background-color: #ff9090;
	}
	
	td.green {
		color: black;
		background-color: #a0ffa0;
	}
	
	td.yellow {
		color: black;
		background-color: #ffffa0;
	}
	
	#Header {	/* Page title and navigation bar */
		background-color: white;
		color: #f060a0;
		padding-left: 48px;
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		text-align: left;
	}
	
	#Header h1 {
		font-size: 30pt;
		font-variant: small-caps;
		color: black;
		margin: 0;
	}
	
	#Header h1 a {
		text-decoration: none;
		color: black;
	}
	
	#Header p {
		margin-top: 0;
		margin-bottom: auto;
	}
	
	#Navbar {
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		text-align: left;
	}
	
	#Navbar ul {
		background-color: #f060a0;
		color: white;
		padding-left: 48px;
		padding-top: 8px;
		padding-bottom: 8px;
		/* leave a top margin so we don't bump into title */
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	
	#Navbar ul li {
		display: inline;
		padding-right: 6px;
		padding-left: 6px;
	}
	
	#Navbar ul li a {
		text-decoration: none;
		color: white;
	}
	
	#Navbar ul li a.selected {
		background-color: #ff60a0;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	#Navbar ul li a:hover {
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: #ff70b0;
	}
	
	#Navbar hr { 
		border: 0px; 
		height: 20px; 
		background-color: #f060a0;
		color: #f060a0;
		width: 100%; 
	}

	
	#Splash {
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		height: 723px;
		background-color: #d0d0f0;
		background-image: url('Images/Dayto2PE_InYourFace_1024x723_Low.jpg');
		padding: 0px;
		text-align: left;
	}
	
	#MainContainer {
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		padding: 0px;
		position: relative;
		margin-top: 1em;	/* hack: provides some margin between navbar and content, but requires margin-top=0 for h1 :P */
		text-align: left;
	}
	
	#MainContainer h2 {
		color: #f060a0;
	}
	
	#MainContainer a {
		text-decoration: none;
		color: #f060a0;
	}
/*	
	#MainContainer p {
		margin: auto;
	}
*/

	#MainContainer ul {
		list-style-position: inside;
	}

	#Left {	
		width: 300px;
		left:0;
		margin: 0;
		padding: 0;
		float:left;
		text-align: left;
	}
	
	#Left hr { 
		border: 0px; 
		height: 1px; 
		background-color: #000000; 
		color: #000000; 
		width: 90%; 
	}
	
	#Left h1 {
		font-weight: bold;
		color: black;
		padding-left:10%;
		margin-top: 0;		/* hack: provides some margin between navbar and content */
	}
	
	#Left ul {
		background-color: white;
		color: black;
		margin: 0;
		padding-left:5%;
		padding-right:5%
	}
	
	#Left ul li {
		background-color: #d0e0ff;
		list-style-type: none;
		margin: 0;
	}
	
	#Left ul li.selected {
		background-color: #b0c0ff;
	}
	
	#Left ul li:hover {
		background-color: #f6f4d0;
	}
	
	#Left ul li a {
		text-decoration: none;
		color: black;
	}
	
	#Right {
		width: 724px;
		/*position: absolute;*/
		left: 300px;
		margin: 0;
		padding: 0;
		float:right;
		text-align: left;
	}
	
	#Right h1 {
		margin-top: 0;
	}
	
	#Right h2 {
		color: #f060a0;
	}
	
	#Right h3 {
		color: black;
	}
	
	#Right a {
		text-decoration: none;
		color: #f060a0;
	}
	
	#Right img {
		margin: 10px;
	}
	
	#Footer {
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		padding: 0px;
		clear: both;
		text-align: left;
	}
	
	#Footer p {
		font-size: 10pt;
		color: #808080;
		margin: 0;
	}
	
	#Footer hr { 
		border: 0px; 
		height: 1px; 
		background-color: #000000; 
		color: #000000; 
		width: 100%; 
	}