*{margin: 0; padding: 0;}

html, body
	{
	background: url(/flash/media/timber_tile_02.jpg) center top;
	font-family: Lucida Grande, Tahoma, Verdana, Arial, Sans-serif;
 	font-size: 11px;
 	line-height: 14px;
 	color: #454545;
 	}
 	
 #wrapper
 	{
 	width: 820px;
 	height: 100%;
 	background: url(/flash/media/timber_tile_03.jpg) repeat-y;
 	}

.notepad
	{
	width: 630px;
	height: 300px;
	background: url(/flash/media/timber_tile_03.jpg) repeat-y; 
	}
	
.notepadStart {

  background: url(/flash/media/spiral_top.jpg) no-repeat;
  height: 10px;
	
}	
	
.notepadNav {

 background: url(/flash/media/SpiralBook_Nav.jpg) repeat-y;
 width: 627px;
 height: 80px;
 padding-left: 50px;
 padding-right: 30px;


}
		
/* THE PADDING-RIGHT IN EACH ONE OF THE BELOW SERVES TO FLUSH THE SUB MENU TO THE LEFT PADDING DIFFERS BASED ON IMAGE HEADER */
	
.notepadTop
	{
	/* This is the default it may apply to multiple classes based on the section being viewed - DO NOT CHANGE BUT ADD SIMILAR CLASSES */
	valign: top;
	background: url(/flash/media/spiral_Generic_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 200px;
}

.notepadBottom {

  background: url(/flash/media/notePad_bottom.jpg) no-repeat;
  width: 629px;
  height: 55px;
}

/* DEFAULT TITLE IMAGE */
.blankHeader {
  valign: top;
  background: url(/flash/media/spiral_Blank.jpg) no-repeat;
  width: 629px;
  height: 60px;
  padding-left: 30px;
  padding-right: 50px;
}



/* Start section specific headers */
/*
.aboutus
	{
	valign: top;
	background: url(/flash/media/AboutUs_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 124px;
	text-align: top;
}

.accommodation
	{
	valign: top;
	background: url(/flash/media/spiral_Accommodation_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 100px;
}

.employment
	{
	valign: top;
	background: url(/flash/media/spiral_Employment_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 50px;
}

.contactus
	{
	valign: top;
	background: url(/flash/media/spiral_ContactUs_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 100px;
}


.classifieds
	{
	valign: top;
	background: url(/flash/media/spiral_Classifieds_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 100px;
}
.newclassified
	{
	valign: top;
	background: url(/flash/media/spiral_Classifieds_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 100px;
}

.generic {
  valign: top;
	background: url(/flash/media/spiral_Generic_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 250px;
}

.tripstourscourses
	{
	valign: top;
	background: url(/flash/media/spiral_Trips&Tours_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 250px;
}

.childcare
	{
	valign: top;
	background: url(/flash/media/childCare_title.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 200px;
}

.studentservices
	{
	valign: top;
	background: url(/flash/media/spiral_StudentServices_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 50px;
	padding-right: 150px;
}

.events
	{
	valign: top;
	background: url(/flash/media/spiral_Events_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 250px;
}

.news
	{
	valign: top;
	background: url(/flash/media/spiral_News_Top.jpg) no-repeat;
	width: 629px;
	height: 217px;
	padding-left: 70px;
	padding-right: 250px;
}

/* end of section specific headers */


.notepadBody
	{
	background: url(/flash/media/notePad_middle.jpg) repeat-y;
	font-size: 11px;
	line-height: 140%;
	padding: 0px 40px 0px 70px; /* don't change last value as this allows Micropower pages to fit w/o pushing banner */
	}

.notepadBody p
	{
	padding: 14px 0px 0px 0px;
	}
	
.ads
	{
	/* border: 1px solid #000000;  remove when done */
	width: 191px;
	height: 100%;
  background: url(/flash/media/timber_tile_03.jpg) repeat-y;
	}
	
.adBorderMiddle
	{
	background: url(/flash/media/int_adBorder_middle.jpg) repeat-y;
  padding-left: 12px;
	
	}

.footer
	{
	color: #000000;
	width: 820px;
	margin-top: 20px;
	font-size: 11px;
	text-align: center;
  background: transparent; 
  opacity: 1; 
  filter:alpha(opacity=100); /* IE's opacity*/ 
	}
		
.footer a
	{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	}
	
.footer a:hover
	{
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
	}