html{
	background-color: #000000;
	scrollbar-3d-light-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #333333;
	scrollbar-dark-shadow-color: #000000;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #000000;
	background-image: url(../images/siteimages/testimageright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	}

body {
	FONT-SIZE: 100%;
	MARGIN: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #eeeeee;
	background-image: url(../images/siteimages/testimage.jpg);
	background-repeat: no-repeat;
	background-position: left 30px;
	line-height: 140%;

}

div#PageContainer {
	padding-top: 0px;
	clear: both;
	margin-bottom: 40px;

}

/************************************ heading *********************************************************/

div#HeadingContainer {
	OVERFLOW: hidden; 
	WIDTH: 100%; 
	HEIGHT: 100px; 

}
div#Heading {
	WIDTH: 100%;
	HEIGHT: 100px;
}
div#HeadingPrint {
	DISPLAY: none
}

/************************************ horizontal bar with navigation *********************************************************/
div#HorizontalBar{
	width: auto;
	height: 40px;
	overflow: hidden;

	
	}

/************************************ main navigation *********************************************************/

#navigation {
	margin: 0;
	background: #333333;
	font: 16px Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	/*background-image: url(../images/siteimages/testnavback.jpg);
	background-repeat: repeat-x;*/
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
#navigation li {
	list-style: none;
	margin: 0;
	display: inline;
	}

#navigation li a {
	width: auto;
	border-right: 1px solid #BBC;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0.5em;
	padding-bottom: 0px;
	padding-left: 0.5em;
	color: #f1af1e;	 
	 }
/*#navigation li a:link {
	color: #f1af1e;
	
	}*/
#navigation li a:visited {
	color: #f1af1e;
	}
	
#navigation li a:hover {
	width: 100%;
	border-color: #88C;
	color: #ffffff;
	
	background-color: #33cc33;
/*	background-image: url(../images/siteimages/testnavback_hover.jpg);
	background-repeat: repeat-x;*/
	}
	
/************************************ column set up *********************************************************/

div#ContentContainer {
	MARGIN-LEFT: 0;
	WIDTH: 100%;
	MARGIN-RIGHT: auto;
	PADDING-TOP: 0px;
	padding-bottom: 10%;

}
div#LeftSide{
	width: 300px;
	font-size: 0.75em;
	float:left;
	margin-right: 0px;
	padding-top: 50px;
	padding-bottom: 0px;
	padding-left: 16px;
}
div#song{
	width: 250px;
	margin-left: 10px;
	position: relative;
	z-index: 5;
	top: -200px;
	FONT-SIZE: 90%;
	padding: 4px;
	border: 2px dotted #0000FF;
	text-align: center;
}

/************************************ main content *********************************************************/
div#MainContent {
	margin-top: 225px;
	margin-right: 300px;
	margin-left: 315px;
	/*	margin-left: auto;*/
	margin-bottom: 0;
	padding-top: 16px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

/************************************ main content *********************************************************/

#MainContent img{
	padding: 10px;}
	
#MainContent HR {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 4px; MARGIN-BOTTOM: 10px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 3px; BACKGROUND-COLOR: #ffffff
}

.MainContentForm {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid
}

.MainContentButton {
	BORDER-RIGHT: #333333 thin outset; BORDER-TOP: #333333 thin outset; BORDER-LEFT: #333333 thin outset; COLOR: #000000; BORDER-BOTTOM: #333333 thin outset; BACKGROUND-COLOR: #eeeeee
}

div#LeftImage{
display: none;
}



/************************************ page photos *********************************************************/

div#PagePhotos{
	width: 100px;
	float: right;
	margin-left: 0px;
	margin-bottom: 25px;
	margin-right: 0px;
	position: relative;
	left: 20px;
	z-index: 10;
	display: none;}

div#PagePhotosLeft{
	width: 240px;
	margin-left: 5px;
	position: absolute;
	z-index: 5;
	top: 489px;
	left: 5px;
	padding: 0px;
	border: 0px dotted #0000FF;
}



/************************************ events list *********************************************************/

div#EventsList{
}
.EventDate{
color: #33CC33;}
.EventTitle{
	color: #f1af1e;
	font-weight: bold;
}
.EventLocation{
	font-style: italic;
}
.Event{
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E4B1;
	padding-bottom: 15px;
}



/************************************ photo gallery *********************************************************/

div#PhotoGallery {
	WIDTH: auto
}
#PhotoGallery IMG {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/siteimages/contentback.jpg); PADDING-BOTTOM: 10px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-REPEAT: repeat-x
}

div#MainPhoto {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#MainPhoto IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}


