body {
	background:#FFF;
	color:#333;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 150%;
	margin:0;
	padding:0;
	border:0;
	
}

* {

padding:0;
margin:0;
border:0;

	
}

/* Typeography, imagery, links -------*/

img {
	border:none;
	
	
}

.float_right {
	display:inline-block;
	float:right;
	padding-left:10px;
	
}

.h2_float_right {
	display:inline-block;
	float:right;
	margin:0;
	padding:0;

	

}

a:link, a:visited {
	font-weight: bold; 
	color:#551a8b;
	text-decoration:none;
}

a:hover {
	font-weight: bold; 
	color:#551a8b;
	text-decoration:underline;

}


p {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	
}

.quotes {
	 	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		font-size:11px;
		letter-spacing:0.025em;
		color:#551a8b;


	
}
.inside {
	list-style:disc;
	list-style-position:inside;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	
}

.library {
	list-style:none;
 	font-family:Verdana, Arial, Helvetica, sans-serif;

}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:120%;
	padding:8px 0 8px 0;
	
}
h1.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:120%;
	letter-spacing:-0.75px;
	padding:15px 0 0 45px;

}
.smaller {
	font-size:16px;
	
}
.bigger {
	font-size:28px;
	
}
h2 {
	margin:0 0 8px 0;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
 	font-family:Arial, Helvetica, sans-serif;
}
#top_story h2 {
	margin:8px 0 12px 0;
	font-size:21px;
	line-height:120%;
 	font-family:Arial, Helvetica, sans-serif;

}
.contact  {
	color:#551a8b;
}
h3 {
	margin:0;
	padding-top:10px;
	font-size:11px;
	line-height:120%;
 	font-family:Arial, Helvetica, sans-serif;

}	



#left_content a:link, #left_content a:visited {
	color:#FF0000; 
	font-weight: bold; 
	text-decoration:none;
	
}

#left_content a:hover {
	color:#FF0000; 
	font-weight: bold; 
	text-decoration:underline;


}
	
p.intro_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	color:#990099;
	
	


	
}

p.learn a:link, p.learn a:visited {
	color:#551a8b;
	margin-right:8px;
	padding:0;
	font-weight: bold; 
	text-decoration:underline;
	
}


p.learn a:hover {
	color:#FF0000;
	text-decoration: underline;

}

p.footer_text {
	color:#FFFFFF;
	padding:40px 60px 0 60px;
	
}

p.footer_text a:link, p.footer_text a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	
}

p.footer_text a:hover {
	color:#FF0000;
	text-decoration: underline;
	

	
/* Fontsizer -------*/

	
}

#fontsizes {
	padding:15px 0 0 40px;
	height:auto;
	margin:0;
	font-weight:bold;	

}


#fontsizes ul li  {
	display:inline;
	padding-left:5px;
	list-style: none;
	font-weight:bold;	

}

#fontsizes a {
	color:#FFFFFF;
	font-weight:bold;	
	
}

#fontsizes a:hover {
	color:#FF0000;
	font-weight:bold;
	
}    

.fontsmall {
  font-size:12px;
	
}    


.fontmedium {
  font-size:16px;
}    

.fontlarge {
  font-size:18px;
}

/* Background, wrappers, header, footer -------*/


#background_wrapper {
	background: url(background_tile.jpg) repeat;
	
	
}

#top_story_wrapper {
	margin:0;
	padding-right:25px;	
	
}

#content_wrapper {
	margin-right:auto;
	margin-left:auto;
	width: 800px;
	margin: 0 auto;
	background:#FFF url(background.jpg) center repeat-y;
	
}


	
#header {
	width: 800px;
	margin: 0 auto;
	color: #FFF;
	height: 144px;
	background: url(site_header.jpg) top no-repeat;


	
}

#sock {
	width:auto;
	color:#FFF;

}

#footer {
	margin:auto;
	height:102px;
	width:800px;
	background: url(site_footer.jpg);

	

}


/* Site Navigation -------*/

#main_navigation ul {
	list-style: none;
	padding:0;
	margin:0;
	margin-left:25px;
	
}

#main_navigation {
	float:left;
	width: 155px;

	
}

#main_navigation li a {
	display:inline-block;
	height: 21px;
	text-decoration:none;
	
}

#main_navigation li a:link, #main_navigation li a:visited {
	display: block;
	color:#333;
	background: url(simple.jpg) no-repeat;
	padding-top: 9px;
	padding-left:20px;
}
	
