html{height: 100%;}



body

{ font: 62.5%/1.4 Georgia, Times,  serif;

  background: #ffffff;

  padding: 0px;

  margin: 0px;

  font-size: 0.82em;

}



p

{ padding: 0px 0px 0px 0px;

  margin: 0px 0px 0px 0px;

  font-size: 0.9em;

  letter-spacing: .09em;

}



h1

{

	font-size: 1.7em;

	padding: 0px 6px 8px 6px;

	margin: 0px 0px 0px 0px;

	color: #0077CE;

	font-variant:small-caps;

	font-weight: bold;

}



h2

{

	font-size: 1.2em;

	padding: 6px 6px 6px 6px;

	margin: 0px 0px 0px 0px;

	font-weight: bold;

	color: #778899;

	background: #ffffe0;

	border: 1px dotted #ddd;

}



h3

{

	font-size:1.2em;

	padding: 4px 6px 0px 6px;

	margin: 0px 0px 0px 0px;

	color: #63717E;

	font-weight: normal;

}



h4

{

	font-size: 1em;

	padding: 0px 6px 0px 6px;

	margin: 0px 0px 0px 0px;

	color: #555555;

	font-weight: normal;

}



h5

{ font-size: 1.4em;

  padding: 6px 0px 2px 0px; 

  margin: 0px 0px 0px 0px;               

 color: #eee;

}



h6

{

	font-size: 1em;

	padding:  2px 0px 2px 330px;

	margin: 0px 0px 0px 0px;

	color: #006699;

}

.teach {background: #FF0; color: #111; padding: 3px; font-size: 1.2em;}



img

{ border: 1px; 

  margin: 0px; 

  padding: 0px 0px 0px 20px; 

}



a:link {

	border-bottom: dashed 0px;

	text-decoration: none;

	color: #3366cc;

	border-bottom: 1px #ccc dotted;

	padding: 2px;

}



a:visited {

	text-decoration: none;

	border-bottom: dashed 0px #999;

	color: #3366cc;

	border-bottom: 1px #ccc dotted;

	padding: 2px;

}



a:hover {

	color: #0066CC;

	padding: 2px;

	border-bottom: 0px #ccc dotted;

	background-color: #FFfff0;

}



a:active {

	text-decoration: none;

	background: #fffaf0;

	color: #FF6600;

	padding: 2px;

	background-color: #000066;

}



/* unordered list */

ul

{ margin: 0px 0px 0px 0px;

  padding: 0px;

}



ul li

{ list-style-type: circle;

  margin: 0px 0px 0px 0px; 

  padding: 0px;

}



/* margin lefts / margin rights - to centre content */

#main, #footer, #logo, #menubar, #site_content, #logo2

{ margin-left: auto; 

  margin-right: auto;

}



/* main container */

#main

{width: auto;

 height: auto;

 border: 0px dotted;

 border-color:#eee;

 background: #fff;

}



/* logo */

#logo

{ width: auto;

  height: 140px;

  border: 0px dotted;

  background: #e5e6fa;

}



#logo2

{ width:900px;

  height: 140px;

  border: 0px dotted;

  background: #ffff66 url(logo2.jpg) no-repeat;

  float: center;

}





/* navigation menu */







#menubar

{ height: 46px;

  width: 900px;

  padding: 1px 0px 0px 0px;

  background: #99ccff;



} 



#menubar2

{ height: 46px;

  width: auto;

    border-top: 2px solid #ffff66;

    padding: 10px 0px 0px 0px;

	 background: #99ccff;

} 





/* main content */

#site_content

{ overflow: hidden;

  padding: 0px 0px 0px 0px;

  width: 900px;

  height: auto;

  border: 0px dotted;

  border-color: #330099;

  background: #fff;

}



/* sidebar */

.sidebar

{ float: left;

  width: 220px;

  height:auto;

  padding: 12px;

 border: 1px dotted #ccc;

	margin: 12px 22px 0px 20px;

	background: #e6e6fa;

}



/* sidebar items / links */

.sidebaritem

{ text-align: left;

  width: 162px;

  float: left;

  margin: 6px;

}







.sidebar2

{ float: right;

  width: 190px;

  height: auto;

  padding:12px 0px 12px 12px;

  border: 0px dotted #ccc;

  background: #fff;

  margin: 12px 22px 0px 20px;

}



/* page content */

#content

{ text-align: left;

  float: left;

  width: 320px;

  height: auto;

  padding: 10px 20px 20px 20px;

   border: 0px dotted #ccc;

   margin: 12px 0px 24px 0px;

   background: #fff;

}



#content a.colour, #content a.colour:hover{border-bottom: 0px;}



/* footer */

#footer

{ font-size: 0.9em;

  height: 70px;

  width: auto;

  margin: 0px;

  text-align: center;

  border-top: 1px solid #ccccff;

  background: #ffff33 url(bg.gif) repeat-x;

   padding:24px 0px 0px 0px; 

}



#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}