/*-------------Over all layout classes ------------*/

.centered{
	text-align:center;
}
/*-------------------*/

#dhtmltooltip{
position: absolute;
border: 1px solid black;
padding: 2px;
background-color: #EBEBF5;
font-size:13px;
visibility: hidden;
z-index: 100;
word-break:break-all;
text-wrap:normal;
text-align:left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ---------[ Slideshow ]--------- */

#slideshow {
  position:relative;
  margin: 0 auto;

  overflow:hidden;
  width:60%;
  height:270px;
  z-index:1;
  }

#slideshow ul {
  list-style-type:none;
  margin: 0;
  padding:0;
  width:10000em;
  }

#slideshow img.post_thumbnail {
  background:transparent;
  padding:0;
  float:none;
  margin: 0 auto;
  width:60%;
  height:270px;
  display:block;
  border:0;
  }

#slideshow .feature-image {
  background:transparent url(/images/home_youtube_border.png) top left no-repeat;
   padding:10px 0;
  margin: 0;
  width:420px;
  height:250px;
  display:block;
  float:left;
  text-align:center;
  }

#slideshow .feature-entry {
  width:437px;
  float:right;
  line-height:1.4em;
  font-size:10pt;
  }

/* ---------[ jCarousel Styles ]--------- */

.jcarousel-container {
  position: relative;
  padding: 0;
  z-index:1;
  }

.jcarousel-clip {
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index:1;
  }

.jcarousel-list {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:1;
  }

#slideshow li,
.jcarousel-list li,
.jcarousel-item {
  position:relative;
  list-style: none;
  float:left;
  /* --- We set the width/height explicitly. No width/height causes infinite loops. --- */
  width: 960px;
  height: 405px;
  padding:0;
  margin: 0;
  overflow:hidden;
  z-index:1;
  }

/* ---- The buttons are added dynamically by jCarousel
before the <ul> list (inside the <div> described above)
and have the classnames "jcarousel-next" and "jcarousel-prev" ---- */

.jcarousel-next {
  display: none;
  z-index:3;
  }

.jcarousel-prev {
  display: none;
  z-index:3;
  }

.jcarousel-container-horizontal {
  width: 960px;
  height: 405px;
  padding: 0;
  margin: 0 auto;
  }

.jcarousel-clip-horizontal {
  width: 960px;
  height: 405px;
  margin: 0 auto;
  padding:0;
  }

.jcarousel-item-horizontal { }

.jcarousel-item-placeholder { }

/* -----------[ jCarousel Horizontal Buttons ]----------- */

.jcarousel-next-horizontal {
  position: absolute;
  bottom:0px;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/images/next.png) no-repeat 0 0;
  z-index:3;
  }

.jcarousel-prev-horizontal {
  position: absolute;
  bottom:0px;
  right: 412px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/images/prev.png) no-repeat 0 0;
  z-index:3;
  }


/* Layout Stylesheet */



body {
	margin: 0%;
	padding:0;
	background: #000000;
	color: #000000;
	text-align: center;
	-webkit-text-size-adjust: none;
	
}




 /*====================

 custom buttons for twitter, etc

 =======================*/

 /* Hide dotted image outline from Firefox and Netscape */ a {
outline: none; }



  #connected a {
  display:block;
  width:48px;
  height:48px;
  text-indent:-9999px;
  float:left;
  overflow:hidden;
  outline: none;
}

#connected ul li {
        display: inline;
        float: left;
}



#connected .twitter {
  background:url(images/icons/Twitter/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}

#connected .facebook {
  background:url(images/icons/Facebook/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}


#connected .myspace {
  background:url(images/icons/Myspace/48x48.png) center center no-repeat transparent;
  margin:2px 2px 2px 2px;
}


/*========================

thumbnail galery

========================*/



.gallerycontainer{
width: 80%;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 5px 5px 5px 5px;
}

.thumbnail:active{
background-color: transparent;
}

.thumbnail:active img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
 margin-top: 75px;
background-color: yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*=======================
programs markup
=======================*/
p.programBox{
	margin:5px 5px 15px 5px;
	padding:0;
}