#main_navigation li a:hover {
	color:#FFF;
	background: url(simple.jpg) no-repeat 0 -30px ;	
	padding-top: 9px ;
	padding-left:20px;


}


/* left Column -------*/

#left_wrapper {
	float:left;
	clear:both;
	width: 155px;	

}

.clear {
	clear:both;


}

#left_content {
	height:250px;
	padding-top:10px;
	padding-left:20px;
	margin-left:25px;
	background: #FFF url(course_map_small.jpg) no-repeat;
	
}

#left_content_map {
	height:250px;
	padding-top:10px;
	padding-left:20px;
	margin-left:25px;
	background: #FFF url(left_content_grey_panel.jpg) no-repeat;
}
#left_content_map h3{
	color:#551a8b;
	padding-top:112px;
	padding-right:4px;

	
}


/* Right Column -------*/


#ie_bug_wrapper {
	float: right;
}


#right_column {
	float: none;
	margin-right: 25px;
	width: 310px;
	background: #FFF url(content_orange.gif);
	text-align:left;
	
}

.right_title {
	padding-left: 15px;
	font-size:14px;
	background: url(header_orange.gif) no-repeat top left;
	height: 20px;
}

.right_text {
	padding: 0px 20px 25px 15px;
	background: url(footer_orange.gif) no-repeat left bottom;
	
}	

.home_sub_right {
	height:51px;
	background:  url(sub_home_right.gif) no-repeat top left;
	
}

.home_sub_left {
	height:51px;
	background:  url(sub_home_left.gif) no-repeat top left;
}
.sub_right {
	padding: 15px 0 0 15px;
}
.sub_left {
	padding: 15px 0 0 20px;
	
}	

.no_corners_right {
	padding: 10px 20px 15px 15px;
	background: #FFF;
	
}

/* Centre Column -------*/

.centre_title {
	position: absolute;
	padding-left:20px;
	font-size:14px;
	margin-bottom: 1px;
	font-weight:bold;
	width: 310px;
	color: #FFF;
	background: url(header_blue.gif) no-repeat top left;
	height: 20px;
	
}


.centre_column {
	margin-left: 155px;
	margin-right: 335px;
	background: url(content_blue.gif) top left;
	text-align:left;
}

.centre_text {
	padding: 20px 15px 25px 20px;
	margin-bottom: 1px;
	background: url(footer_blue.gif) no-repeat left bottom;

}

.no_corners {
	padding: 10px 20px 15px 20px;
	background: #FFF;
	
	


	
	
/* Homepage Top and Content Page -------*/
	
}
#intro_header {
	margin-left: 155px;
	margin-right: 25px;
	padding-top: 10px;
	background: url(intro_header.gif) no-repeat top right;
	
}
#content_header {
	margin-left: 155px;
	margin-right: 25px;
	padding-top: 10px;


} 

#intro_content {
	background: url(intro_content.gif);

}

#intro_footer {
	padding-top:10px;
	background: url(intro_footer.gif) no-repeat bottom;

}


#intro_text {
	padding: 4px 20px 8px 20px;
	
	}

#top_story {
	margin-left: 155px;
	margin-right: 25px;
	padding: 0px 0px 22px 20px;
	background: #FFF;

}

#content_story {
	margin-left: 155px;
	margin-right: 25px;
	padding: 0px 32px 22px 20px;
	background: #FFF;


}

#content_map {
	margin-left: 155px;
	margin-right: 25px;
	padding: 0px 0 0 20px;
	background: #FFF;
}

*html #content_map {
	width:600px;
	margin:0;	
	padding-left:16px;
}

#sub_header {
	margin-left: 155px;
	margin-right: 25px;
	padding-top: 10px;
	background: url(more_header.jpg) no-repeat top right;
	
}
#sub_content {
	background: url(more_content.jpg);

}

#sub_footer {
	padding-top:10px;
	background: url(more_footer.jpg) no-repeat bottom;

}


#sub_text {
	padding: 4px 20px 0px 20px;
	
}


.sub_header {
	margin-left: 155px;
	margin-right: 25px;
	padding-top: 10px;
	background: url(more_header.jpg) no-repeat top right;
	
}
.sub_content {
	background: url(more_content.jpg);

}

.sub_footer {
	padding-top:10px;
	background: url(more_footer.jpg) no-repeat bottom;

}


.sub_text {
	padding: 4px 20px 0px 20px;
	
}
.location_text {
	margin-left: 155px;
	margin-right: 25px;
	padding: 4px 20px 0px 20px;
}