/*////////////////////////////////////////////////////
//													//
//                GENERAL STYLES	                //
//													//
// SITE: Barclay Viewforth							//
// AUTHOR: MARC JONES, OCM							//
// VERSION: 1.0										//
// CREATED: 10 AUG 09								//
// LAST UPDATED: 28 JAN 10							//
//													//
////////////////////////////////////////////////////*/

html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	text-align: center;
	font-size: 65%;
	background-image: url(img/body_bg.jpg);
	background-repeat: repeat;
	background-color: #EBE1D7;
}
a {
	color: #BA1708;

}
a:hover {
	text-decoration: none;
}

/* LAYOUT :: SHELL */
#shell {
	width: 910px;
	text-align: center;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(img/shell_bg.jpg);
	background-repeat: repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
}
/* LAYOUT :: MASTHEAD */
#mastHead {
	width: 904px;
	height:225px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	background-image: url(img/masthead_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
/* LAYOUT :: WRAPPER */
.wrapper {
	width: 910px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
/* LAYOUT :: CONTENT BOX */
#contentBox {
	width: 910px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(img/contentbox_bg.jpg);
	background-repeat: repeat-y;
	display: block;
}
#contentBox .head {
	width: 910px;
	background-image: url(img/contentbox_head.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 11px;
}
#contentBox .base {
	width: 910px;
	background-image: url(img/contentbox_base.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 20px;
}
/* LAYOUT :: FOOTER */
#footer {
	width: 910px;
	margin: 0px;
	overflow: hidden;
	background-image: url(img/footer_bg.jpg);
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-repeat: no-repeat;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #472d2b;
	text-align: right;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 10px;
	margin-left: 21px;

}
/* MASTHEAD :: LOGOBOX */
#logoBox {
	width: 137px;
	height:204px;
	padding: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: 21px;
	float: left;
	background-image: url(img/logo_bg.jpg);
	overflow: hidden;
}
/* MENU :: TOP (HORZ) MENU - USING BG IMAGES */
#topMenu {
	width: 761px;
	overflow: hidden;
	height: 63px;
	float: left;
	background-position: bottom;
	background-image: url(img/topmenu_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	margin-right: 6px;
	margin-top: 151px;
}
#topMenu li {
	float: left;
	height: 44px;
}
#topMenu li a {
	display: block;
	height: 44px;
	background-image: url(img/topmenu_a.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
}
#topMenu li #home {
	width: 94px;
	background-position: 0px 0px;
}
#topMenu li #home:hover, #topMenu li #home.active {
	background-position: 0px -44px;
}
#topMenu li #about {
	width: 117px;
	background-position: -94px 0px;
}
#topMenu li #about:hover, #topMenu li #about.active {
	background-position: -94px -44px;
}
#topMenu li #events {
	width: 104px;
	background-position: -211px 0px;
}
#topMenu li #events:hover, #topMenu li #events.active {
	background-position: -211px -44px;
}
#topMenu li #activities {
	width: 181px;
	background-position: -315px 0px;
}
#topMenu li #activities:hover, #topMenu li #activities.active {
	background-position: -315px -44px;
}
#topMenu li #resources {
	width: 133px;
	background-position: -496px 0px;
}
#topMenu li #resources:hover, #topMenu li #resources.active {
	background-position: -496px -44px;
}
#topMenu li #contact {
	width: 132px;
	background-position: -629px 0px;
}
#topMenu li #contact:hover, #topMenu li #contact.active {
	background-position: -629px -44px;
}
/* COLUMNS :: MAIN COL + SIDE COL */
#mainCol {
	float: left;
	width: 599px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-left: 6px;
	padding-right: 20px;
}
#sideCol {
	float: left;
	margin: 0px;
	margin-left: 1px;
	padding: 0px;
	width: 278px;
}
/* MAIN COL CONTAINERS :: INTRO BOX, DIARY BOX + GENERAL BOX */
#mainCol #introBox {
	width: 440px;
	margin: 0px;
	padding: 0px;
	padding-left: 119px;
	padding-bottom: 20px;
}
#mainCol #diaryBox {
	width: 567px;
	margin: 0px;
	background-color: #BA1708;
	color: #FFFFFF;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 31px;
	border: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#mainCol #generalBox {
	width: 460px;
	margin: 0px;
	padding: 0px;
	padding-left: 119px;
	padding-right: 20px;
}
/* MAIN COL :: MAIN CONTENT */
#mainCol h1,
#mainCol h2,
#mainCol h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
#mainCol #introBox h1,
#mainCol #introBox p {
	margin-left: 4px;
	margin-right: 4px;
}
#mainCol h1 {
	color: #9d0e04;
	font-size: 3.6em;
	margin: 0px;
}
#mainCol h2 {
	color: #9d0e04;
	font-size: 2.4em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainCol #introBox h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.8em;
}
#mainCol #diaryBox h2 {
	color: #ffffff;
	margin-right: 4px;
	margin-left: 4px;
}
#mainCol h3 {
	font-size: 1.8em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainCol h4 {
	color: #9d0e04;
	font-size: 1.6em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mainCol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 9px;
	line-height: 1.4em;
}
.rightImg {
	width: 200px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: right;
	margin: 5px;
	margin-right: 0px;
}
.rightImg p {
	margin: 0px !important;
	margin-top: 5px !important;
	color: #666666;
}
#mainCol #introBox p {
	font-size: 1.2em;
}
#mainCol #diaryBox ul {
	margin-right: 4px;
	margin-left: 4px;
}
#mainCol #diaryBox li {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-bottom: 5px;
}
#mainCol #diaryBox a {
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
}
#mainCol #introBox .linkBar {
	background-image: url(img/linkbar2_a.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 445px;
	display: block;
	line-height: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
}
#mainCol #diaryBox .linkBar {
	background-image: url(img/linkbar3_a.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 533px;
	display: block;
	line-height: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #BA1708;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
}
/* MAIN COL :: LIST REPEATER */
.listBox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 0px;
	padding-bottom: 1px;
	margin: 0px;
	margin-bottom: 5px;
}
.listBox h2 {
	color: #9d0e04;
	font-size: 2.4em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.listBox h3 {
	font-size: 1.8em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.listBox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 9px;
}
/* MAIN COL :: TABLE */
table.mainTable {
	width: 100%;

}
table.mainTable th,
table.mainTable td {
	border-bottom: 1px solid #d2d2d2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.mainTable th {

}
table.mainTable td.plainRow {
	border: none;
}


/* SIDEBAR :: ELEMENTS */
#sideCol img {
	border: none;
	border-bottom: solid 1px #ffffff;
}
/* SIDEBAR :: SLIDESHOW */
#slideshowBox {
  position:relative;
	width: 278px;
	height: 450px;
	background-color: #666666;
}
#slideshowBox img {
	border: none;
	display: block
}
#slideshowBox DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	background-color: #FFFFFF;
	height: 450px;
}

#slideshowBox DIV.active {
    z-index:10;
}

#slideshowBox DIV.last-active {
    z-index:9;
}
#slideshowBox p.credit {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9d0e04;
	font-size: 2.4em;
	margin: 4px;
	padding-right: 14px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#slideshowBox blockquote {
	padding-right: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#slideshowBox p,
#slideshowBox blockquote {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #9d0e04;
	font-size: 2em;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}
/* SIDEBAR :: CTA BOX */
#ctaBox {
	text-align: left;
	padding-right: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
}
#ctaBox h2,
#ctaBox p.credit {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9d0e04;
	font-size: 2.4em;
	margin: 4px;
}
#ctaBox p,
#ctaBox blockquote {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}
#ctaBox .linkBar {
	background-image: url(img/linkbar1_a.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 232px;
	display: block;
	line-height: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
}