/*
Redefine standard tags
*/

body, p, td {
	font: normal 10pt Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	text-decoration: none;
}
img {
	border:0;
}
a:link { 
	text-decoration: none; 
	color:#339999;
	}
a:visited { 
	text-decoration: none; 
	color:#339999;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color:#990000;
	}
h1 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3 {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*
Custom id's
*/

/*
Page header definition simply places it top left and defines margins and padding.
The images displayed in the header are left to the template to decide.
*/
#pageHeader {
	background-image:url(images/lochgellyband.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 845px;
	height: 100px;;
	vertical-align:middle;
	margin-top: 10px;
	padding-bottom: 4px;
	border-bottom: 4px solid #339999;
}
/*
Main menu is positioned on the left of the page. List and link definitions are redefined for the menu style.
*/
#mainMenu {
	position: absolute;
	top: 121px;
	left: 0px;
	width: 155px;
	padding-left: 10px;
}
#mainMenu ul {
	list-style:none;
	margin:0px;
	padding-left:0px;
	text-transform:capitalize;
}
#mainMenu li {
	border-bottom:1px solid #FFFFFF;
	border-left:12px solid #FFCC99;
	border-right:1px solid #FFCC99;
	background-color:#339999;
}
#mainMenu li a {
	display:block;
	padding:5px 5px 5px 10px;
	text-decoration:none;
	color:#FFCC99;
}
#mainMenu li a:visited { 
	text-decoration:none; 
	color:#FFCC99;
}
#mainMenu li a:hover, a:active { 
	text-decoration:underline; 
	color:#990000;
}
/*
A footer id for use on the index page to display sponsors logos
*/
#footer {
	/*position:absolute;
	top:475px;
	left:0px;*/
	width:685px;
}
#footer ul {
	list-style:none;
	margin:20px;
	padding-left:0px;
}
#footer li {
	display:inline;
	width:300px;
}
/*
A container area used for the two column template. All this template has is a pageheader and a menu bar
The rest of the content is displayed within this container.
*/
#container {
	position:absolute;
	top:121px;
	left:170px;
	width:685px;
}
/*
Main content area is positioned in the centre of the screen but otherwise inherits everything from containing tag.
*/
#mainContent {
	position:absolute;
	top:0px;
	left:0px;
	width:520px;
}
/*
Right content area is mainly used for linked images
*/
#rightContent {
	position: absolute;
	top:0px;
	left:525px;
	width:160px;
	text-align:center;
}
#rightContent img {
	border: 0;
	margin-bottom: 10px;
}
#rightContent ul {
	list-style:none;
	margin:0px;
	padding-left:0px;
	text-transform:capitalize;
}
/*
custom classes
*/
.clear {
	clear;
}
.indexPane {
	height:480px;
}
.indexPane h1 {
	background-color:#339999;
	color:#FFFFFF;
	padding-left:4px;
	font-size:10pt;
	text-transform:uppercase;
	margin-bottom:2px;
}
.indexPane .content {
	margin-top:0px;
	padding-left:4px;
	padding-right:4px;
	height:105px;
}
.mainNewsPane {
	position:absolute;
	top:0px;
	left:0px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.announcementsPane {
	position:absolute;
	top:0px;
	left:260px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.latestNewsPane {
	position:absolute;
	top:160px;
	left:0px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.engagementsPane {
	position:absolute;
	top:160px;
	left:260px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.recruitmentPane {
	position:absolute;
	top:320px;
	left:0px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.rehearsalsPane {
	position:absolute;
	top:320px;
	left:260px;
	border:4px solid #339999;
	width:244px;
	height:140px;
}
.moreLink {
	text-align:right;
}
.blankPageMessage {
	font-size:large;
	font-weight:bold;
	vertical-align:middle;
	text-align:center
}
.smallText {
	font-size:8pt;
}
.rightImg {
	float: right;
	margin-left:5px;
	margin-bottom:5px;
	border:1px solid #000000;
}
.leftImg {
	float: left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #000000;
}
.galleryText {
	padding-left:50px;
	padding-right:50px;
}
.champTable {
	position: absolute;
	top: 4em;
	left: 10px;
	width: 230px;
	height: 14em;
}
.firstTable {
	position: absolute;
	top: 4em;
	left: 260px;
	width: 230px;
	height: 14em;
}
.secondTable {
	position: absolute;
	top: 19em;
	left: 10px;
	width: 230px;
	height: 16em;
}
.thirdTable {
	position: absolute;
	top: 19em;
	left: 260px;
	width: 230px;
	height: 16em;
}
.fourthTable {
	position: absolute;
	top: 36em;
	left: 10px;
	width: 230px;
	height: 19em;
}
.eventsCol {
	position: absolute;
	top: 7em;
	left: 5px;
	width: 230px;
}
.eventDetails {
	position: absolute;
	background-color:#FFCC99;
	top: 7em;
	left: 260px;
	width: 230px;
}
.newsTitle {
	font-weight:bold;
	text-transform:capitalize;
}
.engagementText {
	margin-left:0.5em;
	display:inline;
}
.hiddenText {
	display:inline;
	visibility:hidden;
}
.fullHeader {
	margin-top:20px;
	background-color:#339999;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
	display:block;
}
.teamLeft {
	position:absolute;
	top:445px;
	left:0px;
	width: 245px;
}
.teamRight {
	position:absolute;
	top:445px;
	left:255px;
	width: 245px;
}
.teamMiddle {
	position:absolute;
	top:735px;
	left:125px;
	width: 250px;
}
.soloText {
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
}
.soloWinners {
	position:absolute;
	top:0px;
	left:500px;
	width:170px;
	margin-top:20px;
	margin-left:5px;
	background-color:#FFCC33;
	padding:5px;
}
.prevButton {
	position:absolute;
	top:200px;
	left:10px;
}
.nextButton {
	position:absolute;
	top:200px;
	left:460px;
}
.newsShort {
	clear:both;
	width:500px;
	clear:both;
	height:120px;
	border-bottom:2px solid #339999;
	margin-bottom:1em;
}
.newsTitle {
	font-weight:bold;
}