<style type="text/css">

p.serif{font-family:"Times New Roman",Times,serif;}
p.sans-serif{font-family:Arial,Helvetica,sans-serif;}

a img { 
border: 0; 
} 

A:link{
color:white;
text-decoration:none;
border:0;
}
A:visited{
color:white;
text-decoration:none;
border:0;
image-decoration:none;
}
A:hover{
color:grey;}

#text1 {
	color: #00CFC0;
	font-family: "Century Gothic";
	font-size: 20px;
        font-weight:bold;
        padding:10px;
}

#text2 {
	color:white;
	font-family: "Century Gothic";
	font-size: 20px;
        font-weight:bold;
}








#logo{ 
width:480px; 
position:fixed;top:0px; 
left:50%; 
margin-left:-240px; 
z-index:3;
} 



#content{ 
width:1000px; 
position:absolute;top:95px; 
left:50%; 
margin-left:-500px;
height:600px;
 
z-index:-1;
font-family:Arial,Helvetica,sans-serif;
font-size:60px;}

#tempbackcream{ 
width:2000px; 
position:absolute;top:95px; 
left:50%; 
margin-left:-1000px;
height:800px;
background-color:#408080; 
z-index:-1;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;}

#audio{ 
width:400px; 
position:absolute;top:300px; 
left:50%; 
margin-left:-200px;
background-color:white; 
z-index:1;


} 


#hiddenaudio{ 
width:400px; 
position:absolute;top:300px; 
left:50%; 
margin-left:-200px;
background-color:white; 
z-index:-0;


} 

#footer { 
position: fixed; 
bottom: 0; 
width: 100%; 
height: 20px;
left:0px; 
background-image:url(http://www.blindbear.co.uk/images/footerbar2.jpg);
color:white;
z-index:5;


}



#header { 
position: fixed; 
top: 0; 
width: 100%; 
height: 90px;
left:0px; 
background-image:url(http://www.blindbear.co.uk/images/header10x90.jpg);
color:white;
z-index:2;

}


#header2 { 
position: fixed; 
top: 90px;
left:0px; 
width: 100%; 
height: 27px;
background-image:url(http://www.blindbear.co.uk/images/blackheader.jpg);
color:white;
z-index:2;

}


#dropdown { 
position: fixed; 
top: 90px;
width: 460px; 
height: 27px;
z-index:2;
left:50%; 
margin-left:-230px;

}




#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
     z-index:3;
 }

#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;
    z-index:3;
 }

#nav a:hover{
    background-color:#fff;
    color:#333;
    z-index:3;
}
#nav li{
    float:left;
    position:relative;
    z-index:3;
}

#nav ul {
    position:absolute;
    width:12em;
    top:1.5em;
    display:none;
    z-index:3;
}
#nav li ul a{
    width:12em;
    float:left;
    z-index:3;
}

#nav ul ul{
	top:auto;
	}

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }


ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
        z-index:3;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; 
        z-index:3; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}













body {

background-image:url(http://www.blindbear.co.uk/images/backgroundmatt.jpg);

text-align: center; 
}
</style>
