body {
			font:80% arial;
			background:white;
			margin:0;
		}
		h1 {font-size:32px; font-family:arial; color:#D62828; border-bottom:6px solid #D62828; position:relative}
		h2 {font-size:26px; font-family:arial; color:#D62828; margin-bottom:-15px; padding-bottom:-15px;}
		h3 {font-size:24px; font-family:arial; color:#D62828; margin-bottom:-15px; padding-bottom:-15px;}
		h4 {font-size:20px; font-family:arial; color:#D62828; margin-bottom:-15px; padding-bottom:-15px;}
		h5 {font-size:18px; font-family:arial; color:#D62828; margin-bottom:-15px; padding-bottom:-15px;}
		h6 {font-size:16px; font-family:arial; color:#D62828; margin-bottom:-15px; padding-bottom:-15px;}
		P {font-size:14px; font-family:arial}
		span.small {font-size:12px}
		span.big {font-size:16px}
		a {color: #D62828}		
		a:visited {color: #D62828}
		q {font:italic 14px arial}
		q.emph {font:bold italic 14px arial}
		dt {color: #D62828; font:bold 14px arial}
		.site {
			list-style-type:disc;
		}
		#header {
			background: #D62828 url(http://www.dartonhigh.org/images/DartonBanner.jpg);
			height: 138px;
			border:1px solid #D62828;
			border-left-style:hidden;
			border-right-style:hidden;
		}
		#sidebar {
			display:block;
			position: absolute;
			left: 2px;
			top:142px;
			z-index: 50;
		}		
		.navigation {
			width:200px;
			display:block;				
			font-weight:bold;
position:absolute;	 
		}		
		.navigation ul {
			padding-right: 0px; 
			padding-left: 0px; 
			font-weight:bold;			
			z-index: 500; 
			padding-bottom: 0px; 
			margin: 0px; 
			width: 2em; 
			padding-top: 0px;	 
			list-style-type: none; 
			position: absolute;
			}
		.navigation li {
			float: left; 
			background: white;
		}
		.navigation li.sub {
			background: white;
		}
		.navigation table {
			margin-top: -1px;
			z-index: 100; 
			position: relative; 
			border-collapse: collapse		
		}
		/*All links as standard*/
		.navigation a, .navigation a:visited {
			border: #D62828 1px solid;
			border-width:1px 1px 0 1px;			  
			display: block; 
			padding-left: 3em;  
			width:187px;
			color: #D62828; 
			line-height: 2em;  
			font:small-caps bold 15px arial;
			height: 22px; 
			text-decoration: none
		}
		.navigation a.last, .navigation a:visited.last {
			border-width:1px;
		}
		.navigation a.ad, .navigation a:visited.ad, .navigation a:hover.ad {
			display: block;
			border:none; 
			background: white;
			width:186px;
			color: #D62828;   
			font:small-caps bold 15px arial;
			text-decoration: none
		}							
		.navigation img {
			float: right;
			margin: 3px 5px 0 0;
			border:none;

		}
		* html .navigation a {
			width:187px;
		}
		* html .navigation a:visited {
			width:187px;
		}
		/*Hovering over all links */
		* html .navigation a:hover {
			font-weight: bold; 
			color: #D62828;
			font-style: normal; 
			position: relative;
			height: 22px;
			width:187px;			 
			background: #D62828 url(http://www.dartonhigh.org/images/MenuButtonHover.jpg); 
			text-decoration: none
		}
		.navigation li:hover {
			position: relative		
		}
		.navigation a:active {
			font-weight: bold;
			color: #D62828;  
			font-style: normal;
			height: 22px;
			width:187px;					 
			background: #D62828 url(http://www.dartonhigh.org/images/MenuButtonHover.jpg); 
			text-decoration: none
		}
		.navigation a:focus {
			font-weight: bold; 
			color: #D62828;
			font-style: normal;
			height: 22px;
			width:187px;								  
			background: #D62828 url(http://www.dartonhigh.org/images/MenuButtonHover.jpg); 
 			text-decoration: none
		}
		.navigation li:hover > a {
			font-weight: bold; 
			color: #D62828; 
			font-style: normal;
			height: 22px;
			width:187px;					 
			background: #D62828 url(http://www.dartonhigh.org/images/MenuButtonHover.jpg); 
			text-decoration: none
		}
		.navigation li ul {
			padding-right: 2em; 
			padding-left: 220px; 
			width:232px; 
			visibility: hidden; 
			padding-bottom: 2em; 
			padding-top: 2em; 
			position: absolute; 
			top: -2em; 
			background-color: transparent;
		}
		.navigation li:hover > ul {
			visibility: visible
		}
		.navigation ul a:hover ul ul {
			visibility: hidden
		}
		.navigation ul a:hover ul a:hover ul ul {
			visibility: hidden
		}
		.navigation ul a:hover ul a:hover ul a:hover ul ul {
			visibility: hidden
		}
		.navigation ul a:hover ul {
			visibility: visible
		}
		.navigation ul a:hover ul a:hover ul {
			visibility: visible
		}
		.navigation ul a:hover ul a:hover ul a:hover ul {
			visibility: visible

		}
		.navigation ul a:hover ul a:hover ul a:hover ul a:hover ul {
			visibility: visible
		}
		.search {
			position: absolute;
			top:300px;
			text-align:center;
			height:100px;
			color: #D62828;
			font:arial;
		}		
		.box {
			position: absolute;
			top:412px;
			text-align:center;
			height:100px;
			color: #D62828;
			font:arial;
		}
		.box table {
			border:1px solid #D62828;
			background:white;
			width:234px; 
		}		
		.box td.head {
			background:#D62828;
			color:white;
			font:small-caps bold 15px arial;
		}
		.box a {
			border:none;
			background:white;
			color:#D62828;
			text-decoration:none;
			font:italic 12px arial;
		}
		.box img {
			padding: 1px;
			border: 1px solid #D62828;
			margin: 0 0 1em 1em;
		}				
		#content {
			background: white url(http://www.dartonhigh.org/images/Backdrop.gif) 238px 0 repeat-y;
			xpadding: 1px 1em 2em 1em;
			padding: 20px 20px 20px 20px;
			border-left: 238px solid white;
			min-height:800px;
			height:auto;
		}
		/* for Internet Explorer */
		/*\*/
		* html #content {
			height: 800px;
			background: white url(http://www.dartonhigh.org/images/Backdrop.gif) 0 0 repeat-y;			
		}
		/**/		
		#content img {
			padding: 1px;
			border: 1px solid #D62828;
			margin: 0 0 1em 1em;
		}
		#book {
			position:relative;
			left: 150px;
		}			
		#container {
			position: relative;
			width: 790px; /* width + border for IE 5.x */
			w\idth: 790px; /* real width */
			border: solid #D62828;
			border-width: 0 1px 1px 1px;
			margin: auto;
		}
		#footer {     
			clear:both;
			width:790px;
			height:25px;
			background:#D62828;
			margin:auto;
		}
		#footer table {
			table-layout:fixed;
			background:#D62828;
			font:14px arial;
			color:white;							
		}		 
		#footer a {
			text-decoration:none;
			color:white;	
		} 		
		#footer a:visited {
			text-decoration:none;
			color:white;	
		}
		#calendar table {
			border:1px solid #D62828; 
			background:white
		}
		#calendar td.null {
			width:65px; 
			height:65px; 
			background:#D62828
		}
		#calendar td.valid {
			width:65px; 
			height:65px; 
			border:1px solid #D62828; 
			color:#D62828; 
			font:25px Arial; 
			vertical-align:top
		}
		#calendar td.day {
			width:65px; 
			height:23px; 
			border:1px solid #D62828; 
			color:#D62828; 
			font:bold 16px arial; 
			text-align:center
		}
		#calendar td.month {
			width:544px; 
			height:25px; 
			color:#D62828; 
			font:bold 20px arial; 
			text-align:center; 
			border:1px solid #D62828;
		}
		#calendar span.inset {
			border:1px solid #D62828;
			padding:1px; 
			color:#D62828; 
			text-align:center;
			font:small-caps bold 16px arial; 
			background-color:white
		}
		#calendar table.links {
			table-layout:fixed;
			height:25px;
			border:1px solid #D62828; 
			background:white
		}
		#calendar td.links {
			width:81px; 
			height:23px; 
			border:1px solid #D62828; 
			color:#D62828; 
			font:bold 15px arial; 
			text-align:center
		}
		#calendar td.select {
			height:23px; 
			border:1px solid #D62828; 
			color:#D62828; 
			font:bold 18px arial; 
			text-align:center
		}		
		#calendar a {
			color:#D62828;
			text-decoration:none;
		}
		#calendar a:hover {
			font:small-caps bold 16px arial;
		}	
		#exam table {
			border:1px solid #D62828; 
			background:white;
