@charset "utf-8";
/* CSS Document */

body {
		background-color: #303030;
		background-image: url(images/Background_Stripe.jpg);
		background-repeat: no-repeat;
		background-position: top;
		font-family: Arial, Helvetica, sans-serif;
	  top: 0% !important;
		left: 25% !important;
		overflow: scroll !important;	
}


body h1 {
	   color: white;
	   font-style: italic;
	   font-family: 'Droid Serif', "Bookman Old Style", serif;
	   font-size: 20px;
	   margin: 5px 0px 0px 0px;
}

body h2 {
		color: #004080;
		border-bottom-width: 3px;
		border-bottom-color: #CCC;
		border-bottom-style: solid;
		font-size:24px;
		line-height:1.02em;
}


body h3 {
		color: #606060;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 19px;
}

body h4 {
		color: #faaa4a;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 17.5px;
		font-style: italic;
}





body h5 {
		color: #000000;
		border-bottom-width: 3px;
		border-bottom-color: #CCC;
		border-bottom-style: solid;
		font-size:24px;
		line-height:1.02em;
}



body h6 {
		color: #33cc33;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 17.5px;
		font-style: italic;
}



}

body h7 {
		color: #000000;
		border-bottom-width: 3px;
		border-bottom-color: #CCC;
		border-bottom-style: solid;
		font-size:24px;
		line-height:1.02em;
}



body p {
		color: #000000;
}

body #cke-pastebin {
		top: 0% !important;
		overflow: scroll !important;
		left: 25% !important;
}

a img {
		border: none;
}

a:link {
		color: #00b3e6;
		font-style:italic;
}


a:visited {
		color: #0088af;
}

a:hover {
		color: #404040;
}
	
		

#allcontent12 {
		width: 950px;
		padding-top: 15px;
		padding-bottom: 0px;
		background-color: white;
		background-image: url(images/Background_Stripe.jpg);
		background-repeat: no-repeat;
		background-position: top;
		margin-left:auto;
		margin-right:auto;
}/*for wider menu, template2, new skyline rendition*/

#header {
		width: 950px;
		position: absolute;
		top: 5px;
}

#logo3 {
		width: 150px;
		float: left;
		padding: 10px 10px 5px 15px;
}/*for addiotn of skyline, logo higher up*/


#logocase2 {
	float: left;
	width: 600px;
}

#logocase2 p {
	margin: 12px 0px 0px 0px;
}


#social {
		width: auto;
		float: right;
		padding: 5px 5px 5px 5px;
}

#menuOG {
		width: auto;
		position: absolute;
		top: 173px;
		left: 50px;
		border-left-color: white;
		border-left-style: solid;
		border-left-width: 1px;
}/*new menu ed, no skyline*/


#menu3 {
	width: auto;
	position: absolute;
	top: 235px;
	left: 15px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
}/*for addition of ver2 skyline, centered menu*/

#content {
		margin-top: 120px;
		margin-left: 0px;
		margin-right: auto;
		padding: 0px 10px 0px 10px;
		font-size: 15px;
		line-height: 1.3em;
}

#content2 {
		margin-top: 200px;
		margin-left: 0px;
		margin-right: auto;
		padding: 0px 10px 0px 10px;
		font-size: 15px;
		line-height: 1.3em;
}/*for addition of skyline*/

#content3 {
		margin-top: 230px;
		margin-left: 0px;
		margin-right: auto;
		padding: 0px 10px 0px 10px;
		font-size: 15px;
		line-height: 1.3em;
}/*for addition of ver2 skyline*/

#contentOG {
		margin-top: 180px;
		margin-left: 0px;
		margin-right: auto;
		padding: 0px 10px 0px 10px;
		font-size: 15px;
		line-height: 1.3em;
}/*for addition of ver2 skyline*/

#left1 {
		float: left;
		vertical-align: top;
		margin-top: 10px;
		width: 325px;
		padding: 10px;
}

#right1 {
		float: right;
		vertical-align: top;
		padding: 10px;
}

#midcol {
		float: left;
		margin-top: 25px;
		margin-right: 12px;

}

#rightcol {
		margin-top: 10px;
		float: right;
		width: 170px;
		padding: 0px 0px 10px 10px;
}

a.quicklinks {
		color: #404040;
		font-style: normal;
}
.quicklinks a:hover {
		color: #00b6e3;
}

.quicklinks a:visited {
		color: #0088af;
}


#blogTitle {
		color: #303030;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 17px;
		margin: 18px 0px 0px 0px;
}

#blogDate {		
		color: #606060;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		font-style: italic;
		margin: 2px 0px 0px 0px;
}

#blogLines {
		margin: 2px 0px 10px 0px;
}

#blogTitle2 {
		color: #000000;
		border-bottom-width: 3px;
		border-bottom-color: #CCC;
		border-bottom-style: solid;
		font-size:23px;
		margin: 18px 0px 0px 0px;
}/*for use with h2 to make bottom margin zero (pair with blogDate)*/
		



#footer {
		text-align: center;
		font-size: 12px;
		line-height: 1.2em;
		color: white;
		background-color: #505050;
		border-top-color: #CCC;
		border-top-width: 10px;
		border-top-style: solid;
		padding: 5px;
		clear: both;
}