p.detailBox{
	margin:5px 5px 15px 5px;
	padding:0;
}

h3.detailBox{
	text-align:center;
	width:200px;
	margin:0 auto;
}

div.BoxOne
{
	width:200px;
	margin: 0 10px 20px 30px;

//	height: 100px;
	background-color:#ddd;
	float:left;
	outline:2px #546f8b solid;

}

div.BoxTwo
{
	width:200px;
	margin: 0 10px 20px 10px;

//	height: 100px;
	background-color:#ddd;	
	float:left;
	outline:2px #546f8b solid;

}

div.BoxThree
{
	width:200px;
	margin: 0 20px 20px 10px;

//	height: 100px;
	background-color:#ddd;
	float:left;	
	outline:2px #546f8b solid;
}

ul.programBox{
	text-align:left;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
}

li.programBox{
	margin:0;
	padding:0;
}

h3.programBox{
	text-align:center;
}

h3.programBoxList{
	text-align:left;
	margin: 10px 10px 5px 10px;
}

.linkFloatRight{
	float:right;
	margin: 0 10px 10px 0;	
}

.linkFloatRight2{
	float:right;
	margin: -22px 10px 10px 0;	
}

div.topProgramDetail{
	
	width: 640px;
	margin: 50px 0 20px 30px;
	background-color:white;
	float:left;
	outline:2px #546f8b solid;
	position:relative;
		z-index:0;

}

div.programDetail{
	
	width: 640px;
	margin: 0 0 20px 30px;
	background-color:white;
	float:left;
	outline:2px #546f8b solid;
	position:relative;
		z-index:0;

}

div.quotesProgram{
	width:355px;
	margin: 0 10px;
	background-color:white;
	float:left;			
}

div.thanks{
	width:600px;
	margin: 0 10px;
	background-color:white;
	float:left;			
}
	
ul.quotesProgram{
	width: 370px;
}

li.quotesBoldProgram{
	text-align:left;
	font-weight:bold;
	list-style-type:none;
	margin-top:10px;
	margin-right:60px;
	letter-spacing:1px;
}

li.quotesNormalProgram{
	text-align:left;
	list-style-type:none;
//	margin-right:70px;
	margin-bottom:20px;
	margin-left:10px;
}

div.programPlayer{
	width: 200px;
//	height:150px;
	margin: 30px 10px 0 10px;
	padding: 0 0 10px 30px;
	background-color:white;
//	position:relative;
//	z-index:1;
	float:left;
	border-left:2px #546f8b solid;
}

div.programVideoSpacing{
	width:400px;
	height:330px;
//	margin:0px auto;
//	padding-top:50px;
	float:left;
}

.programOutergallery{
//	padding:40px 0 20px 0;
	margin:10px;
	float:left;
}

div.programFullDescription{
	float:left;
	margin:10px;
}

div.galleryOuterContainer{
	background-color:white;
	padding:20px 0;
}

div.mp3Player{
	margin:2px 0;

}

div.mp3PlayerStyling{

	padding:2px;
	margin:5px;
	outline:1px solid #cccccc;
}

div.pushLinkUp{
	margin:-40px 0 0 0;
}



/*========================

album-added in

========================*/

.album

{

  float: left;

  position: relative;

  width: 45%;

  margin-bottom: 30px;

  color: white;

  margin-left: 2%;

}

.album .photobox

{

  float: right;

  width: 150px;

  margin-bottom: 15px;

  margin-left: 15px;

   border-top: 1px solid black;

  border-left: 1px solid black;

  border-bottom: 5px solid black;

  border-right: 5px solid black;

}

.album .photobox img

{

  max-width: 100%;



}

.album h2.title

{

  font-size: x-large;

  padding: 3px;

  font-style: italic;

  font-weight: bold;

  text-align: center;

  color: #6699ff;

}

.album .subtitle

{

  font-size: large;

  text-align: center;

  color: #6699ff;

}

.album .titletrans

{

  font-size: large;

  line-height: 1.4em;

  text-align: center;

  color: #6699ff;

}

.album .titlestats
{
  font-size: smaller;
  line-height: 1.4em;
  text-align: center;
}

