/* Layout Stylesheet */ 

body {
 background-color:#000000;
 color:#FFFFFF;
 }

#outer {
 position:static; 
 padding:0px;
 margin-top: 0;
 margin-bottom: 0;
 margin-right: auto;
 margin-left: auto; 	/* opera does not like 'margin:20px auto' */
 width:720px; /* ie5win fudge begins */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 750px;
 border:1px solid #FFFFFF; 
 z-index:1;
  }

#hdr {
 height:70px;
 background:#313030;
 }

#bar { 
 padding-bottom:5px;
 padding-left:20px;
 padding-top: 15px; 
 background-color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:14px; 
 font-weight:bold; 
 font-style:normal; 
 color: #FFFFFF; 
 text-align:left; 
 border:solid #FFFFFF;	
 border-width:1px 0px 0px 0px;
 }
 
#cont {
 position:static;
 padding-bottom:20px; 
 padding-left:20px;
 padding-right:20px;
 padding-top:0px; 
 background-color:#000000;
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px;
 color: #FFFFFF; 
 text-align: justify; 
 z-index:2;    
 }
  
h1 {
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:14px; 
 font-weight:bold; 
 font-style:normal; 
 color: #A30F17;
 text-align:right;
 }
 
.flow_left {
 position:relative;
 float: left;
 clear: left;
 margin: 0px;
 border:0px;
 padding:0px 20px 0px 0px;
 height:500px;
 }
 
 .flow_lefttext {
 position:relative;
 float: left;
 clear: left;
 margin: 0px;
 border:0px;
 padding:0px 20px 0px 0px;
 height:200px;
 width:356px;
 }

.flow_right {
 position:relative;
 float: right;
 clear: right;
 margin: 0px;
 border:0px;
 padding:0px 0px 0px 0px;
 }
 
 .center {
	float:left;
	text-align:justify;
	width:350px;
	border: 1px solid #FFF;

}

a:link.style1 {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
a:visited.style1 {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
a:hover.style1 {text-decoration:underline; font-weight:bold; color:#A30F17;}
a:active.style1 {text-decoration:underline; font-weight:bold; color:#A30F17;}

a:link.style2 {text-decoration:none; font-weight:bold; color:#FFFFFF;}
a:visited.style2 {text-decoration:none; font-weight:bold; color:#FFFFFF;}
a:hover.style2 {text-decoration:underline; font-weight:bold; color:#A30F17;}
a:active.style2 {text-decoration:underline; font-weight:bold; color:#A30F17;}

a:link.style3 {text-decoration:none; font-weight:normal; color:#FFFFFF;}
a:visited.style3 {text-decoration:none; font-weight:normal; color:#FFFFFF;}
a:hover.style3{text-decoration:underline; font-weight:normal; color:#A30F17;}
a:active.style3 {text-decoration:underline; font-weight:normal; color:#A30F17;}

a:link.style4 {text-decoration:underline; font-weight:normal; color:#FFFFFF;}
a:visited.style4 {text-decoration:underline; font-weight:normal; color:#FFFFFF;}
a:hover.style4 {text-decoration:underline; font-weight:normal; color:#A30F17;}
a:active.style4 {text-decoration:underline; font-weight:normal; color:#A30F17;}

.red {
 color: #CC0000;
}
.style1 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 text-decoration:none; 
 font-weight:bold; 
 color:#A30F17;
 }
 
.style5 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 text-decoration:none;
 font-style:italic; 
 font-weight: normal; 
 color:#A30F17;
 }
 
.guitar {
 position: absolute;
 top: -35px;
 right: -20px;
 z-index:4;
 }

.guitarposition {
  width: 750px;
  clear: both;
  padding: 5px 0 15px;
  position: relative;
  font-size:12px;
  color:#635A48;
  font-weight:bold;
  z-index:4;
}

.corkboard {
	position:static;
	margin: 0px;
	border:0px clear;
	padding:0px;
	width:100%;
	height:480px;
	clear: both;
	text-align:center;
	background-image:url(images/blank_corkboard.jpg);   
	background-repeat:no-repeat;
	background-position:center;
	z-index:6;
}

.vid {
	position:static;
	margin: 0 0 25px 0;
	border:0px clear;
	padding:0px;
	width:100%;
	height:595px;
	min-height:595px;
	clear: both;
	text-align:center;
	background-image:url(images/film_strip.jpg);
	background-repeat:no-repeat;
	background-position:center;
	z-index:6;
}

.notepad, .notepad2 {
	position:static;
	margin: 0px;
	border:0px clear;
	padding:0px;
	width:100%;
	height:860px;
	clear: both;
	text-align:center;
	background-image:url(images/notepad.gif);   
	background-repeat:no-repeat;
	background-position:center;
	z-index:6;
}

.notepad2 { background-image:url(images/notepad2.gif); }

.radiotable {
	border:solid #FFFFFF;
	border-width:1px; 
 }

.footer {
	position:relative;
	padding-bottom:15px;
	padding-left:20px;
	padding-top: 15px;
	background:#1E1E1E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	text-align:left;
	color: #999999;
	border:solid #FFFFFF;
	border-width:1px 0px 0px 0px;
	z-index:3;
}

.forteen { font-size:14px; }
.sixteen { font-size:16px; }