/*Sets default font, colours and backgrounds for the whole page*/

body {font-family: Calibri, Trebuchet, Helvetica, "Lucida Sans", Geneva, Verdana, sans-serif;
     color: #330099;
		 font-weight: bold;
		 background-color: #EEEEFF;
		 margin-top: 0;}

/*Styles specific to headings*/
h1 {margin-top: 25px;
   margin-left: 30px;
   font-size: 250%;
	 font-weight: bold;
	 font-family: "High Tower Text", Calibri, Papyrus, "Lucida Handwriting";}
	 
h2 {margin-top: 25px;
   color: #396;
	 margin-left: 10px;
   font-size: 250%;
	 font-weight: bold;
	 font-family: "Comic Sans MS", Calibri, Papyrus, "Lucida Handwriting";}
	 
/*Pseudo classes*/
a:hover    {text-decoration: none;}
a.navlinks {display: block;
           width: 11em;
					 background-color: #FFF;
					 color: #309;
					 text-decoration: none;
					 padding: 2px 4px 2px 4px;
					 font-size: 125%;
					 border-top: 1px solid #EEE;
					 border-right: 1px solid #CCC;
					 border-bottom: 1px solid #CCC;
					 border-left: 4px solid #EEE;
					 margin-top: 4px;
					 margin-bottom: 4px;}		 

#navlist {margin: 0px 0px 0px 20px;
					width: 13em;
					padding: 2px 2px 0px 5px;
					float: left;}					

#navlist ul {margin-top: 0;
          margin-left: 0;
					padding-left: 4px;}
					
#navlist li {list-style-type: none;}

#maincontent {margin-top: 0px;
           margin-left: 0;
					 margin-right: 0px;
					 margin-bottom: 0px;
					 padding: 0px 2px 0px 2px;}
			 
a.navlinks2 {display: block;
           width: 11em;
					 background-color: #FFFFFF;
					 color: #900;
					 text-decoration: none;
					 padding: 2px 4px 2px 4px;
					 font-size: 125%;
					 border-top: 1px solid #EEE;
					 border-right: 1px solid #CCC;
					 border-bottom: 1px solid #CCC;
					 border-left: 1px solid #EEE;
					 margin-top: 4px;
					 margin-bottom: 4px;}	 

#navlist2 {margin: 0px 0px 0px 45px;
					width: 13em;
					padding: 2px 2px 0px 5px;
					float: left;}					

#navlist2 ul {margin-top: 0;
          margin-left: 0;
					padding-left: 4px;}
					
#navlist2 li {list-style-type: none;}			 
				 
a.navlinks3 {display: block;
           width: 11em;
					 background-color: #FFFFFF;
					 color: #369;
					 text-decoration: none;
					 padding: 2px 4px 2px 4px;
					 font-size: 125%;
					 border-top: 1px solid #EEE;
					 border-right: 1px solid #CCC;
					 border-bottom: 1px solid #CCC;
					 border-left: 1px solid #EEE;
					 margin-top: 4px;
					 margin-bottom: 4px;}	 

#navlist3 {margin: 0px 0px 0px 45px;
					width: 13em;
					padding: 2px 2px 0px 5px;
					float: left;}					

#navlist3 ul {margin-top: 0;
          margin-left: 0;
					padding-left: 4px;}
					
#navlist3 li {list-style-type: none;}			

a.navlinks4 {display: block;
           width: 15em;
					 background-color: #FFFFFF;
					 color: #693;
					 text-decoration: none;
					 padding: 2px 4px 2px 4px;
					 font-size: 125%;
					 border-top: 1px solid #EEE;
					 border-right: 1px solid #CCC;
					 border-bottom: 1px solid #CCC;
					 border-left: 1px solid #EEE;
					 margin-top: 4px;
					 margin-bottom: 4px;}	 

#navlist4 {margin: 0px 0px 0px 45px;
					width: 13em;
					padding: 2px 2px 0px 5px;
					float: left;}					

#navlist4 ul {margin-top: 0;
          margin-left: 0;
					padding-left: 4px;}
					
#navlist4 li {list-style-type: none;}		


a.navlinks:hover, a.navlinks:active
          {background-color: #EFEFEF;}	
a.navlinks2:hover, a.navlist2:active
          {background-color: #EBF5FC;}	
a.navlinks3:hover, a.navlist3:active
          {background-color: #FCFFBB;}	
a.navlinks4:hover, a.navlist4:active
          {background-color: #DDEEFF;}