@import url("/includes/css/development.css");
@import url("/includes/css/blog.css");

header, nav, article, footer, address {
	display: block;
	font-style:normal;
}

html, body {
	padding: 0px;
	margin: 3px;
	background-color: #5a614f;
	display: block;

}

p {
margin: 0 0 18px 0;
}

.header {
	padding-top: 20px;
	padding-bottom: 10px;
	float:left;
	width:100%;
}

.header a.left {
	float:left;
	display:block;
	width:44.5%;
	margin-left:2%;
	margin-bottom:3px;
}
.header a.right {
	float:right;
	display:block;
	width:44.5%;
	margin-right:2%;
	margin-bottom:3px;
}
.header a.left img {
	max-width:100%;
	float:left;
}
.header a.right img {
	max-width:100%;
	float:right;
}

#container {

	background-color: #fff;
	border-top: 2px solid rgb(0%,0%,0%);
	border-bottom: 2px solid rgb(0%,0%,0%);
	border-left: 2px solid rgb(0%,0%,0%);
	border-right: 2px solid rgb(0%,0%,0%);
        z-index: 50;
	position: relative;
	margin: 0 auto; 
	min-height: 100%;
	width:100%;
	min-width: 300px;
	height: auto !important;
	height: 100%;
	}



#menu {
	width: 95%;
	padding: 0px;
	text-align: center;
	border-top: 2px solid rgb(0%,0%,0%);
	border-bottom: 2px solid rgb(0%,0%,0%);
	background-color: #8b0000;
	float:left;
	clear:both;
	margin: 0 2.5%;
	padding:0;
        font-family: Helvetica, Arial, Gill Sans, sans-serif; 
        font-size: 11px;
        font-weight: bold;
        text-transform: none; 
	text-align: center;
}

#menu ul {
	display: inline;
}

#menu li {
	padding-left: 0.7%;
	padding-right: 0.7%;
	height: inherit;
	display:inline;
	 overflow: visible;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
         list-style: none; 
	 background-color: #8b0000;
	border-right:1px solid #888;
}

#menu a {
	overflow:hidden;
         color: white; 
         text-decoration: none;
}

#menu li:hover {
	border-bottom: 0;
	background-color: #cc254c;
	}

#menu li.selected {
        /* background-color: #888888; */
	background-color: #3b0000;
         border-bottom: 0;
}

/*\*//*/ #menu a {
         float:left;
} /**/ /* IE5/Mac hack to resolve menu inconsistency */


	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
	/* column settings to fix Master's bug */

.colright,
.colmid,
.colleft {
        float:left;
        width:100%;
        position:relative;
}

#content,
.submenu {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
	/* 2 Column (left menu) settings */
.mainpage .colleft {
	right:75%;			/* right column width */
}
.mainpage #content {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
	padding-top: 20px;
        font-family: Helvetica, Arial, Gill-Sans, sans-serif; 
	margin-bottom: 0px;
}
.mainpage .submenu {
	width:25%;			/* left column content width (column width minus left and right padding) */
	left:5%;			/* (right column left and right padding) plus (left column left padding) */
	height: 60%; 
	text-align: left; 
	padding-right: 0px;
}

.content2 {
	width: 100%;
	display: block;
	float:left;
	clear:left;
        font-family: Arial, Helvetica, Gill-Sans, sans-serif; 
	}

/* #content {
	float: left;
	display: block;
	width: 75%;
	min-width: 200px;
	} */



.content2 a:hover {
	color: #5a614f;
	}

.content2 a {
	text-decoration: none;
	color: #8b0000;
	}


#content a:hover {
	color: #5a614f;
	}

#content a {
	text-decoration: none;
	color: #8b0000;
	}


#footer a:hover {
	color: #5a614f;
	}

#footer a {
	text-decoration: none;
	color: #8b0000;
	}
.submenu h2 {
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
        font-family: Helvetica, Arial, Gill Sans, sans-serif; 
	color: #634147;
}

#container {
	overflow: hidden;
	}
/*\*/
* html #container {
* * overflow: visible;
* * }
*
*/**/

.submenu ul {float: left; margin-top: 0px; margin-left: 2px; padding-left: 0px; width: 90%; min-width: 90%;}
.submenu ul li {
	list-style-type: none;
	padding-left:0px;
	float: left;
	margin-top: 0px;
	border-bottom: 1px solid #000;
	width: 90%;
	clear: left;
} 
.submenu ul li ul {margin-left: 0px; float: left; margin-top: 0px; }
.submenu ul li ul li {list-style-type: none; padding-left:2px; float: left;margin-top: 0px; border-left: 1px solid #000; } 
.submenu ul li ul li ul {margin-left: 2px; float: left; margin-top: 0px;}
.submenu a {
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	float:left;
	width: 90%;
	white-space:normal;
}
.submenu img {
	margin-right:1%;
}
.submenu a {color: #8b0000; text-decoration: none;}
.submenu a:hover {color: #8b0000;}
.submenu a:visited {color: #3b0000;}
@media tty { i{content:"\";/*" "*/}}; #submenu a {background-color: transparent;} {;}/*";} }/* */ /* Hack to remove the white background from IE5.0/Win only - see www.tantek.com/CSS/Examples/ie50winbandpass.html */
.submenu a:link, .submenu a:visited {text-decoration: none;}
.submenu h3 {color: #5a614f;}
.submenu div.nullmenu span {float: left; position: relative; top: -8px; width: 120px; height: 0px; margin: 0px;padding: 0px}
/* Start Mac IE5 filter \*/

#content h1 {	
	color: #5a614f; 
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	font-size: 18pt;
	}

#content h2 {	
	color: #888888; 
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	font-size: 14pt;
	}

#content h3 {	
	color: black; 
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	font-size: 12pt;
	}

#content h4 {
	font-weight: bold;
	font-size: 11pt;
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	color: #444444;
	}

#content p {
	font-family: Arial, Helvetica, Gill Sans, sans-serif;
}

