*
{
	font-family: Plantin, Caslon, Georgia, Garamond, 'Times New Roman', serif;
}
body
{
	background: #ebebeb;
}
a
{
	text-decoration: none;
	color: #77808f;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}
.leadingCharacter
{
	float: left;
	margin: 0 6px 0 0;
}
.a
{
	position: absolute;
	top: 142px;
	left: 50%;
	color: #aca47f;
	width: 380px;
	height: 350px;
	padding: 10px 2em 30px 2em;
	margin: 25px 0 0 -210px;
	float: left;
	font-size: 11pt;
	line-height: 14pt;
}
.a a
{
	color: #4b5768;
}
.b
{
	position: absolute;
	top: 150px;
	left: 50%;
	margin: 0 0 0 229px;
	width: 168px;
	height: 358px;
	color: #213a5d;
	padding: 30px;
	font-size: 8pt;
	line-height: 15pt;
	text-align: right;
	background: url('gfx/bacon-3.jpg') no-repeat center center;
}
#page
{	width: 964px;
	height: 590px;
	margin: auto;
	background: white;
	padding-top: 5px;
}
#logo
{
	display: block;
	background: #aca47f url('gfx/dulwich-college-crest.png') no-repeat 840px 24px;
	width: 916px;
	height: 90px;
	margin: auto;
	padding: 5px 0;
	margin: 1em auto 0 auto;
}
#logo, #logo h1
{
	color: white; //#4b5768;
	font-weight: normal;
	font-family: 'Plantin Light', Plantin, Caslon, Georgia, Garamond, 'Times New Roman', serif;

}
#logo h1
{
	margin: 60px 0 0 34px;
	font-size: 16pt;
	letter-spacing: 0.20em;
	text-transform: uppercase;
}
#logo h1 big
{
	font-size: 19pt;
}
#logo h1 span
{
	color: #213a5d;
	float: right;
	margin: -23px 95px 0 0;
	font-size: 10pt;
	letter-spacing: 0.10em;
}
#logo h1 span big
{
	font-size: 13pt;
}
#logo:hover
{
	text-decoration: none;
}
#menu
{
	text-align: center;
	width: 916px;
	background: #aca47f;
	/*background: url('gfx/menu-bg.png') no-repeat center bottom;*/
	margin: 0 auto;
	padding: 0.2em 0;
}
#menu a
{
	font-family: verdana, helvetica, sans-serif;
	margin: 0 1.2em;
	font-size: 8pt;
	color: white;
	/*background: #aca47f;*/
	position: relative;
	top: -3px;
}
#menu a.on
{
	text-decoration: underline;
}
#main
{
	width: 918px;
	margin: auto;
}
#submenu
{
	background: #77808f url('gfx/dulwich-impression.jpg') no-repeat bottom right;
	border-left: solid #aca47f 1px;
	width: 240px;
	height: 418px;
	float: left;
	padding: 0;
	margin-left: 1px;
	z-index: 2;
}
#submenu a img
{
	background: none;
}
#submenu a
{
	background: url('gfx/quarter-black.png');
}
#submenu a img
{
	/*
	opacity: 0.9;
	filter: alpha(opacity=90);
	*/
}
#submenu a.on img,
#submenu a:hover img
{
	/*
	opacity: 1;
	filter: alpha(opacity=100);
	*/
}

#content
{
	background: #ebebeb url('gfx/content-bg.png');
	margin-left: 242px;
	border-right: solid #aca47f 1px;
	width: 664px;
	height: 398px;
	padding: 15px 5px 5px 5px;
}
#footer
{
	background: url('gfx/footer.png') no-repeat center bottom;
	color: white;
	width: 892px;
	height: 15px;
	margin: -1px auto 2em auto;
	padding: 8px 12px 6px 12px;
	text-align: center;
}
#footer,
#footer a
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1pt;
	color: white;
}
#tsp, #tsp a
{
	display: none;
	font-family: verdana, helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: 1pt;
	color: #4b5768;
}
#tsp
{
	text-align: center;
	margin: 5px auto;
	line-height: 2em;
	position: relative;
	top: 9px;
}
#gallery
{
	margin: 1.1em 0 0 0.3em;
}
#gallery_page
{
	margin: 1em auto 1em auto;
	text-align: right;
}
#gallery_page a
{
	margin: 2em auto;
	color: black;
	padding: 3px 6px;
	margin: 0 4px;
	border: solid white 1px;
}
#gallery_page a:hover, #gallery_page a.on
{
	background: white;
	text-decoration: none;
}
#thumbnails
{
	margin: auto;
}
#thumbnails td
{
	/*
	width: 33%;
	text-align: center;
	*/
}
#sideshow
{
	width: 10px;
	height: 418px;
	position: absolute;
	text-align: right;
	top: 150px;
	left: 50%;
	margin-left: -457px;
	overflow: hidden;
	z-index: 1;
}
#sideshow_trigger
{
	width: 60px;
	height: 418px;
	position: absolute;
	text-align: right;
	top: 150px;
	left: 50%;
	margin-left: -258px;
}
#sideshow.expanded
{
	width: 240px;
}
#sideshow.contracted
{
	width: 5px;
	display: none;
}
#sideshowAccordian
{
	width: 240px;
}
#galleries, iframe
{
	width: 700px;
	height: 400px;
	background: #ebebeb;
}
.yellow
{
	margin: auto;
}
.yellow td
{
	border: 0px;
	padding: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	width: 70px;
	color: #41535d;
	line-height: normal;
	background-color: #f3f2e2;
	text-align: center;
}

form table
{
	margin: auto;
}
form table td, form table input.text
{
	//color: #77808f;
	color: #213a5d;
	font-size: 8pt;
}