/* CSS Document */
body { margin: 0; padding: 0; border:0; background-color:#EDECFF; background-image:url(IMAGES/new_homepage_stripe.png); background-repeat:repeat; }
a { text-decoration:none; color:#FF9900;}
a:hover { text-decoration:underline;}
a:active { color:#009900;}
a:visited { color:#009900;}

.div_main { 
width: 780px;

background-color:#fff;
margin:auto; 
padding-top: 10px; 
padding-bottom: 20px; 
margin-bottom: 30px;
border-color: #ccc;
border-left-style:solid; border-width:2px;
border-bottom-style:solid; 
  }
.div_head { position:relative; 
width:750px; 
height:200px; 
margin:auto;}
.img1 { position: absolute;margin-left: 40px; margin-top:25px; height:120px; width:203px;  background-image:url(IMAGES/SS_signature.png);
background-repeat:no-repeat;}

.guitarist {  left: 80px; top: 150px;   background-image:url(IMAGES/guitarist.png);}
.composer {  left: 160px; top: 120px;   background-image:url(IMAGES/composer.png);}
.teacher {  left: 220px; top: 87px;   background-image:url(IMAGES/teacher.png);}

.guitarist:hover { background-image:url(IMAGES/guitarist_over.png);}
.composer:hover { background-image:url(IMAGES/composer_over.png);}
.teacher:hover { background-image:url(IMAGES/teacher_over.png);}
.guitarist, .composer, .teacher {position: absolute; height:22px; width:106px; background-repeat:no-repeat;}

.guitarist a, .composer a, .teacher a { text-decoration:none;}

.img3 { position: absolute; right: 60px; top:15px; height:160px; width:190px; margin:0px; border:0px; padding:0px;}
.iframe {margin:0px; border:0px; padding:0px;
}
#cat { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:2em;}

.div_head_left{ 
height:200px; 
width:14px; 
float:left; 
background: url(IMAGES/blue_stripe_left.png); 
background-repeat:no-repeat;}

.div_head_centre{  
height:200px; 
width:710px; 
float:left; 
background: url(IMAGES/blue_stripe_centre.png); 
background-repeat: repeat-x;}
.div_head_right{
 height:200px; 
 float:left; width:14px;  background: url(IMAGES/blue_stripe_right.png); background-repeat:no-repeat;}
.th {color:#009900; font-family:arial}
#biog { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:1em; margin-top:1em;}
#biog img { }

#links { font-family: "Lucida Handwriting";  color:#999999; margin-left:1em; font-size:
10px; }




#blue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:1em; background-color:#EDECFF; margin-left:1em;}
.class2 #absolute{ position:absolute; width:100px; height:70px;  top:30px; left:0px; }

#thehurd  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600; font-size:12px;  padding: 0 0 .5em 1em;  }
#thehurd img {float:left; border:0; }
#myspace  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600; font-size:12px; padding: 0 0 .2em 1em;}
#myspace img {float:left; border:0; height:16px; width:16px; }
#fb  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600; font-size:12px; padding: 0 0 .2em 1em;}
#fb img {float:left; border:0; height:16px; width:16px;}



.news { background:url(IMAGES/news.png); background-repeat:no-repeat; height:31px; width:70px; padding:0; margin-top:2; margin-bottom:0;}
.about { background:url(IMAGES/about.png); background-repeat:no-repeat; height:31px; width:70px; padding:0; margin-top:2; margin-bottom:0;}
.gigs { background:url(IMAGES/gigs2.png); background-repeat:no-repeat; height:31px; width:70px;  padding:0; margin-top:2;margin-bottom:0;}
.blog { background:url(IMAGES/blog.png); background-repeat:no-repeat; height:31px; width:70px;  padding:0; margin-top:2;margin-bottom:0;}
.email {background:url(IMAGES/email.png); background-repeat:no-repeat; height:31px; width:70px;  padding:0; margin-top:1em;margin-bottom:0; float:right;}
.links_title {background:url(IMAGES/links.png); background-repeat:no-repeat; height:31px; width:70px;  padding:0;  margin-bottom:0;}
#copyright { padding:0;; position:relative; bottom:0; left:0; width:100px;}
a #box{
	display:none;
	width:0em;
	height:0em;
	text-decoration: none;
	font-size: .8em; z-index:2000;
}
a:hover #box  
{	width: auto;
	background-color: #FFFFFF;
	text-decoration:none;
	color: #003399;
	height: auto;
	z-index:2000;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.6em;
	border: #FFFF00 ridge medium ;
	font-weight: lighter;
}
.spacer { width:350px; height:80px;}
.align_centre { padding-left:100px; padding-top:20px; margin:0;}
.container_left { float:left; margin-top:20px; width:350px;}  
.left { margin-left: 15px; margin-top:0; width:340px; height:auto;
 padding-bottom:10px;   } 
.border {margin-left: 70px; margin-top:0; width:250px; height:auto;
border-color:#CCCCCC; border-bottom-style: solid;
border-width:1.5px; padding-bottom:10px;  }
.left_wide {margin-left: 25px; margin-top:0; width:700px; height:auto;
border-color:#CCCCCC; border-bottom-style: solid;
border-width:1.5px; padding-bottom:10px;   }

#teach_paren { margin-left:5px; text-align:left; font-family:"Lucida Handwriting"; font-size:12px; color: #999999;  margin-top:2px;}

ul{ font-size:16px; font-family:Arial, Helvetica, sans-serif;list-style-image: url(IMAGES/ul_image.png); margin:1em 0 1em 0; border:0;}
li { margin:1em 0 0 0;}

ul.links { width:auto; font-size:14px; font-family:Arial, Helvetica, sans-serif;  margin:1em 0 1em 0; border:0;}

ul.links li#1 { background:url(IMAGES/icon.gif); width:10px; height:10px; background-repeat:no-repeat;}
ul.links li#2 { background: url(IMAGES/FB_icon.png); width:10px; height:10px; background-repeat:no-repeat;}
ul.links li#3 { background: url(IMAGES/FB_icon.png);width:10px; height:10px; background-repeat:no-repeat;}
ul.links li#4 { background: url(IMAGES/AYM_icon.png);width:10px; height:10px; background-repeat:no-repeat;}
ul.links li#5 { background: url(IMAGES/RT_icon.png);width:10px; height:10px; background-repeat:no-repeat;} 
ul.links li#6 { background: url(IMAGES/col_inst_icon.png);width:10px; height:10px; background-repeat:no-repeat;} 


#centre { position:relative; width:250px; margin:auto;}
#email { color: #FF9900; font-family:Geneva, Arial, Helvetica, sans-serif; margin:1em 1em 1em 0em; font-size:13px; }
#grey { float:right; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#background_blue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:1em; background-color:#EDECFF; }
.container_right { float:right; margin-top:15px;}
.left p{font-family:"Lucida Handwriting"; font-size:12.5px; width:310px;  margin:5 0 15 0;}
.left p span { text-indent:30px;}
.right p{ font-family: "Courier New", Courier, monospace; font-size:12px; padding:5px; margin-top:0px; } 
.right span {float:right; margin-right:40px;}

#crouch_end { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em;}

.right { padding:10px; background-color:#EDECFF; margin-top:15px; width:350px; height:auto;  margin-right:35px; margin-bottom:15px;   }
.right_teach { padding:10px;  margin-top:10px; width:350px; height:auto;  margin-right:35px; margin-bottom:15px;   }
.right2, .right3 { float:left; margin-left:20px; width:315px; }
.right2 p, .right3 p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:1em; margin-top:3em; width:auto;}
.right3 img {clear:both; float:right; margin-left:.5em;}

.img_right { position:relative; margin:auto;}
#h1 { position:relative; top:3em; background:url(IMAGES/gigs2.png); width:70px; height:31px; background-repeat:no-repeat; margin:auto; }
#h2 { background:url(IMAGES/scores.png); width:70px; height:31px; background-repeat:no-repeat; margin:5px; float:left;}
.float_right { float:right; width:130px; margin:10px; }
.float_right a { text-decoration:none; border:0;}
.clear { clear:both;}
.table { font-family:"Lucida Handwriting"; font-size:12px; vertical-align:top; }
.table2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:top; margin-top:15px; }

.title { color: #0000CC; vertical-align:top; width:47px; }
.title2 {color: #0000CC; vertical-align:top; padding: 0 5 0 5;}
.tr { float:left; margin-top:5px;  }
.td2, td3 { float:left; vertical-align:top; }
.td4 a {padding:5px; background-color:#FFFFFF; color:#FF9900; font-family:"Lucida Handwriting";} 
.blog_title {padding:5px;} 
.blog_title a { color:#FF9900; text-decoration:none; font-size:11px}
.blog_title a:hover { color:#FF9900; text-decoration:underline;}