/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body, p, td {
	font: normal 10pt Arial, Helvetica, sans-serif;
	margin: 0px;
	text-decoration: none;
	}
a:link { 
	text-decoration: none; 
	color: #0000FF;
	}
a:visited { 
	text-decoration: none; 
	color: #0000FF;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #0000FF;
	}
#pageHeader {
	background-image: url(images/sbba_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 890px;
}
#mainMenu {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 120px;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	text-transform: capitalize;
	text-align: left;
	vertical-align: top;
}
#mainMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}
#mainMenu li {
	border-bottom: 1px solid #FFFFFF;
}
#mainMenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 1px solid #6666FF;
	border-right: 1px solid #6666FF;
	background-color:#6666CC;
	color:#FFFFFF;
	text-decoration: none;
}
#mainMenu li a:visited { 
	text-decoration: none; 
	color: #FFFFFF;
}
#mainMenu li a:hover, a:active { 
	text-decoration: underline; 
	color:#FFFFFF;
	background-color:#0000FF;
}
#container {
	position:absolute;
	top:160px;
	left:125px;
	width:765px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#mainContentNoBorder {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 571px;
}
#mainContent {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 580px;
	padding-right:5px;
	border-right:1px solid #0000FF;
}
#mainContent540 {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 540px;
	padding-right:5px;
	border-right:1px solid #0000FF;
}
#mainContent500 {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 500px;
	padding-right:5px;
	border-right:1px solid #0000FF;
}
#rulesMain {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 453px;
	padding-right:5px;
}
#rightContent {
	position: absolute;
	top: 0px;
	left: 600px;
	width: 160px;
}
#rightContent200 {
	position: absolute;
	top: 0px;
	left: 565px;
	width: 200px;
}
#rightContent240 {
	position: absolute;
	top: 0px;
	left: 525px;
	width: 240px;
}
#rulesRight {
	position: absolute;
	top: 80px;
	left: 460px;
	width: 305px;
	border-left:1px solid #0000FF;
}
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: 0px;
}
h3 {
	font-weight: bold;
	font-size: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
}
.youthEventText {
	color: #009900;
}
.bandName {
	font-weight: bold;
	font-size: 14pt;
	margin-top: 40px;
}
.clear {
	clear:both;
}
.rightImg {
	float: right;
	margin:5px;
	border:1px solid #000000;
}
.leftImg {
	float: left;
	margin:5px;
	border:1px solid #000000;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.newsShort{
	clear: both;
	width:450px;
	margin-top:2em;
	margin-bottom:2em;
}
.newsMore {
	display:block;
	margin-top:1em;
}
.mainNews {
	font-size:12pt;
	height:200px;
	width:565px;
	border:1px solid #0000FF;
	padding:5px;
}
.newsShortLeft {
	clear: both;
	width:280px;
	height:100px;
	margin-top:1em;
	margin-bottom:2em;
}
.newsShortRight {
	clear: both;
	width:280px;
	height:100px;
	margin-top:1em;
	margin-bottom:2em;
}
.otherNews {
	margin-top:1em;
	background-color:#CCCCFF;
}
.headline {
	font-weight: bold;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform:uppercase;
}
.newsStoryImgPortrait {
	width:125px;
}
.newsStoryImgLandscape {
	width:162px;
}
.newsStoryImg {
	border:1px solid #000000;
	background-color:#99CCCC;
	text-align:center;
	padding:2px;
	margin:2px;
}
.newsStoryImg h2 {
	font-weight:bold;
	font-size:smaller;
}
.champTable {
	position: absolute;
	top: 4em;
	left: 10px;
	width: 270px;
}
.firstTable {
	position: absolute;
	top: 4em;
	left: 315px;
	width: 270px;
}
.secondTable {
	position: absolute;
	top: 19em;
	left: 10px;
	width: 270px;
}
.thirdTable {
	position: absolute;
	top: 19em;
	left: 315px;
	width: 270px;
}
.fourthTable {
	position: absolute;
	top: 36em;
	left: 10px;
	width: 270px;
}
.nonTable {
	position: absolute;
	top: 36em;
	left: 315px;
	width: 270px;
}
.youthTable {
	position: absolute;
	top: 55em;
	left: 10px;
	width: 270px;
}
.assocTable {
	position: absolute;
	top: 55em;
	left: 315px;
	width: 270px;
}
.botyPanel {
	margin-left:5px;
	float:right;
	width:220px;
	background-color:#FFCC99;
	padding:4px;
}
.botyPanel td {
	margin:0;
	padding:0;
}
.procard {
	border:2px solid #000000;
	padding:4px;
	margin-bottom:5px;
	height:150px;
	width:360px;
}
.inPictures {
	width:160px;
	background-color:#CCCCCC;
	font-size:smaller;
	padding-bottom:10px;
}
.inPictures .leftImg {
	float: left;
	margin:2px;
	border:1px solid #000000;
}
.portraitImg {
	margin-top:0px;
	margin-left:126px;
	border:1px solid #FFFFFF;
}
.landscapeImg {
	margin-top:50px;
	margin-left:90px;
	border:1px solid #FFFFFF;
}
.prevButton {
	position:absolute;
	top:160px;
	left:50px;
	border:0px;
}
.nextButton {
	position:absolute;
	top:160px;
	left:400px;
	border:0px;
}
.pictureText {
	margin-top:10px;
	margin-left:50px;
	width:380px;
}
.p1 {
	position:absolute;
	top:30px;
	left:20px;
}
.p2 {
	position:absolute;
	top:30px;
	left:210px;
}
.p3 {
	position:absolute;
	top:30px;
	left:400px;
}
.p4 {
	position:absolute;
	top:30px;
	left:590px;
}
.p5 {
	position:absolute;
	top:230px;
	left:20px;
}
.p6 {
	position:absolute;
	top:230px;
	left:210px;
}
.p7 {
	position:absolute;
	top:230px;
	left:400px;
}
.p8 {
	position:absolute;
	top:230px;
	left:590px;
}
.p9 {
	position:absolute;
	top:430px;
	left:20px;
}
.p10 {
	position:absolute;
	top:430px;
	left:210px;
}
.p11 {
	position:absolute;
	top:430px;
	left:400px;
}
.p12 {
	position:absolute;
	top:430px;
	left:590px;
}
.p13 {
	position:absolute;
	top:630px;
	left:20px;
}
.p14 {
	position:absolute;
	top:630px;
	left:210px;
}
.p15 {
	position:absolute;
	top:630px;
	left:400px;
}
.p16 {
	position:absolute;
	top:630px;
	left:590px;
}
.thumbName {
	text-align:center;
	font-weight:bold;
}
.landscapeThumb {
	margin:18px 0px 4px 0px;
	border:1px solid #FFFFFF;
}
.portraitThumb {
	margin:0px 18px 4px 18px;
	border:1px solid #FFFFFF;
}
.thumbNav {
	position:absolute;
	top:830px;
	left:0px;
}
.musicTitle {
	font-weight:bold;
	font-style:italic;
}