/* POF edit 11/03/2010 */
#content {
	font-size:12px;
}
/*end of edit*/

#container a {
	text-decoration: none;
	}

#container img {
	border: 0px;
	}

.warning {color: #cc9900;
          font-weight: bold;}

.heading {color: #8b0000;}
	


#footer {
	float: left;
	width: 100%;
	position: relative;
	bottom: 0 !important;
	margin-bottom: 10px;
	font-family: Helevtica, Arial, Gill Sans, sans-serif;
	text-align: center;
        }

ul.rm {
	float: left;
        padding-left: 0;
        margin: 0px;
        }

ul.sm {
        display: block;
        padding: 2px 0px 2px 15px;
        margin: 0px;
        }

ul.rm li {
	float: left;
        list-style: none;
        padding: 2px 0px 2px 0px;
	padding-top: 5px;
        }

ul.rm img {
	padding-top: 0px;
        margin: 0px 0px 0px 0px;
        float:left;
        }

.locationline {
	font-size: 12px;
	}

.pano {
	display: inline-block;
	margin-top: -40px;
	margin-left:  auto;
	margin-right: auto;
	height:320px;
	}

div#background {
width: 100%;
position: relative;
position: static;
top: 0;
z-index: 0;
}

div#background img {

margin-top: 10px;
margin-left: 5%;
margin-right: 5%;
width: 90%;
}

#links {
margin-left: 3%;
margin-right: 3%;
width: 94%;
font-family: Arial, Helvetica, sans-serif;
}

.newsticker {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding: 3px;
	margin: 0;
}

.news {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	}

.news a {
	color: #000000;
	}

#quickfix {
        float: right;
        margin-left: 10px;
        }
.textbf {
	font-weight: bold;
	}
#content p {
	padding-right: 20px;
	}
/*POF edit  11/03/2010 */
#content table {
	font-size:100%;
	}
/*end of edit*/
img.left {
	float:left;
	margin-right:15px;
}
img.right {
	float:right;
	margin-left:15px;
}
div.imageleft {
	float:left;
	margin-right:15px;
}
div.imageline {
	float:left;
	width:100%;
}
div.imageline img {
	border: 1px solid black;
}
div.imageright {
	float:right;
	margin-left:15px;
}
div.caption {
	clear:both;
	font-size:80%;
}

/* altering vertical distances above and below headings */
.paragraphheading {
	padding-top:10px;
}

table {
}
th td {
}
div.imageblock {
	font-size:80%;
}
div.middlecol {
	float:left;
	width:70%;
	clear:left;
}
.thirdcol {
	width:100%;
}
div.biog {
	max-width:30%;
}
div.biog img {
	width:100%;
}
div.biogheadings {
	float:left;
	max-width:65%;
	width:65%;
}
.clear {
	clear:both;
}
.submenuimgs {
}
.submenuimgs img {
	max-width:100%;
}
.googlesearchbox {
	margin:5px 0;
}
.googlesearchbox input {
	margin:0 auto;
}
.belowLHS {
	margin-left:19px;
	float:left;
	margin-top:20px;
	width:90%;
	margin-left:10%;
}
.menufile {
	float:left;
	margin-left:10%;
}
.bottomfiller {
	margin-left:auto;
	margin-right:auto;
	width:60%;
}
.bottomfiller img {
	height:1px;
	width:100%;
	vertical-align:bottom;
}
.footertext {
	text-align:center;
	font-size:75%;
}
a.opendaysbox {
	display:block;
	margin-left:42%;
	width:16%;
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, Arial, Gill Sans, sans-serif;
	text-transform: capitalize;
	background:white;
	color:white;
	background-color:#8b0000;
	padding:0 2px;
	margin-bottom:10px;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
.libraryclassification {
	float:left;
	width:48%;
	min-width:26em;
}
.libraryclassification tr.odd {
	background-color:#e3e3e3;
}
.libraryclassification tr.even {
	background-color:#f3f3f3;
}
.libraryclassification th, .libraryclassification td {
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}
.libraryclassification th {
	border:1px solid black;
}
.libraryclassification table {
	border: black 1px solid;
	border-collapse:collapse;
	border-spacing:0;
}
.libraryclassification caption {
	font-weight:bold;
	font-size:110%;
	text-align:right;
	padding-bottom:2px;
}
.libraryclassification th {
	text-align:left;
}
.libraryclassification colgroup {
	border: black 1px solid;
}
.A-table {
}
.A-column1 {
width:70%;
width:355px;
float:left;
border:1px solid black;
}
.A-img {
text-align:center;
padding-top:10px;
padding-bottom:10px;
height:343px;
overflow:hidden;
}
.A-select {
text-align:center;
border-top:1px solid black;
border-bottom:1px solid black;
padding:3px;
}
.A-select select {
width:100%;
}
.A-controls {
text-align:center;
padding:3px;
}
.A-column2 {
margin-left:2%;
width:32%;
float:left;
}
.A-support {
clear:left;
float:left;
margin-top:20px;
}
#lord_winston {
display:block;
width:520px;
height:330px;
max-width:100%;
}
.obituary-header {
	text-align:center;
}
dt {
	font-weight:bold;
}