.album .desc
{
  margin-top: 0.8em;
  margin-left: 5%;
}

.album .desc p
{
  margin-bottom: 0.8em;
  line-height: 1.4em;
}

/*========================
album tracks
========================*/

.album .tracks h2
{
  margin-left: 5em;
  margin-top: 1em;
  margin-bottom: 0.4em;
  font-size: large;
}

.album .tracks ol
{
  margin-left: 10em;
  padding-left: 10em;
  font-weight: normal;
  margin-left: 5%;
}

.album .tracks li
{
  font-weight: bold;
}

.album .tracks li span.tuning
{
  font-weight: normal;
}

.album .tracks li span.time
{
  font-size: small;
  font-weight: normal;
}

.artist
{
  clear: both;
  width: 243px;
  height: 150px;
  margin-bottom: 30px;
  padding: 0px;
  border: 2px ridge;
  color: Black;
  background-color: #ffff00;
}

/*========================
button stuff
========================*/
ul#audio-links li {
  list-style-type: none;  
}

li.margin {
   margin-bottom: 25px;
}

ul#audio-links li a {
   display: block;
   width: 172px;
   height: 25px;
   background: url("/buttons/all_three_blank.jpg") left top no-repeat;
   text-decoration: none;
}

ul#audio-links li a img {
   border: none;
}

ul#audio-links li a:link
{
        font-weight: bold;
        font: 900 20px "Arial", Helvetica, sans-serif;
        color: #ffffff;
        background: url("/buttons/all_three_blank.jpg") no-repeat 0px -0px;
        outline: none; /* hide dotted outline in Firefox */
}

ul#audio-links li a:visited
{
        font-weight: bold;
        font: 900 20px "Arial", Helvetica, sans-serif;
        color: #ffffff;
        background: url("/buttons/all_three_blank.jpg") no-repeat 0px -0px;
        outline: none; /* hide dotted outline in Firefox */
}


ul#audio-links li a:hover
{
         font-weight: bold;
         font: 900 20px "Arial", Helvetica, sans-serif;
         color: #FFFFCC;
         background: url("/buttons/all_three_blank.jpg") no-repeat 0px -25px;
         outline: none; /* hide dotted outline in Firefox */
}

ul#audio-links li a:active
{
         font-weight: bold;
         color: #FFFFCC;
         font: 900 20px "Arial", Helvetica, sans-serif;
         background: url("/buttons/all_three_blank.jpg") no-repeat 0px -50px;
         outline: none; /* hide dotted outline in Firefox */
}


#header  {

Position: absolute;

left: -1000em;

}

  /*==============================================
Newsletter page list markup
 ==============================================*/

p.newsletter{
	margin:0;
}

h3.subtitle{
	text-align:center;
}
h3.newsletter{
	font-family:Arial,Helvetica,sans-serif;
	color:#B3401E;
	text-align:center;
	font-size:14pt;
	padding:10px 0 15px 0;
	font-weight:normal;
}

div.centerednewsletter{
	text-align:center;
	margin: 20px auto;
}

.centeredimage{
	text-align:center;
	margin: 10px 0 0 -10px;
}



h2.newsletter{
padding:0px;
margin:20px 0;
}

ul.newsletter {
   text-align:left;	
	display:inline-block;
	margin:0;
	padding:0;
   
}

ul.newsletter li {
   list-style-type: none;
	 display:inline-block;
	
}

ul.newsletter li.imagebox {
 display:inline;	
 margin:20px 0; 
 padding:0px;
 vertical-align:top;

}

ul.newsletter li.imagebox img{
 border: solid black 1px;
}
 
ul.newsletter li.textbox {
 
}

ul.newsletter li.textbox p{
margin:10px;
 	width:275px;
	display:inline-block;	
}



  /*==============================================
Instrument page list markup
 ==============================================*/

ul.instrument {
	text-align:left;	
	display:inline-block;
   
}

ul.instrument li {
	list-style-type: none;
	display:inline-block;
	float: left;
	
}

ul.instrument li.imagebox {
	 display:inline;	
	 margin:20px 0; 
	 padding:0px;
	 vertical-align:top;
}

