/*////////////////////////////////////////////////////
//													//
//                GENERAL STYLES	                //
//													//
// SITE: BEC										//
// AUTHOR: MARC JONES, ICEBOMB/OCM					//
// VERSION: 1.0										//
// CREATED: 09 JUN 09								//
// LAST UPDATED: 16 SEP 09							//
//													//
////////////////////////////////////////////////////*/

img, div { behavior: url(iepngfix.htc)}

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-x;
	background-color: #66514c;
}
a:hover {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p,li,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr {
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

/* LAYOUT :: SHELL */
#shell {
	width: 912px;
	text-align: center;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(img/shell_bg.png);
	background-repeat: repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
}

#mastHead {
	width: 870px;
	padding: 0px;
	overflow: hidden;
	height: 160px;
	border: none;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 21px;
	background-image: url(img/masthead_bg.jpg);
	background-repeat: no-repeat;
}
/* LAYOUT :: WRAPPER */
.wrapper {
	width: 870px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 21px;
	background-color: #FFFFFF;
	border: none;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: repeat-y;
}
/* LAYOUT :: MAIN COL */
#mainContent {
	width: 650px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#sideBar {
	width: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* LAYOUT :: FOOTER */
#footer {
	width: 898px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
/* MENU :: TOP (HORZ) MENU - USING BG IMAGES */
#topMenu {
	width: 870px;
	overflow: hidden;
	height: 40px;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 21px;
	background-color: #FFFFFF;
	background-image: url(img/tm-bg.gif);
	background-repeat: repeat-x;
	border: none;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#topMenu li {
	float: left;
	height: 40px;
}
#topMenu li a {
	background-image: url(img/topmenu_a.gif);
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -10000px;
}
/*#topMenu li a:hover {
	background-position: 0px -80px;
}
#topMenu li a.active {
	background-position: 0px 0px;
}*/
#topMenu li #home {
	width: 117px;
	background-position: 0px -40px;
}
#topMenu li #home:hover {
	background-position: 0px -80px;
}
#topMenu li #home.active {
	background-position: 0px 0px;
}
#topMenu li #activities {
	width: 136px;
	background-position: -117px -40px;
}
#topMenu li #activities:hover {
	background-position: -117px -80px;
}
#topMenu li #activities.active {
	background-position: -117px 0px;
}
#topMenu li #events {
	width: 120px;
	background-position: -870px -40px;
}
#topMenu li #events:hover {
	background-position: -870px -80px;
}
#topMenu li #events.active {
	background-position: -870px 0px;
}
#topMenu li #whatson {
	width: 148px;
	background-position: -990px -40px;
}
#topMenu li #whatson:hover {
	background-position: -990px -80px;
}
#topMenu li #whatson.active {
	background-position: -990px 0px;
}
#topMenu li #calendar {
	width: 141px;
	background-position: -1138px -40px;
}
#topMenu li #calendar:hover {
	background-position: -1138px -80px;
}
#topMenu li #calendar.active {
	background-position: -1138px 0px;
}
#topMenu li #aboutus {
	width: 139px;
	background-position: -253px -40px;
}
#topMenu li #aboutus:hover {
	background-position: -253px -80px;
}
#topMenu li #aboutus.active {
	background-position: -253px 0px;
}
#topMenu li #contactus {
	width: 166px;
	background-position: -392px -40px;
}
#topMenu li #contactus:hover {
	background-position: -392px -80px;
}
#topMenu li #contactus.active {
	background-position: -392px 0px;
}

/* ELEMENTS :: MASTHEAD */
#mastHead a {
	width: 870px;
	height: 160px;
	background-image: url(img/logo_bg.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
}
/* ELEMENTS :: HP :: INTROBOX */
#introBox {
	width: 320px;
	height: 240px;
	float: left;
	border: none;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	overflow: hidden;
	text-align: left;
	text-indent: -1000px;
	background-image: url(img/introbox_bg.gif);
	background-repeat: no-repeat;
}
/* ELEMENTS - SLIDESHOW */
#slideshowBox {
    position:relative;
	width: 535px;
	height: 240px;
	float: left;
	background-color: #666666;
}
#slideshowBox img {
	border: none;
}
#slideshowBox DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

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

#slideshowBox DIV.last-active {
    z-index:9;
}
/* ELEMENTS :: CTAs :: HP CTAs */
#eventsCTA,
#activitiesCTA {
	width: 320px;
	float: left;
	border: none;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-bottom: 10px;
}
#eventsCTA .listBox,
#activitiesCTA .listBox {
	width: 320px;
	background-repeat: repeat-x;
	text-align: left;
	padding-bottom: 20px;
}
#eventsCTA .baseLink,
#activitiesCTA .baseLink {
	width: 165px;
	height: 36px;
	background-repeat: no-repeat;
	display: block;
	background-position: right;
	margin-left: 146px;
	overflow: hidden;
	text-align: left;
	text-indent: -1000px;
}
#eventsCTA h2,
#activitiesCTA h2 {
	width: 320px;
	height: 68px;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
}
#eventsCTA p,
#activitiesCTA p {
	color: #ffffff;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#eventsCTA ul,
