html { 
	scrollbar-base-color: #ccc; 
	scrollbar-arrow-color: #ccc; 
	scrollbar-track-color: #ccc; 
	scrollbar-shadow-color: #ccc; 
	scrollbar-lightshadow-color: #ccc; 
	scrollbar-highlight-color: #ccc; 
	scrollbar-3dlight-color: #ccc; 
	scrollbar-darkshadow-color: #ccc; 
}

body { 
	margin: 0; 
	padding: 0; 
	background: #fff;
	color: #333; 
	font: 0.75em verdana, arial, sans-serif;
	text-align: center; 
}

body.b2 { 
	margin: 0 0 0 10px; 
	text-align: left;
	background: transparent;
	font-family: courier, "courier new", serif;f
	font-size: 13px;
	line-height: 17px;
	color: #000;
}

body.b3 { 
	margin: 0 0 0 10px; 
	text-align: left;
	background: transparent;
	background-image: url('images/home-bg.jpg');
	font-family: courier, "courier new", serif;
	font-size: 13px;
	line-height: 17px;
	color: #000;
}


#wrapper1 {
	width: 740px; 
	margin: 0 auto; 
	padding: 40px 0 0 0;
	background: #fff; 
	text-align: right; 
}

#wrapperhome {
	position: relative;
	margin:0px;
	top: 40px;
	float: center;
	background: #fff; 

}

iframe {
	overflow-x: hidden;
	overflow-y: scroll;
} 


/* Main Content */

#main {
	width: 740px; 
	height: 555px; 
	
}

#news {
	width: 740px; 
	height: 555px; 
	background-image: url('images/new-beginning.jpg');

}

#shows {
	width: 740px; 
	height: 555px;  
	background-image: url('images/you-want-trans.jpg');
}


#music {
	width: 740px; 
	height: 555px; 
	background-image: url('images/peppertree-web-trans.jpg');
}

#press {
	width: 740px; 
	height: 555px; 
	/* border: 1px solid black; */
	background-image: url('images/press-bg-trans.jpg');
}

#images {
	width: 740px; 
	height: 555px; 
	border: 1px solid black; 
	background-image: url('images/you-want.jpg');
}


#contact {
	width: 740px; 
	height: 555px; 
	/* border: 1px solid black; */
	background-image: url('images/contact-bg-trans.jpg');
}

#links {
	width: 740px; 
	height: 555px; 
	/* border: 1px solid black; */
	background-image: url('images/you-want.jpg');
}

/* Content boxes */

#homecontent {
	position: relative;
	margin:0px;
	top: 36px;
	left: -30px;
	width: 320px;
	height: 400px;
	border: 1px dashed #991;
	float: right;
	padding: 4px 2px 0 10px;
	text-align: left;
	background-image: url('images/home-bg.jpg');
	filter:alpha(opacity=70);
	z-index: 1;
	opacity: 0.7;
    -moz-opacity:0.7;
}

#showscontent {
	position: relative;
	margin:0px;
	top: 90px;
	left: -120px;
	width: 240px;
	height: 220px;
	float: right;
	padding: 12px 0px 0 14px;
	text-align: left;
	filter:alpha(opacity=100);
	z-index: 1;
	opacity: 1.0;
    -moz-opacity:1.0;
    scrolling: auto;
}

#musiccontent {
	position: relative;
	margin:0px;
	top: 34px;
	left: -40px;
	width: 320px;
	height: 420px;
	/* border: 1px dashed #a06b5d; */
	float: right;
	padding: 12px 4px 0 0px;
	text-align: left;
	/* background: #fff; */
	filter:alpha(opacity=100);
	z-index: 1;
	opacity: 1.0;
    -moz-opacity:1.0;
}

#presscontent {
	position: relative;
	margin:0px;
	top: 14px;
	left: -32px;
	width: 400px;
	height: 500px;
	/* border: 1px dashed #a06b5d; */
	float: right;
	padding: 2px 2px 0 0;
	text-align: left;
	/* background: #fff; 8? */
	filter:alpha(opacity=10);
	z-index: 1;
	opacity: 1.0;
    -moz-opacity:1.0;
}

#linkscontent {
	position: relative;
	margin:0px;
	top: 12px;
	left: -12px;
	width: 320px;
	height: 300px;
	float: right;
	padding: 2px 2px 0 0;
	text-align: left;
	background: #fff;
	filter:alpha(opacity=80);
	z-index: 1;
	opacity: 0.8;
    -moz-opacity:0.8;
}