DIV#PhotoBorderLarge {
	BORDER-RIGHT: #425227 2px solid; PADDING-RIGHT: 15px; BORDER-TOP: #425227 2px solid; PADDING-LEFT: 15px; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; BORDER-LEFT: #425227 2px solid; WIDTH: auto; PADDING-TOP: 10px; BORDER-BOTTOM: #425227 2px solid; HEIGHT: auto
}
#PhotoBorderLarge IMG {
	BORDER-RIGHT: #425227 1px solid; BORDER-TOP: #425227 1px solid; BORDER-LEFT: #425227 1px solid; BORDER-BOTTOM: #425227 1px solid
}

DIV#PhotoGallery {
	WIDTH: auto
}
#PhotoGallery IMG {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid
}
.PhotoGallerystyle {
	BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; BORDER-LEFT: #999999 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #999999 0px solid
}
/************************************ footer *********************************************************/

div#FooterContainer {
	clear: both;
	float:none;
	width: 100%;
/*	z-index:99;
	position:absolute;
	bottom: 0;*/
	height: 50px;
	text-align:center;
	position:relative;
	color: #F0F0F0;
	padding-bottom: 30px;
	margin-top: 40px;

}
div#Footer {
}

#Footer dt {
	list-style: none;
	margin: 0;
	display: inline;
	}

#Footer dt {
	FONT-SIZE: 90%; 
	COLOR: #eeeeee; 
}
#Footer dt A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 6px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: underline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
}
#Footer dt A:hover {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none
}
DIV#Footer2 {
	MARGIN-TOP: 15px; PADDING-BOTTOM: 15px; MARGIN-LEFT: auto; WIDTH: 780px; COLOR: #eeeeee; MARGIN-RIGHT: auto; TEXT-ALIGN: center; display: none;
}
#Footer2 SPAN {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#Footer2 SPAN A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
#Footer2 SPAN A:hover {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; COLOR: #0000ff; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
div#FooterPrint{
	display: none;}
/************************************ general styles - customized *********************************************************/

/************* headings ***********/

H1 {
	color: #f1af1e;
	font-weight: normal;
	line-height: normal;
}
h2 {
	/*color: #075096;*/
	color: #33CC33;

}
h3 {
	color: #0099FF;
	font-weight: normal;	
}
H4 {
	MARGIN-TOP: 4px; FONT-WEIGHT: normal; FONT-SIZE: 140%; MARGIN-BOTTOM: 4px; PADDING-BOTTOM: 0px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H5 {
	MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 130%; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 0px; COLOR: #947600; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H6 {
	MARGIN-TOP: 1px; FONT-WEIGHT: normal; FONT-SIZE: 120%; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 0px; COLOR: #002960; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.right h1 {
	font-family: "Times New Roman", Times, serif;
	color: #003366;
}

.inlineH1 {
	font-family: "Times New Roman", Times, serif;
	font-weight: 900;
	color: #990033;
	font-size: medium;
}


/************* links ***********/

A:link {
	COLOR: #33CC33; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #33CC33; TEXT-DECORATION: underline
}
A:active {
	COLOR: #0099FF;
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f1af1e; TEXT-DECORATION: underline
}

/************* various ***********/

.small {
	FONT-SIZE: 10px
}
.formlabels {
	FONT-WEIGHT: bold; COLOR: #9b4340
}
.linedivider {
	BORDER-RIGHT: #737357 thin dotted; BORDER-TOP: #737357 thin dotted; BORDER-LEFT: #737357 thin dotted; BORDER-BOTTOM: #737357 thin dotted
}
.linkslist1 {
	FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; LINE-HEIGHT: 125%; PADDING-TOP: 6px
}
.linkslist1c {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; LINE-HEIGHT: 125%; PADDING-TOP: 2px
}
.linkslist1b {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.linkslist2 {
	FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px
}
.separator {
	MARGIN-TOP: 10px; DISPLAY: block; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px dotted
}

.rowline {
	BORDER-BOTTOM: #406747 1px dotted
}


/************* fieldset ***********/

FIELDSET {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 2; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 5px; WIDTH: auto; PADDING-TOP: 5px
}
.fieldsetform {
	BORDER-RIGHT: #5a82b9 1px double; BORDER-TOP: #5a82b9 1px double; BACKGROUND: #ffffff; BORDER-LEFT: #5a82b9 1px double; BORDER-BOTTOM: #5a82b9 1px double
}
FIELDSET UL {
	MARGIN-TOP: 1px; MARGIN-BOTTOM: 5px
}

LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 105%; COLOR: #990000
}
.alternatelegend {
	MARGIN-TOP: 1px; FONT-WEIGHT: normal; FONT-SIZE: 130%; LEFT: auto; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; COLOR: #0a2e86; FONT-FAMILY: "Times New Roman", Times, serif; LETTER-SPACING: 1px
}
/************* form ***********/

/*FORM {
	BORDER-TOP: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffff
}
.alternateform {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}*/
.imageborder {
	border: 1px solid #000000;
}
