body {
	font-size: 66%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
    background-color: #a8a4a0;
    background: url("images/tee4.gif") no-repeat bottom right fixed; 
	color: #333;
	line-height: 160%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
    margin: 0px 10px 10px 10px;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.1em;
}
p {
        text-indent: 20px; 
        margin: 4px 0px 4px 0px;
}
a:link {
	color: #14b;
}
a:active {
	color: #970;
}
a:visited {
	color: #970;
}
/*had to change this to make it work with the lightbox.  Not sure what it might effect.  was #ffc */
a:hover {
/*	background-color: #fff; */
        color: #14f;
}
/* Boxes */
.boxleft{ 
        float: left;
        clear: left;
}
.boxright{ 
        float: right;
        clear: right;
}
.boxcenter{ 
        text-align: center;
        clear: both;
}
.boxvertcenter{ 
        text-align: center;
        margin: 5px 5px 25px 5px;
        padding: 3px;
        border-color: #ccbfbf;
        border-width: thin;
        background-color: #fff;
}
.ltboroder, .box, .boxright, .boxleft { 
        margin: 5px 5px 5px 5px;
        padding: 3px;
        border-color: #ccbfbf;
        border-width: thin;
        background-color: #fff;
}
a:hover .box, a:hover .boxright, a:hover .boxleft { 
        border-color: #bcafaf;
        background-color: #f8f6f2;
}
.boxcenter a:hover, .boxvertcenter a:hover {
        background-color: transparent;
}
#content {
	width: 732px;
	margin: 10px auto;
	background-image: url("images/transparent.png");
	background-position: bottom right;
    background-repeat: repeat;
	padding: 4px;
}
#content2 {
	width: 742px;
	margin: 10px auto;
    background-color: #666;
	padding: 4px;
}

.clearer {
	clear: both;
}
.nodisplay {
	display: none;
}

.two-col-right {
    width: 364px;
    float: right;
    clear: right;
}
.two-col-left {
    width: 364px;
    float: left;
    clear: left;
}
.caption { 
    padding: 2px 6px 4px 6px;
    margin: 0 10px 10px 5px;
    border: 1px solid #efecea;
    background: #f8f6f2;
    color: #666;
    text-align: left;
    clear:both;
    width:auto;
}

/* MASTHEAD */
	#mastHead {
		color: #fff;
        height: 190px;
		margin-bottom: 3px;
      	background-image: url("images/headerPic.jpg");
       	background-position: top left;
        background-repeat: no-repeat;
        -moz-border-radius: 15px;
	}
	#mastHead h1 {
		font-size: 1em;
		margin: 0;
		padding: 0;

	}
	#mastHead h1 a {
		display: block;
		padding: 140px 15px 5px 15px;
		font-size: 2.7em;
		color: #e8e8e8;
		text-decoration: none;
		border: 0;
	}
	#mastHead h1 a:hover {
        background-color: transparent;
		color: #fff;
	}
	
	/* NAVIGATION */
		ul#navigation, ul#navigation li {
			display: inline;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul#navigation li a {
			display: inline;
			width: 122px;
			height: 28px;
			line-height: 28px;
			text-align: center;
			float: left;
			color: #e8e8e8;
			text-decoration: none;
			font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
			font-weight: bold;
			font-size: 12px;
		}
		ul#navigation li a:hover {
			color: #fff;
            background-color: transparent;
		}

/* PAGE BODY */	
	.columnTitle {
		height: 17px;
        margin: 0px 0px 10px 0px;
		padding: 23px 10px 13px 10px;
/*        background: url("images/ColumnTitle.gif"); */ 
		background-color: gray;
		color: #e8e8e8;
		font-size: 2em;
		-moz-border-radius: 15px;
	}
	#pageTitle {
        height: 17px;
		margin: 0 0px 5px 0px;
		padding: 23px 10px 13px 10px;
/*		background-image: url("images/PageTitle.gif"); */
        background-color: gray;
		color: #e8e8e8;
		font-size: 2em;
		-moz-border-radius: 15px;
	}
	#pageBody {
		padding: 0 0 10px 0;
	}

/* FOOTER */
	#pageFooter {
		text-align: center;
		margin: 5px 10px 15px 10px;
		padding: 10px;
		border-top: 1px solid #e8e4e0;
		color: #a8a4a0;
	}
	#pageFooter p {
        text-indent: 0px;
	}


#pandoraContainer {
	width: 695px;
	margin: auto;
}
#pandoraTitleSongs,
#pandoraFooterSongs {
	display: none;
}
.blogrollitemSongs {
	margin:2px;
	padding:5px;
	float:left;
	width:125px;
	text-align:center;
	overflow:hidden;
	height:87px;
}
.blogrollitemSongs:hover {
	background-color: #eeeeee;
}
#pandoraContentSongs > a {
	display:none;
}






.event {
	padding: 0 0 0 10px;
}


.youtubeVid {
    padding-left: 20px;
}