width:500px;
		}
		#exam caption {
			border:1px solid #D62828; 
			background:white;
			color:#D62828;
			font:bold 18px arial; 
			border-bottom:none;						
		}		
		#exam td.flip {
			height:25px; 
			background:#FBE6E7;
			border:1px solid #D62828;			
			color:black;
			font:bold 10px arial; 			
		}
		#exam td.flop {
			height:25px; 
			border:1px solid #D62828;
			color:black;
			font:bold 10px arial; 			
		}
		#exam td.am {
			height:25px; 
			background:#fcee84;
			border:1px solid #D62828;			
			color:black;
			font:bold 10px arial; 			
		}
		#exam td.pm {
			height:25px; 
			background:#f0a871;
			border:1px solid #D62828;			
			color:black;
			font:bold 10px arial; 			
		}
		#exam th {
			height:23px; 
			border:1px solid #D62828; 
			color:#D62828; 
			font:bold 16px arial; 
			text-align:center;
		}
		.vistab {
				border:1px solid #D62828;
			}
		.vistab table {
				text-align:center;	
			}
		.vistab caption {
				background:#D62828;
				color:white;
				font:small-caps bold 16px Arial;	
			} 
		.vistab th {
				background:#D62828;
				color:white;
				font:small-caps bold 14px Arial;
				padding:2px;	
			} 		
		.vistab tr {	
			} 	
		.vistab td {
				border:1px solid #D62828;
				font:12px Arial;
				padding:2px;	
			}