/*******************************************************************************
*	JBPiano.css
*	Copyright 2007, William Rice
*******************************************************************************/

/*------------------------------------------------------------------------------
	Margin - Top
------------------------------------------------------------------------------*/
#topNav
	{
	background-color:	#cccccc;
	margin: 0;
	width:			800px;
	Height:58px;
	border: thin solid #000000;
	}
	
.logo_left
	{
	background-color:	white;
	margin: 2px 0 0 2px;
	padding:2px;
	height:			47px;
	width:			110px;
	float:			left;
	border:		1px solid #000000;
	}

.logo_right
	{
	background-color:	white;
	margin: 2px 2px 0 0;
	padding:2px;
	height:			47px;
	width:			110px;
	float:			right;
	border:		1px solid #000000;
	}	

.name
	{
	height:			47px;
	text-align:		center;
	font-family:		"Times New Roman", Times, serif;
	font-size:		24px;
	width:			560px;
	float:			left;
	}

.tagline
	{
	vertical-align:	top;
	text-align:		center;
	font-family:	Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size:		10px;
	color:			#444444;
	color:			#000000;
	}

/*------------------------------------------------------------------------------
	Margin - Left
------------------------------------------------------------------------------*/

.NavBar
	{
	background-color:	#cccccc;
	float:			left;
	border:			1px solid #000000;
	width:			88pt;
	margin: 		10px 5px 0 0;
	height: 		378px;
	}


.NavButtons {
	padding: 0 5px 0 5px;
	list-style: none;
	}
.NavButton {
	padding: 4px;
	margin:4px;
	list-style: none;
	text-align:center;
	border: thin solid #000000;
	background-image: url(misc/button-bg.gif)
	}

.NavButton a {
	text-decoration: none;
	text-align:center;
	color: #000000;
	font: bold 9pt Arial, serif 	
	}
	
/*------------------------------------------------------------------------------
	Main Body
------------------------------------------------------------------------------*/	
#main
	{
	width:680px;
	padding:0;
	margin:5px 5px 0 120px;
	}

#main img
	{
	border:solid thin #666666;
	margin: 5px;
	float:left;
/*
*/
	}

#main p
	{
	margin: 5px;
	float:right;
/*
*/
	width: 660px;
	}

/*------------------------------------------------------------------------------
	Body Blocks
------------------------------------------------------------------------------*/
.block_right
	{
	padding:0;
	padding-top:			5px;
	float:				right;
	width:				320px;
	}

.block_left
	{
	padding:0;
	float:				left;
	width:				350px;
	}


.pic_left, .pic_right, .txt_left, .txt_right
	{
	padding:	5px;
	margin:		10px;
	background-color:	#eed3bb;
	background-color:	#F5DEB3;
	background-color:	#eeeeee;
	}

.pic_center {
	text-align:center;
}
.pic_left, .txt_left
	{
	float:		left;
	}

.pic_right, .txt_right
	{
	float:		right;
	}

.pic_left, .pic_right
	{
	width:		130px;
	}

.txt_left, .txt_right
	{
	vertical-align:	middle;
	width:		245px;
	}

.txt_left
	{
	}

.txt_right
	{
	}

.pic_left
	{
	}

.pic_right
	{
	}

/*------------------------------------------------------------------------------
	Redifining built ins
------------------------------------------------------------------------------*/
body
	{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-family:		sans-serif;
	font-size:			10pt;
	background-color:	#a6aeac;
	width:800px
	}

h2
	{
	vertical-align:	top;
	text-align:		center;
	font-family:	Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:			#000000;
	}

h3
	{
	vertical-align:	top;
	text-align:		center;
	font-family:	Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:			#5084a8;
	}

/*------------------------------------------------------------------------------
	Button for links
------------------------------------------------------------------------------*/
/*
a:link
	{
	color: #000000;
	}
a:visited
	{
	color: #666666;
	}
*/

/*------------------------------------------------------------------------------
	Top of the Page
------------------------------------------------------------------------------*/
.heading
	{
	text-align:		left;
	margin-left:	130px;
	color:			#c00000;
	font-size:		42pt;
	font-family:	Garamond;
	}

.tagline-old
	{
	vertical-align:	bottom;
	font-style:	italic;
	font-size:	large;
	}

/*------------------------------------------------------------------------------
	bottom line
------------------------------------------------------------------------------*/
.bottom
	{
	clear:	both;
	}

.footer
	{
	font-family:	arial;
	font-size:		.6em;
	text-align:		right;
	}

.bottomline
	{
	position:		absolute;
	bottom:			0px;
	right:			0px;
	width:			400px;
	font-family:	"arial";
	color:			white;
	font-size:		7pt;
	}


.initcap
	{
	font-size: 24px;
	}
/*
ul
	{
	list-style-type: none;
	font:		arial;
	font-size:	12pt;
	text-align:	center;
	text-decoration: none;
	}
*/
.line
	{
	padding-left:		4px;
/*
	border-left:		5px solid #c00000;
*/
	border-left:		5px solid brown;
	}
.tableborder
	{
	border: 1px solid #999999;
	}