ul.instrument li.imagebox img{
	border: solid black 1px;
	float: left;
}
 
ul.instrument li.textbox {
	display:inline;	 
}

ul.instrument li.textbox p{
	margin:10px;
	width:340px;
	display:inline-block;
}

/*==============================================
Patrons Page
==============================================*/

h2.login{
padding:0px;
margin:20px 0;
text-align:right;
}

table.db-table{ 
	margin:0 auto;
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	width:760px; 
	}
	
table.db-table tr.parent{
	background-color:#eeeeee;
}
table.db-table th{ 
	background:#ccc; 
	padding:5px; 
	border-left:1px solid #ccc; 
	border-top:1px solid #ccc; 
	}

table.db-table th.mediaType{ 
	width:100px;
	}
	
table.db-table th.dateRecorded{ 
	width:226px;
	}
	
table.db-table th.dateAdded{ 
	width:180px;
	}

table.db-table td{ 
	padding:5px; 
	border-left:1px solid #ccc; 
	border-top:1px solid #ccc; 
	vertical-align:top;
	}
	
p.patronsTable{
	vertical-align:top;
	margin:25px 20px;
	padding:0;
	text-align:left;
}

ul.download{
	padding: 10px 10px 0 10px;
	
	}
	
ul.download li.download{
	vertical-align:top;
	margin:0 0 39px 0;
	padding:0 0 0 10px;
	text-align:left;
	list-style-type:none;
	}



 /*==============================================
nav bars top and bottom
 ==============================================*/

#bar-top {

 width: 100%;
 height: 30px;
 background: #c0c0c0;
 color: #333333;
 border: solid #000000;
 border-width: 2px 0;
 margin: 0;

}

#bar-bottom {

 width: 100%;
 height: 30px;
 position:relative;
 background: #336699;
 color: #333333;
 border: solid #000000;
 border-width: 2px 0;
 }

div.abovebookingform{
text-align:left;
padding:20px 40px 0px 40px;
}

div.aboveindexPage{
text-align:left;
padding:0 40px 0px 40px;
}

div.bookingform{
text-align:left;
padding:20px 40px 40px 40px;
}

h2.bookingform{
padding:0px;
margin:20px 0;
}

h2.indexPage{
padding:0px;
margin:0 0 20px 0;
}


h2.nomargin{
margin:0;
padding:40px 0 20px 0;
}

h2.classes{
text-align:center;
}
h2.classes2{
text-align:center;
margin-top:30px;
}

ul.pastShows{
list-style-type:none;
margin:0;
padding:0;
}
ul.pastShows li{
list-style-type:none;
text-align:left;
margin:5px 0 5px 60px;
padding:0;
}

div.alignLeft{
text-align:left;
margin:5px 0 5px 60px;
padding:0;
}


.galleryview{
margin:0 auto!important;
padding:0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

h2.gallery{
text-align:left;
padding:0 20px;
}
.outergallery{
padding:40px 0 20px 0;
}

img.outergallery{  //for classes page
padding:40px 0;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}

.panel-overlay{
height:30px!important;
}



 #container {
 text-align:center;
  width: 900px;
  margin: 0px auto;
  line-height: 135%;
}

 #container_percent {
 text-align:center;
  width: 900px;
  margin: 0px auto;
  line-height: 135%;
}

#conten {

 background: #fff url(/images/pagebg.gif) top left repeat-y;
 color: #333333;
 float: none;
  width: 700px;
  margin: auto ;
 }
 
 #conten_percent {

 background: #fff url(/images/pagebg.gif) top left repeat-y;
 color: #333333;
 float: none;
  width: 80%;
  margin: auto ;
 }
 
#content800 {
	text-align:center;
	margin: 0px auto;
	line-height: 135%;
	background: #fff url(/images/pagebg800.gif) top left repeat-y;
	color: #333333;
	float: none;
	width: 800px;
}


#rightnav
{
float: right;
background: #000000;
width: 200px;
margin-top: 100px;
}





