#wrapper {
width:752px;
height:auto;
padding:0;
margin:0 auto;
border-style: solid;
border-width: 2px;
border-color:#8A2A04;
overflow: hidden;
}

#wrappernoborder {
width:752px;
height:auto;
padding:0 0 80 200;
margin:auto;
overflow: hidden;
}

#wrapsmall {
width:375px;
height:auto;
padding:50;
margin:0 auto;
overflow: no;
text-align:justify;
}

#wrapsidebar {
width:250px;
height:auto;
padding:50;
margin:0;
overflow: no;
text-align:justify;
}

#twocolumn {
width:270px;
height:auto;
padding:50;
margin:0;
overflow: no;
text-align:justify;
}


#wrapmed {
width:500px;
height:auto;
padding:50;
margin:0;
overflow: no;
text-align:justify;
}

#img {
width:auto;
height:auto;
padding:30;
margin:0 auto;
overflow: no;
text-align:justify;
}

 
/*   to use if i was making the bows go behind everything on the menu bar 
#imglayer {
	position: absolute;
	left: 115px;  
	bottom: 115px;
	z-index: 0;
}
*/


.pad {
padding-left:50;
padding-top:50;
padding-bottom:50;
padding-right:50;
margin:0;
overflow: no;
text-align:justify;
}


.bgroundimg {
width:752;
height:502;
background:url(img/trashbar.jpg) no-repeat bottom left;
}

.bgroundplayer {
width:570;
height:576;
background:url(img/listen_albumnew.jpg) no-repeat;
}

.bgroundwelcome {
width:322;
height:636;
background:url(img/guest-welcome.jpg) no-repeat;
}

.greenbox {
width:365;
height:658;
background:url(img/greenbox.jpg) no-repeat;
}


.notoppad {
width:250px;
height:auto;
padding-left:50;
padding-top:0;
padding-bottom:50;
padding-right:50;
margin:0;
overflow: no;
text-align:justify;
}


.nopad {
width:auto;
height:auto;
padding:0;
margin:0 auto;
overflow: no;
text-align:justify;
border:no;
}


.floatleft {
float:left;
}

.floatright {
float:right;
}


.clear {
margin-left:5px;
clear:both;
}


/* Rounded corners box---------------------------------------------*/
.roundbox-tr { width:90%; margin:auto; padding:0; background:url("img/roundbox_tr.gif") no-repeat right top; }

/* top-left corner and left side */
.roundbox-tl { margin:0; padding:0; background: url("img/roundbox_tl.gif") no-repeat left top; }

/* bottom-right corner and bottom side */
.roundbox-br { margin:0; padding:0; background: url("img/roundbox_br.gif") no-repeat right bottom; }

/* bottom-left corner */
.roundbox-bl { margin:0; padding:0; background: url("img/roundbox_bl.gif") no-repeat left bottom; }

/* content div, it could be omitted (the content going into "roundbox-bl" but I felt that alinging the content was easier with "roundbox-content" in place */
.roundbox-content { margin:0; padding:2.5em 3.5em; }

.roundbox-content p { margin:0; padding:0; line-height:1.6; }




/* General text and small links styles
---------------------------------------------*/
a {
text-decoration:none;
}

a:link { 
color:#5F2A0D 
} 

a:visited { 
color:#60320F
} 

a:hover { 
color:#A95414
} 

a:active { 
color:#A95414 
}

.normal {
font: 12/1.5 verdana, arial, sans-serif;
font-stretch: narrower;
color:#79746C;
text-align:justify;
} 

.smalltextcenter {
font: 9/1 verdana, arial, sans-serif;
font-stretch: narrower;
color:#79746C;
text-align:center;
} 

.smalltext {
font: 9/1 verdana, arial, sans-serif;
font-stretch: narrower;
color:#79746C;
text-align:center;
} 

.bigtext {
font: 20/1.5 verdana, arial, sans-serif;
font-stretch: narrower;
color:#79746C;
text-align:center;
} 

.fadetext {
font: 12/1.5 verdana, arial, sans-serif;
font-stretch: narrower;
color:#4C4842;
text-align:center;
} 

p {
font: 12/1.5 verdana, arial, sans-serif;
font-stretch: narrower;
color:#79746C;
text-align:justify;
} 

h {
font: 13/1 verdana, arial, sans-serif;
font-weight:bold;
color:#5A5717;
text-align:justify;
} 

h1 {
font: 16 verdana, arial, sans-serif;
font-weight:bold;
font-stretch: narrower;
color:#5EB4A7;
text-align:justify;
} 


h2 {
font: 13/.5 verdana, arial, sans-serif;
font-weight:bold;
color:#BA66B9;
} 





/* Buttons-----------------------------------------*/
a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}
.button {
  color: #5EB4A7;
  background-color: #5EB4A7;
  padding: 5px 7px;
}
.button:hover {
  background-color: #BA66B9;
} 


/* I'm using http://smoothslideshow.jondesign.net/ for the slideshow-----------------------------------------*/

/* Slideshow-----------------------------------------*/
#mySlideShow
{
width: 400px !important;
height: 200px !important;
}