body {
    color: #000;
    font-size: 90%;
    font-family: Arial,Helvetica,sans-serif;
    background-color: rgb(192,199,187);
    
}




#menu {	clear: both;
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#content {
	clear: none;
	margin-top: 5px;
	float: left;
	width: 700px;
	padding-left: 15px;
	height: 100%;
}

#content2 {

	margin-top: 0px;
	float: left;
	width: 700px;
	padding-left: 50px;
}

#photomenu {
	clear: both;
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px;
        
}


a:link {color: rgb(0,0,0); text-decoration: none; }
a:active {color: rgb(210,38,0); text-decoration: none; }
a:visited {color: rgb(0,0,0); text-decoration: none; }
a:hover {color: rgb(210,38,0); text-decoration: none; }

a {text-decoration: none; }

#menu li {     list-style-type: none;
               height: 25px;
               width: 200px;
               float:left;
}

#photomenu li {     list-style-type: none;
               height: 25px;
               width: 100px;
               float:left;
}

li#current  .blog{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/blogcurrent.jpg');
	text-indent: -99999px;}
        
li#current  .music{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/musiccurrent.jpg');
	text-indent: -99999px;}
        
li#current  .gigs{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/gigscurrent.jpg');
	text-indent: -99999px;}
        
li#current  .shop{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/shopcurrent.jpg');
	text-indent: -99999px;}
        
li#current  .images{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/imagescurrent.jpg');
	text-indent: -99999px;}

li#current  .video{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/videocurrent.jpg');
	text-indent: -99999px;}
	
li#current  .friends{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/friendscurrent.jpg');
	text-indent: -99999px;}
        
li#current  .contact{
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/contactcurrent.jpg');
	text-indent: -99999px;}
	
.blog {
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/blog.jpg') bottom;
	text-indent: -99999px;
}

.blog:hover {
	background-position: 0 0;
}

.music { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/music.jpg') bottom;
	text-indent: -99999px;
}

.music:hover {
	background-position: 0 0;
}

.gigs { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/gigs.jpg') bottom;
	text-indent: -99999px;
}

.gigs:hover {
	background-position: 0 0;
}

.shop { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/shop.jpg') bottom;
	text-indent: -99999px;
}

.shop:hover {
	background-position: 0 0;
}

.images { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/images.jpg') bottom;
	text-indent: -99999px;
}

.images:hover {
	background-position: 0 0;
}

.video { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/video.jpg') bottom;
	text-indent: -99999px;
}

.video:hover {
	background-position: 0 0;
}

.friends { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/friends.jpg') bottom;
	text-indent: -99999px;
}

.friends:hover {
	background-position: 0 0;
}

.contact { 
	display: block;
	width: 200px;
	height: 25px;
	background: url('images/contact.jpg') bottom;
	text-indent: -99999px;
}

.contact:hover {
	background-position: 0 0;
}




li#current  .I2006{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2006current.jpg');
	text-indent: -99999px;}
        
li#current  .I2007{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2007current.jpg');
	text-indent: -99999px;}
        
li#current  .I2008{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2008current.jpg');
	text-indent: -99999px;}
        
li#current  .I2009{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2009current.jpg');
	text-indent: -99999px;}
        
li#current  .I2010{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2010current.jpg');
	text-indent: -99999px;}

li#current  .I2011{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2011current.jpg');
	text-indent: -99999px;}
	
li#current  .I2012{
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2012current.jpg');
	text-indent: -99999px;}
        
	
.I2006 {
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2006.jpg') bottom;
	text-indent: -99999px;
}

.I2006:hover {
	background-position: 0 0;
}

.I2007 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2007.jpg') bottom;
	text-indent: -99999px;
}

.I2007:hover {
	background-position: 0 0;
}

.I2008 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2008.jpg') bottom;
	text-indent: -99999px;
}

.I2008:hover {
	background-position: 0 0;
}

.I2009 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2009.jpg') bottom;
	text-indent: -99999px;
}

.I2009:hover {
	background-position: 0 0;
}

.I2010 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2010.jpg') bottom;
	text-indent: -99999px;
}

.I2010:hover {
	background-position: 0 0;
}

.I2011 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2011.jpg') bottom;
	text-indent: -99999px;
}

.I2011:hover {
	background-position: 0 0;
}

.I2012 { 
	display: block;
	width: 100px;
	height: 25px;
	background: url('images/2012.jpg') bottom;
	text-indent: -99999px;
}

.I2012:hover {
	background-position: 0 0;
}