#content {
   height: 450px;
   background: #ffffff;
   color: #333333;
  overflow: auto;
  width: 60%;
  margin: 0 auto;
 }




 #page {
  clear: both;
  margin: 0 auto 0;
  padding: 0 40px;
  width:880px;
  border:1px solid #ddd;
  border-top:0;
  border-bottom:0;
  background: #fff url(/images/pagebg.gif) top left repeat-y;
  }

div.spacer{
color:black;
width:100%;
height:30px;
}

div.videoSpacing{
width:445px;
height:364px;
margin:0px auto;
padding-top:50px;
position:relative;
} 
/*  EMAIL SIGNUP BOX */

p.emailbox{
text-align:center;
margin:0;
}

p.emailbox:first-letter {
 font-size: 120%;
 font-weight: bold;
 }

.outeremailcontainer {
height:60px;
width: 275px;
background-image:url(../images/feather_email2.jpg);
text-align:center;
float:right;
position:relative;
z-index:1;
}

.facebookcontainer {
height:60px;
/*margin:-50px 0 0 280px;*/
background-image:url(../images/facebook-transparent.jpg);
position:relative;
text-align:center;
width:275px;
float:left;
z-index:1;
}

.abovenavcontainer{
	margin:-50px auto 0 auto;
	width: 700px;
	z-index:1;
}

form.email{
position:relative;
}

/*
#emailcontainer {
margin:0;
padding: 0 auto;
z-index:1000;
display:block;
position:relative;
}
*/

#emailcontainer ul, #emailcontainer li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
zoom: 1 ;
}

#sendEmail .city, #sendEmail .name {
display:none;
}

form.email{
background-image: url(../images/newsletter-dropdown.jpg);

}

h3.register2 {
font-size:16px;
margin:0px 0 5px 0;
padding:3px 10px 0 10px;
z-index:1000;
position:relative;
}

div.press{
text-align:left;
}


h2.press{
padding:40px 0 0 0;
margin:0px 50px 15px 50px;
}
h3.press{
padding:40px 0 0 0;
margin:0px 50px 15px 50px;
text-align:left;
}
h3.classes{
padding:30px 0 0 0;
margin:0px 50px 15px 50px;
}
h3.classes2{
padding:10px 0 0 0;
margin:0px 50px 15px 50px;
}
ul.press{
margin: 0px 50px;
padding:0 0 1px 40px;
}

li.pressbold{
font-weight:bold;
list-style-type:none;
margin-top:10px;
margin-right:60px;
letter-spacing:1px;
}

li.pressnormal{

list-style-type:none;
margin-right:70px;
margin-bottom:20px;
margin-left:10px;
}

li.quotesbold{
	text-align:left;
font-weight:bold;
list-style-type:none;
margin-top:10px;
margin-right:60px;
letter-spacing:1px;
}

li.quotesnormal{
text-align:left;
list-style-type:none;
margin-right:70px;
margin-bottom:20px;
margin-left:10px;
}

hr.quotes{
	width:600px;
}
li.presslink{
margin-bottom:20px;
list-style-type:none;

}
li.presslink2{
margin-bottom:20px;
list-style-type:none;
font-weight:bold;
}

ul.email {
margin:0 auto;
padding:0;
z-index:1000;
position:relative;
}

li.email {
display:inline;
margin:10px auto;
z-index:1000;
position:relative;
}




/*  OUTER LIST STYLING  */

div#navbar2 {

   	position:relative;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #546F8B 1px;
    background-color: #546F8B;
		display:inline-block;
}

div#navbar2 ul#navbar {
	padding: 0px;
 	margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
	letter-spacing:1px;
  color: #FFF;
  white-space: nowrap;



}

div#navbar2 ul#navbar li {
	position:relative;
    margin: 0px;
		padding:0px;
    list-style-type: none;
		display:inline;

}


div#navbar2 li a {

   text-decoration: none;
   color: #fff;
	 margin:3px;
	padding: 0px 12px;
	position:relative;
	padding: 11px 12px;
}


div#navbar2 li a:link {
    color: #FFF:
}

div#navbar2 li a:visited {
    color: #ffffff;
}

div#navbar2 li a:hover {
    color: #000;
	
    background-color: #FDFFC9;
}

/*   INNER LIST STYLING   */

