body {
		font-family: verdana, arial,  sans-serif;
		font-size: 13px;
		background-image: url(images/sdtilebg2.jpg);
		background-attachment: fixed;
		}
		
		h1, h2, h3, h4, h5, h6 {
        font-size: 24px;
		color: #990000;
		font-family: georgia, "times new roman", times, serif;
		font-weight: normal;
        }
        
		h2 {
		font-size: 18px;	
		}
		
		h3 {
		font-size: 16px;	
		}
		
		h4 {
		font-size: 14px;	
		}
		
		h5 {
		font-size: 14px;	
		}
		
		h6 {
		font-size: 14px;	
		}
		
		h1, h2, h3, h4, h5, h6, p, ul, ol {
		margin-top: 0;
		}
		
		p{
		text-align: justify;
		}
		
		q:before {
		content: "";	
		}
		
		q:after {
		content: "";	
		}
		
		q span {
		font-family: "times new roman", times, serif;
		font-size: 110%;
		}
		
		
		/* LAYOUT */
		
		#wrapper {
		width: 942px;
		margin-left: auto;
		margin-right: auto;
		border: 4px #444475;
		border-style: solid;
		border-width: 4px #444475; 
		background-image: url(images/bg2.png);
		background-repeat: repeat-y;
		}
		
		#header {		
		height: 150px;
		background-color: white;
		background-repeat: no-repeat;
		background-image: url(images/HEADER.gif);
		border: 4px #444475;
		border-style: solid;
		border-width: 4px #444475; 
		border-top: none; 
		border-left: none;
		border-right: none;
		text-indent: -9999px; /* moves text away from visible site with - value */
		text-align: right;
		}
		
		#menu {
		background-color: #424573;
		padding: 0px 0px 0px 20px;
		float: right;
		width: 922px;
		}
		
		#menu a {
		float: right;
		display: block;
		padding: 5px 0px 5px 5px;
		background-image: url(images/menu-top.gif);
		width: 96px;
		text-align: center;
		text-decoration: none;
		color:#4F054E;
		}
		
		#menu a:hover {
		float: right;
		display: block;
		padding: 5px 0px 5px 5px;
		background-image: url(images/menu-top-hover.gif);
		width: 96px;
		text-align: center;
		text-decoration: none;
		color:#A73AAB;
		}
		
		#menu a.news {
		height: 16px;
		}
		
		#navigation {
		width: 160px;
		float: left;
		padding: 10px;
		background-color: ;		
		}
				
		#content {
		width: 700px;
		float: left;
		padding: 20px;
		background-color: ;
		}
		
		#content a {
		color: #000032;
		text-decoration: none;
		}
		
		#content ol {
		list-style-type: lower-roman;	
		}
		
		#arm {
		width: 0px;
		float: right;
		padding: 0px;	
		background-color: ;
		}
		

		#footer {
		height: 75px;
		clear: both;
		padding: 10px;
		background-image: url(images/footer.gif);
		border-top: solid 4px #444475;
		color: red;
		}
	
		#footer a {
		color: #blue;
		text-decoration: none;
		}
		
		#navigation ul {
		list-style-type: none; /* removes the bullets */
		margin-left: 0;
		padding-left: 0;
		border: double 1px #333; /* setup border on all four sides */
		border-bottom: none; /* remove border from bottom */
		}
		
		#navigation a {
		display: block;
		text-decoration: none;
		color: #451B31;
		font-weight: bold;
		background-color: #8A3763;
		padding: 5px 10px 5px 10px; /* padding: top right bottom left */
		border-bottom: double 1px #333; /* sets border on bottom of all links to complete borders*/
		}
		
		#navigation a:hover { /* use of pseudo selector : to affect hyperlink states appearance */
		background-color: #451B31;
		color: #8A3763;
		}
		
		/* GENERAL CLASSES */
		
		
		
		.intro {
		text-align: justify;
		}
		
		.intro:first-letter {
		font-size: 200%;
		font-family: "times new roman", times, serif;
		}
		
		.close {
		text-transform: uppercase;
		font-size: 65%;
		line-height: 0.5;
		}
		
		#navigation h2 {
		text-decoration: underline;
		color: #4A044A;
		text-align: center;
		}
		
		.big h1 {
		color: #000000;
		text-align: center;
		font-size: 48px;
		}
		
		#content ul {
		list-style-image: url(images/yrhslogoB.JPG);
		}
		
		#content a{
		text-decoration: underline;
		color: blue;
		}
		
		#content a:hover{
		text-decoration: underline;
		color: purple;
		}
		
		.cfg{
		font-size: 20px;
		color: black;
		font-family: georgia, "times new roman", times, serif;
		font-weight: normal;
		margin-top: 0;
		}
		
		#eoaPanel {
		position: relative;
		left: 650px;
		top: -100px;
		width: 220px;
		height: 350px;
		padding-left: 30px;
		border-style: solid;
		border-width: 5px;
		border-color: black;
		background-color: #CE9ECE;
		}
		
		#eoaPanel h1{
		text-align: center;
		}
		
		#eoaPanel a {
		display: block;
		background-color: #94499C;
		background-image: url(images/button.jpg);
		background-repeat: no-repeat;
		width: 175px;
		height: 25px;
		padding: 3px;
		padding-right: 10px;
		padding-top: 15px;
		text-align: right;
		color: white;
		text-decoration: none;
		}
				
		#eoaPanel a:hover{
		background-image: url(images/button-light.jpg);
		color: white;
		text-decoration: none;
		}
		
		#calendar {
		position: relative;
		top: -400px;
		}
		
		#intro {
		width: 600px;
		text-align: justify;
		}
		
		body .home #wrapper{
		height: 75%;
		}
		
		#FormBox {
		background-color: #DFD77D;
		width: 150px;
		padding: 10px;
		margin: 5px;
		}