/*
==============================================================
Style sheet for Hardrive Bluegrass Band
by Michael Kear
AFP Webworks
7/7/2004
All rights reserved.  Copyright 2004 Hardrive Bluegrass Band.
==============================================================
*/
/*
=======================================================
Generic selectors		
=======================================================
*/
body {
	background-color : #000055;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
    background-image : url("http://hardrive.bluegrass.org.au/images/Background.gif");
	background-position : 50% 0;
	background-repeat : repeat-y;
	
}
.floatleft {
	float: left;
	padding: 10px;
	border:none;
}
.floatright {
	float: right;
	padding: 10px;
	border:none;
}
.imagefloat {
	background-color : #707FAD;
	border : 2px solid #808080;
	float : left;
	margin : 10px;
	padding : 5px 3px 10px 8px;
	width : 110px;
	color: #FFFFFF;
}
.floatcenter {
	text-align: center;
}
/*
=======================================================
Overall container  selectors		
=======================================================
*/
#container {

	border : none;
	border-top: 1px solid white;
	margin : 10px auto 0 auto;
	padding : 10px;
	width : 760px;
}

/*
=======================================================
Heading banner selectors		
=======================================================
*/
		#header {
	background-image : url(../images/HardriveLogo.gif);
	background-repeat : no-repeat;
	border-bottom : 2px solid #FFFFFF;
	color : #F5F5F5;
	margin-bottom : 5px;
	margin-right : 200px;
	padding : 5px;
	}

#header h1 {
	color : #000055;
	font-size : 1px;
	margin-top : 50px;
	text-align : right;
}

	/*
=======================================================
Main content  selectors		
=======================================================
*/	
		#content {
	color : #FFFFFF;
	margin-right : 215px;
	padding : 5px;
}

#content a, #content a:link, #content a:visited {
	color: Yellow;
	text-decoration: none;
	border-bottom: none;
}
#content a:hover, #content a:active {
	text-decoration: none;
	border-bottom: 2px dotted yellow;
}

/*
=======================================================
Sidebar/Menubar selectors		
=======================================================
*/
#menubar {
	float : right;
	margin : 0;
	margin-left : 35px;
	padding : 5px;
	width : 190px;
}

#navlist
{
color: white;
background: #4D6099;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
padding-left: 10px;
margin-left: 0;
width: 12em;
font: normal 0.9em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}



/*
=======================================================
Footer selectors		
=======================================================
*/
#footer {
	background-color : #D5DBE1;
	background-color: #4D6099;
	color: #FFFFFF;
	border-top: solid 2px #ffffff;
	clear : both;
	margin-top : 5px;
	margin-bottom: -15px;
	padding : 5px;
}