#footertext {
		color:white;
}

#footertext a:visited {
		color: #0088af;
}

#timeline {
		list-style-type: circle;
		font-size: 12px;
		line-height: 1.5em;
}

#timeline a {
		font-size:12px;
		line-height: 1.5em;
}


.year {
		font-weight: bold;

}

.info {
		font-weight: normal;
}

.smallbody {
		font-size: 12px;
		line-height: 1.5em;
}

.normal {
		font-style: italic;
}/*for Overture h2 */

#gallery {
		margin: 0px 18px 0px 18px;
		text-align:center;
}

#meeting {
		background-color: #ffce5c;
		border-radius: 15px;
		text-align: center;
		padding: 5px;
		width: 150px;
		float: right;
		margin: 0px 0px 25px 25px;
}

#floatleftimage {
		float: left;
		width: auto;
		padding: 0px 20px 20px 5px;
}
#floatrightimage {
		float: right;
		width: auto;
		padding: 0px 20px 5px 20px;
}

#clear {
		clear: both;
}



#left2 {
		float: left;
		vertical-align: top;
		margin-top: 10px;
		width: 287px;
		padding: 10px;
		border-right-color:#ccc;
		border-right-width:1px;
		border-right-style:dashed;
}

#right2 {
		float: right;
		vertical-align: top;
		padding: 10px;
		margin-top: 10px;
}

#midcol2 {
		float: left;
		width: 285px;
		padding-right:5px;
		border-right-color:#ccc;
		border-right-width:1px;
		border-right-style:dashed;
}

#rightcol2 {
		float: right;
		width: 287px;
		padding: 0px 0px 10px 20px;
}/*3 columns, similar widths*/

#left3 {
	float: left;
	vertical-align: top;
	margin-top: 10px;
	padding: 10px;
	width: 910px;
	text-align: left;
		
}/*1 column full width*/


#left4 {
		float: left;
		vertical-align: top;
		margin-top: 10px;
		width: 519px;
		padding: 10px;
		border-right-color:#ccc;
		border-right-width:1px;
		border-right-style:dashed;
}

#right4 {
		float: right;
		vertical-align: top;
		padding: 10px;
		margin-top: 10px;
		width: 360px
}/*2 columns, left wider*/

#left5 {
		float: left;
		vertical-align: top;
		margin-top: 10px;
		width: 440px;
		padding: 10px;
		border-right-color:#ccc;
		border-right-width:1px;
		border-right-style:dashed;
}

#right5 {
		float: right;
		vertical-align: top;
		padding: 10px;
		margin-top: 10px;
		width: 440px
}/*2 columns, even*/

#left6 {
		float: left;
		vertical-align: top;
		margin-top: 10px;
		width: 325px;
		padding: 10px;
		border-right-color:#ccc;
		border-right-width:1px;
		border-right-style:dashed;
}

#right6 {
		float: right;
		vertical-align: top;
		padding: 10px;
		margin-top: 30px;
		width: 555px
}/*2 columns, right wider*/

#left7 {
		float: left;
		vertical-align: top;
		margin-top: 30px;
		margin-bottom: 10px;
		width: 250px;
		padding: 10px;
		background-color: #DDDDDD;
}

#right7 {
		float: right;
		vertical-align: top;
		padding: 10px;
		margin-top: 30px;
		width: 600px
}/*2 columns, left small for menu*/

#left7 h3{
		font-size: 16px;
		color: #444;
		margin-bottom: 2px;
		margin-top: 20px;
		border-bottom-width: 3px;
		border-bottom-color: #FFF;
		border-bottom-style: solid;	
}

#left7 p{
		margin-top:2px;
}

#image {
		width:auto;
		padding: 13px;
		float:left;

}

hr {
    border: none;
    background-color: #ccc;
    color: #ccc;
    height: 2px;
}



a.splashlinks {
		color: #00b3e6;
		font-style: normal;
		margin-left: 40px;
}
.splashlinks a:hover {
		color: #404040;
}

.splashlinks a:visited {
		color: #0088af;
}

#contact h4 {
		font-size:17px;
		margin: 20px 0px 0px 0px;
}
#contact p{
		margin: 0px 0px 0px 0px;
}

#contact {
	font-size: 90%;
}

#contactLinks {
	font-size:14px;
	border-style:solid;
	border-color: #CCCCCC;
	border-width: 2px;
	
}

#contactLinks td, th{
	border: thin solid #CCCCCC;
	padding: 5px;
	
}

table {
	border-collapse: collapse;
}

#contactLinks a{
	font-style:normal;
	
}
	
.artistname {
	color:#606060;
}

.cdname {
	color: #0088af;
	font-style: italic;
}

.top {
	font-size: 18px;
	font-style: bold;
}

#tableL {
	width: 160px;
	float: left;
	padding: 5px;
	vertical-align: top;
}

#tableR {
	width: 160px;
	float: right;
	padding: 5px;
	vertical-align: top;
}


nav, .nav{
position:fixed;
top:0;
width:200px;
height: 500px
}