#contactcontent {
	position: relative;
	margin:0px;
	top: 350px;
	left: -320px;
	width: 10px;
	height: 200px;
	/* border: 1px dashed #a06b5d; */
	float: right;
	padding: 2px 2px 0 0;
	text-align: right;
	/* background: #ffc; */
	filter:alpha(opacity=100);
	z-index: 1;
	opacity: 1.5;
    -moz-opacity:1.5;
}

#imagescontent {
	position: relative;
	margin:0px;
	top: 40px;
	left: -28px;
	width: 320px;
	height: 220px;
	border: 1px dashed #a06b5d;
	float: right;
	padding: 2px 2px 0 0;
	text-align: left;
	background: #fff;
	filter:alpha(opacity=80);
	z-index: 1;
	opacity: 0.8;
    -moz-opacity:0.8;
}



/* Text Formatting */

.text-yellow {
	font-family: courier, "courier new", serif;	font-size: 13px;
	line-height: 17px;
	color: #ff6;
}

.bold {
	font-weight: bold;
	font-family: courier, "courier new", serif;
	color: #000;
	font-size: 13px;
	line-height: 18px;
}

.hilead { line-height: 15pt; }

.i1 { font-style: italic; }

.ind12 { margin-left : 12px; }

.s1 { 
	font-size: .9em; 
	color: #333;
	position: relative;
	left: 2px;
	font-family: courier, "courier new", serif;}

.s1bold {
	font-size: .9em;
	color: #333;
	position: relative;
	left: 2px;
	font-family: courier, "courier new", serif;	font-weight: bold;
}

.footer {
	color: #333;
	font: 0.9em courier, "courier new", serif;
	text-align: right;
	position: relative;
	left: -160px;
	top: 4px;
	
}

.skylablogo {
	position: relative;
	left: 440px;
	top: 4px;
	padding: 0;
}

.skylablogo a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #fff;
}

.enterarrow {
	position: relative;
	left: 220px;
	top: 4px;
	padding: 0;
}


}

.navtext {
	font-size: 16 px;
	font-family: courier, "courier new", serif;	color: #a06b5d;
	font-weight: bold;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


/* Layout */

.sectioned {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	bottom: 6px;
}


.right {
	float: right; 
}

.left {
	float: left; 
}

.cmain {
	float: right; 
	height: 354px; 
	width: 264px; 
	padding: 18px 0 0 12px; 
	text-align: left; 
}

.cmain2 {
	float: right; 
	height: 264px; 
	width: 226px; 
	padding: 108px 0 0 38px; 
	text-align: left; 
	line-height: 1.5em; 
}

.cmain3 {
	float: right; 
	height: 324px; 
	width: 252px; 
	padding: 48px 0 0 12px; 
	text-align: left; 
	letter-spacing: 0px; 
}

.nav {
	float: right; 
	width: 264px; 
	height: 20px; 
	text-align: right; 
	letter-spacing: 5px; 
}



/* Nav Links */


.navlinks a:hover {
	font-family: courier, "courier new", serif;
	font-size: 16px;
	padding: 0 0px;
	color: #ffc;
	font-weight: bold;
	text-decoration: none;
	background-color: #ebdd7e;
	padding: 0 0px;

}

.navlinks a:link {
	font-family: courier, "courier new", serif;
	font-size: 16px;
	padding: 0 0px;
	color: #80564b;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0px;

}

.navlinks a:visited {
	font-family: courier, "courier new", serif;
	font-size: 16px;
	padding: 0 0px;
	color: #a06b5d;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0px;


}

.navlink_on {
	font-family: courier, "courier new", serif;
	font-size: 16px;
	color: #80564b;
	font-weight: bold;
	text-decoration: none;
	background-color: #ebdd7e;
	padding: 0 4px;
	
}

.s1link a:link { 
	font-size: .9em; 
	color: #333;
	position: relative;
	left: 2px;
	font-family: "Trebuchet MS", Verdana, "Times New Roman"; 
}

.s1link a:visited { 
	font-size: .9em; 
	color: #333;
	position: relative;
	left: 2px;
	font-family: "Trebuchet MS", Verdana, "Times New Roman"; 
}

.s1link a:hover { 
	font-size: .9em; 
	color: #ccc;
	position: relative;
	left: 2px;
	font-family: "Trebuchet MS", Verdana, "Times New Roman"; 
}




/* Content Links */

a:hover {
	font-family: courier, "courier new", serif;
	color: #fff;
	text-decoration: none;
	background-color: #ebdd7e;
}

a:link {
	font-family: courier, "courier new", serif;
	color: #df652d;
	text-decoration: none;
}

a:visited {
	font-family: courier, "courier new", serif;
	font-size: 13px;
	color: #80564b;
	text-decoration: none;

}

a { 
	color: #000; 
	border: 0; 
}


