/*////////////////////////////////////////////////////
//																									//
//                GENERAL STYLES	                	//
//																									//
// SITE: OSH																				//
// AUTHOR: MARC JONES, ICEBOMB											//
// VERSION: 1.0																			//
// CREATED: 26 OCT 09																//
// LAST UPDATED: 26 OCT 09													//
//																									//
////////////////////////////////////////////////////*/

html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	text-align: center;
	font-size: 65%;
	background-color: #c9c9c9;
}
a:hover {
	text-decoration: none;
}

/* LAYOUT :: SHELL */
#shell {
	width: 970px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/shell_bg.jpg);
	background-repeat: repeat-y;
}
/* LAYOUT :: MASTHEAD */
#mastHead {
	width: 960px;
	height: 200px;
	margin: 0px;
	overflow: hidden;
	background-image: url(img/masthead_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/* MASTHEAD :: ELEMENTS */
#mastHead img {
	float: left;

}
#mastHead .bannerImg {
	height: 168px;
	width: 718px;
	float: left;
	margin-top: 21px;
	margin-left: 21px;
	background-image: url(img/bannerimg.jpg);

}
/* LAYOUT :: WRAPPER */
.wrapper {
	width: 960px;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
}
/* LAYOUT :: MAIN COL */
#mainContent {
	width: 720px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#sideBar {
	width: 248px;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* LAYOUT :: FOOTER */
#footer {
	width: 970px;
	margin: 0px;
	overflow: hidden;
	background-image: url(img/footer_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 82px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/* MENUS :: SIDEMENU */
#sideMenu {
	width: 220px;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#sideMenu li {
	height: 40px;
	list-style-type: none;
}
#sideMenu li a {
	display: block;
	width: 220px;
	height: 40px;
	overflow: hidden;
	text-indent: -1000px;
	background-image: url(img/sidemenu_a.png);
}
#sideMenu #home {
	background-position: 0px 0px;
}
#sideMenu #home:hover {
	background-position: 0px -240px;	
}
#sideMenu #home.active {
	background-position: 0px -480px;	
}
#sideMenu #about {
	background-position: 0px -40px;
}
#sideMenu #about:hover {
	background-position: 0px -280px;	
}
#sideMenu #about.active {
	background-position: 0px -520px;	
}
#sideMenu #whatson {
	background-position: 0px -80px;;
}
#sideMenu #whatson:hover {
	background-position: 0px -320px;	
}
#sideMenu #whatson.active {
	background-position: 0px -560px;	
}
#sideMenu #otherorgs {
	background-position: 0px -120px;
}
#sideMenu #otherorgs:hover {
	background-position: 0px -360px;	
}
#sideMenu #otherorgs.active {
	background-position: 0px -600px;	
}
#sideMenu #contact {
	background-position: 0px -160px;
	height: 41px;
}
#sideMenu #contact:hover {
	background-position: 0px -400px;	
}
#sideMenu #contact.active {
	background-position: 0px -640px;	
}
#sideMenu #history {
	background-position: 0px -200px;
}
#sideMenu #history:hover {
	background-position: 0px -440px;	
}
#sideMenu #history.active {
	background-position: 0px -680px;	
}


h1 {
	border-top: solid 1px #E5E5E5;
	border-bottom: solid 1px #E5E5E5;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #43266c;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #60408d;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #60408D;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #60408D;
	padding-bottom: 5px;
	padding-top: 5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #333333;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
a {
	color: #60408d;
}
#mainContent ul,
#mainContent ol {
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
#mainContent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin: 6px;
}
.leftImg {
	float: left;
	border: 1px solid #43266C;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;

}
.rightImg {
	float: right;
	border: 1px solid #43266C;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;

}
.programmeTable {
	margin-bottom: 10px;
	width: 700px;
	margin-right: 20px;
	margin-left: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.programmeTable th,
.programmeTable td {
	padding-top: 6px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 6px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C9C9C9;
}
.programmeTable th p,
.programmeTable td p{
	font-size: 1em !important;
	margin: 0px !important;
}
th {
	color: #60408D;
	font-size: 1.4em !important;
	font-weight: normal;

}
.highlightText {
	color: #60408D;

}
.highlightBox {
	padding: 10px;
	background-color: #e6dcf5;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 680px;	overflow: hidden;

}
.highlightBox h2 {
	margin-top: 0px !important;
}
#mainContent p {
	font-size: 1.2em;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	margin-right: 20px;
}
#footer p {
	font-size: 1em;
	color: #333333;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 10px;
	margin-left: 45px;
	text-align: left;
}