#activitiesCTA ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
#eventsCTA li,
#activitiesCTA li {
	font-size: 1.2em;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;

}
#eventsCTA li a,
#activitiesCTA li a {
	color: #ffffff;
	text-decoration: none;
}

#eventsCTA {
	background-color: #244383;
	background-image: url(img/eventscta_bg.jpg);
}
#eventsCTA .listBox {
	background-image: url(img/eventscta_top.jpg);
}
#eventsCTA h2 {
	background-image: url(img/eventscta_h2.gif);
}
#eventsCTA h3 {
	color: #cedcec;
	font-size: 1.2em;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#eventsCTA li {
	color: #cedcec;
}
#eventsCTA .baseLink {
	background-image: url(img/eventscta_a.gif);
}

#activitiesCTA {
	background-color: #116CA3;
	background-image: url(img/activitiescta_bg.jpg);
}
#activitiesCTA .listBox {
	background-image: url(img/activitiescta_top.jpg);
}
#activitiesCTA h2 {
	background-image: url(img/activitiescta_h2.gif);
}
#activitiesCTA h3 {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#activitiesCTA li {
	color: #cedcec;
}
#activitiesCTA a {
	color: #cedcec;
}
#activitiesCTA .baseLink {
	background-image: url(img/activitiescta_a.gif);
}
/* ELEMENTS :: CTA :: LIST CTAs */
#listCTA {
	width: 200px;
	height: 240px;
	float: left;
}
#listCTA a {
	width: 200px;
	height: 73px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -1000px;
}
#listCTA a:hover {
	background-position: 0px -73px;
}
#listCTA .ctaLink1,
#listCTA .ctaLink2 {
	border: none;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#listCTA .ctaLink1 {
	background-image: url(img/ctalink1_bg.gif);
}
#listCTA .ctaLink2 {
	background-image: url(img/ctalink2_bg.gif);
}
#listCTA .ctaLink3 {
	background-image: url(img/ctalink3_bg.gif);
}
/* ELEMENTS :: CONTENTBOX (MAIN CONTENT) */
#contentBox {
	width: 655px;
	float: left;
	border: none;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-bottom: 10px;
	text-align: left;
}
#contentBox h1 {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-size: 2.5em;
	font-weight: normal;
	background-repeat: no-repeat;
	height: 73px;
	width: 655px;
	padding: 0px;
	line-height: 73px;
	text-indent: 15px;
}
#contentBox h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #336699;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contentBox h3 {
	font-size: 1.6em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: normal;
}
#contentBox h4 {
	font-size: 1.2em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contentBox p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}
#contentBox blockquote {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}
#contentBox ul {
	list-style-type: disc;

}
#contentBox ol {

}
#contentBox ul,
#contentBox ol {
	padding-right: 15px;
	padding-left: 15px;

}
#contentBox li {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	font-size: 1.2em;
}
#contentBox .quotebox {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.eventBox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A7499;
	padding-bottom: 10px;
}
.eventBox a {
	color: #546D95!important;
	font-weight: bold;
}
.eventLink {
	color: #546D95!important;
	text-decoration: none;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid #5A7499;
	padding: 5px;
}
.eventBox a:hover,
.eventLink:hover {
	color: #ffffff!important;
	background-color: #546D95!important;
}
/* ELEMENTS :: SIDEBOX (ADDITIONAL CONTENT) */
#sideBox {
	width: 200px;
	float: left;
	text-align: left;
}
#sideBox h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #ffffff;
	margin: 5px;
	margin-top: 10px;
}
#sideBox p {
	margin: 5px;
	margin-bottom: 9px;
	font-size: 1.2em;
	color: #ffffff;
}
#sideBox a {
	font-weight: bold;
	color: #ffffff;
}
/* ELEMENTS :: FOOTER */
#footer p {
	font-size: 1em;
	text-align: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	color: #7c675f;
}
#footer span.highlight {
	color: #57453e;
}
#footer a {
	color: #7c675f;
	text-decoration: none;
}
#footer a:hover {
	color: #57453e;
}

/* ELEMENTS :: CALENDAR BLOCKS */
.calendarBlock {
	border-bottom: solid 1px #c4c4c4;
}
.calendarBlock h3 {
	background: #e9e7e7 url(img/arrow-square.gif) no-repeat right -51px;
	margin: 0px !important;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-size: 1.3em !important;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 7px;
	padding-left: 15px;
}
.calendarBlock h3:hover {
	background-color: #e3e2e2;
}
.calendarBlock h3.active {
	background-position: right 5px;
}
.calendarBlock p {
	background: #f7f7f7;
	margin: 0px !important;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}