div#navbar2 ul#navbar li ul.innerlist{
  	display: none; 
    color:#000;
		position:relative;
		z-index:20;

}
div#navbar2 ul#navbar li ul.innerlist li{
 	color:#000;
position:relative;
	z-index:20;
}


div#navbar2 ul#navbar li:hover ul.innerlist  {
	position: absolute;
    display: inline;
    left: 0;
    width: 100%;
    margin: 30px 0 0px 0px;
   	padding: 0;
    color:#000;
			z-index:20;

    }

div#navbar2 ul#navbar li.innerlist a {
  text-decoration: none;
	font-weight:bold;
  color: #000;
	padding: 10px 7px 20px 7px;
	margin:0;


	
}

div#navbar2 li.innerlist a:link {
    color: #000:
}

div#navbar2 li.innerlist a:visited {
    color: #000;
}

div#navbar2  ul#navbar li.innerlist a:hover {
		
    color: #e62d31;
    background-color:transparent;
}


img.arrowAdjust{
position:relative;
padding:0px 0 0 20px;
margin:0;
display:inline-block;
}


#nest {

 float: left;

 clear: left;

 width: 300px;



 border: dashed #666666;

 border-width: 0 0px 0px 0;

 background: #c0c0c0;

 color: #333333;

 margin: 0px 50px 20px 0;

 }





#nest2 {

 float: left;

 clear: left;

 width: 428px;



 border: dashed #666666;

 border-width: 0 0px 0px 0;

 background: #c0c0c0;

 color: #333333;

 margin: 0px 50px 20px 0;

 }



body#index         #navbar2 li.index         a,

body#sounds        #navbar2 li.sounds        a,

body#theband       #navbar2 li.theband       a,

body#instruments   #navbar2 li.instruments   a,

body#upcomingshows #navbar2 li.upcomingshows a,

body#booking       #navbar2 li.booking       a,

body#classes       #navbar2 li.classes       a,

body#links         #navbar2 li.links         a

#navbar2 li.pictures a:hover,

{

         [selection effects]

         cursor: default;

}

#navbar2 li.pictures a:hover

{

         cursor: pointer;

}



body#index         #navbar2 li#index         a,

body#sounds        #navbar2 li#sounds        a,

body#theband       #navbar2 li#theband       a,

body#instruments   #navbar2 li#instruments   a,

body#upcomingshows #navbar2 li#upcomingshows a,

body#booking       #navbar2 li#booking       a,

body#classes       #navbar2 li#classes       a,

body#links         #navbar2 li#links         a

{

      

cursor: default;
color: #000;

background-color: #ADBFD6;

}

/* FROM PRESENTATION CSS */

/* Presentation Stylesheet */

p {
 margin:25px 50px 25px 50px;
 padding:0px 0px 0px 0px;
 text-align:left;
 }
 
 p.nomargin {
 margin:0px 50px 25px 50px;
 padding:40px 0px 0px 0px;
 text-align:left;
 }

p:first-letter {
 font-size: 130%;
 font-weight: bold;

 }

h1{
margin:0;
padding:40px 0 20px 0;
}

h2 {
 margin:10px 10px 10px 10px;
 padding: 2px 2px 2px 2px;
 }

h2.conten {
 margin:10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
 }
 
h2.leftalign {
text-align:left;
 margin:0px 10px 10px 10px;
 padding: 40px 10px 10px 10px;
 
 }
 
 h2.rightalign {
 text-align: right;
 margin:10px 10px 10px 10px;
 padding: 10px 10px 10px 10px;
 }

h3 {
 margin:10px 10px 10px 10px;
 padding: 0px 0px 0px 0px;
 }
 
 h3.mp3Player{
 margin:3px;
 text-align:left;


h4 {
 margin:10px 10px 10px 10px;
 padding: 0px 0px 0px 0px;
 }

pre {
 text-align:left;
 margin:0;
 padding:20px 0;
 }

#logo {
  	height: 407px;
	z-index:1;
	position:relative;
 }
 
 #logo2 {
  	height: 143px;
	z-index:1;
	position:relative;
 }
 
#logo, #logo2 img.logo{
 z-index:-1;
 position:relative;
 }