/* reset CSS */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;}
table {border-collapse:collapse;border-spacing:0;}
td, th, caption {font-weight:normal;text-align:left;}
img, fieldset { border: 0; }
ol {padding-left: 0; list-style: decimal;}
ul {padding-left: 0; list-style:square;list-style-position:outside;}
q:before, q:after {content:'';}
/* end reset */

body {font-family: Cambria, serif;font-size: 16px;
	background-image: url(images/cloisters.jpeg);
  -moz-background-size: 150%;
  -o-background-size: 150%;
	background-size: 150%;}

a {text-decoration: none;}

#main a {text-decoration: none;}
#main a:link {color: #0F3461;}
#main a:visited {color: #666;}
#main a:hover {color: #C00;}
#main a:active {color: #C00;}

p {font-family: Cambria, serif; font-size: 14px;}

#main ul {text-align:justify;	margin-left: 10px;list-style-type: none;}
#main li {margin-bottom: 5px;}
#main li:first-letter {font-weight:bold;text-transform:uppercase;}
#main p {font-size: 16px;margin-bottom: 5px;}

h1 {margin-left: 30px;padding: 15px 15px 15px 25px;font-family: Arial, Helvetica, sans-serif;font-size: 42px;}
h1 a:link {	color: #fff; }
h1 a:hover { color: #fff; }
h1 a:visited {color: #fff; }
h1 img {position: relative;	left: -30px;}

h2 {color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 24px;vertical-align:middle;margin: 8px 0 0 20px;padding-top: 8px;}
h2 a:link {	color: #fff; }
h2 a:hover { color: #fff; }
h2 a:visited {color: #fff; }

h3 {color: #0F3461; font-family: Arial, Helvetica, sans-serif;font-size: 18px; padding: 10px 0 5px 0;}

h4 {font-family: Arial, Helvetica, sans-serif;font-size: 18px;padding-bottom: 5px;}

.photo img {margin-top: 10px;border: 1px solid #666;background-color: #0F3461;padding: 1px;}

.figure200 {display: inline-block;
  float: left;
  vertical-align: centre;
  width: 200px;
  height: auto;
  margin: 2px 25px 2px 25px;
  padding: 2px 2px 2px 2px;}

.figureMiddle {display: block;
  float: left;
  width:200px;
  height:100px;
  vertical-align: middle;
  padding: 5px 20px 5px 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;}

.figureMiddle2 {display: block;
  float: left;
  width:200px;
  height:200px;
  vertical-align: middle;
  padding: 5px 20px 5px 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;}

.gallery {float: left;
  width:236px;
  height:236px;
  border: 2px;
  border-color: #fff;
  padding: 2px 2px 2px 2px;
  margin: 2px 2px 2px 2px;
  background-color: #0F3461;}

.centre {display: block;margin-left: auto;margin-right: auto;vertical-align: middle;}

.figure p {font: 14px Arial, Helvetica, sans-serif;text-align: center;margin: 10px 0 0 0;height: 5em;}

#logo {display: none;}

#wrapper {width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	border-radius: 15px;
  behavior: url(border-radius.htc);}

#header {background-color: #0F3461;
	height: 120px;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	border-radius: 15px;
  behavior: url(border-radius.htc);}

#mainNav {margin: 0;padding: 0;list-style: none;
	border-bottom: 1px;
	border-bottom-color: #0F3461;
	margin-left: 15px;}

#mainNav li {float: left;display:inline;margin-top: -10px;}

#mainNav a {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 153px;
	padding: 5px 0px 5px 0; 
	background-color: #0F3461;
	color: #fff;
	border: 1px solid;
	border-color: #0F3461;}

#mainNav a:hover {background-color: #999;color: #000;}

#title {display: block;width: 960px;margin-top: 10px;height: 40px;background-color: #0F3461;vertical-align: middle;
	-moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
  -webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
  behavior: url(border-radius.htc);}

.width178 {width:178px;}
.width210 {width:210px;}
.width320 {width:320px;}
.width380left {width: 360px;  margin-left: 200px; float: left;}
.width380right {width: 360px;  float: right;}
.width480 {width: 480px;  margin-left: 200px; float: left;}
.width700 {width: 700px; margin-left: 250px; float: left; padding-left:20px;}
.width720 {width:720px; margin-left: 210px; float:left;min-width:720px;}
.width740 {width: 740px;  margin-left: 200px; float: left;}
.width760 {width: 760px;  margin-left: 200px; float: left;}

#main {display: inline;margin-top: 10px;padding: 10px 10px 10px 10px;line-height: 120%;background-color:#fff;}

.side400 {margin-left: -400px;}
.side580 {margin-left: -580px;}
.side600 {margin-left: -600px;}
.side700 {margin-left: -700px;}
.side960 {margin-left: -960px;}
.side980 {margin-left: -980px;}
/* Left navigator sidebar */
#sidebar1 {display: inline;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 0px;
	padding: 0;
	background-color: #CCC;}
#sidebar1 ul {padding: 0;list-style-type: none;}
#sidebar1 a {font-size: 12px;font-weight: bold;text-decoration: none;display: block;
	width: 160px;padding: 5px 0px 5px 20px; background-color: #999;color: #000;	border: 1px solid;border-color: #FFF;}
#sidebar1 a:hover {background-color: #0F3461;color: #fff;}
#sidebar1 a:active {background-color: #0F3461;background-color: #fff;}
#sidebar1 a:visited { color: #666 }
/* Right navigator sidebar */
#sidebar2 {float: right;width: 249px;margin: 1px 1px 1px 0;background-color:#666;color:#fff;}
#sidebar2 ul {padding: 10px 10px; 10px; 10px;list-style-type: none; }

#sidebar3 {display: inline;width: 380px;margin-top: 10px 1px; 0 -100px;float: right;}

#footer {clear: both;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #0F3461;
	color: #fff;
	height: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  line-height: 18px;
	-moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
  behavior: url(border-radius.htc);}
#footer a {color:#FFF; text-decoration: none;}
#footer a:hover {color: #3FF; }
#footer a:visited {color: #666 }

#left {float:left;margin-left: 80px;list-style-type: none;text-decoration: none;}
.left {float:left;margin-left: 80px;list-style-type: none;text-decoration: none;}

#sidebar2 .story {color: #FFFFFF;padding: 5px 5px;border-bottom: 1px solid #fff;
  display: block;text-decoration: none;line-height: 110%;}
.indent {margin-left: 30px; list-style-type: none; }
.indent30 { margin-left: 30px;}
.indent200 {margin-left:200px;}
.indent250 {margin-left: 250px;}
.indent300 {margin-left: 350px;}
.indent350{margin-left:350px;}
.img {display:inline;margin:2px;border:1px solid #0F3461;;
  height:auto;float:left;text-align:center;}
  .img img { display:inline;
  float:left;
  margin:3px;
  border:1px solid #ffffff;}
.img a:hover img {display:inline;border:1px solid #0000ff;}
.desc {text-align:center;font-weight:normal;margin:2px;}
.white {color:#fff;}
.black {color:#000;}
.blue {color:#0F3461;}
.right{float:right;}
.left{float:left;}
.ref {font-size: 10px;margin: 10px 10px 10px 10px;text-align: left;}
.clear {clear:both;}      
table {width:100%} 
td {padding: 2px 5px 2px 5px}