/* to be used on joysofmusic.com group pages

   edited from my hardmoneybuyer site   

   layout3.css
   Cross-Browser.com & SitePoint.com - Equal Column Height Demo (3 Column)*/
body  {
	margin : 0;
	padding : 0;
	font : medium verdana, arial, sans-serif;
	color : #000000;
	background : #88B072;
}

#header, #footer  {
	background-color : #78A665;
	text-align : center;
	margin : 0;
}

#header  {
	height : 60px;
	padding : 0px 0 0 0;
	background-image : url(http://joysofmusic.com/images/mayron_cole/PianoKeys7.gif);
}

#header h1  {
	font-size : 40pt;
	color : Red;
	font-family : Monotype Corsiva;
	font-weight : bold;
}

#headerbox  {
	border-width : 1;
	border-color : Blue;
	border-style : double;
	background-color : White;
	width : 400px;
	height : auto;
	position : relative;
	z-index : 1;
	padding-bottom : 5px;
}

#maincontentbox  {
	padding : 10px;
	background-image : url(images/musicbg237.jpg);
	border-width : 3;
	border-style : ridge;
	border-color : Black;
	margin : 10%;
	margin-right : 10%;
	margin-top : 10px;
	font-size : small;
}

#maincontentinsetbox  {
	padding : 10px;
	border-width : 1;
	border-style : ridge;
	border-color : Black;
	margin-right : 10%;
	margin-top : 10px;
	font-size : small;
	background-color : #FFFFFF;
	margin-bottom : 10px;
	margin-left : 10%;
}

#footer  {
	height : 40px;
	padding : 16px 0 0 0;
	font-size : small;
	font-weight : bold;
}

#centerColumn  {
	background-color : #A6D994;
	padding : 10px;
	margin : 0;
	margin-left : 150px;
	margin-right : 150px;
}

#leftColumn, #rightColumn  {
	color : #A6D994;
	background-color : #88B072;
	position : absolute;
	top : 80px;
	width : 150px;
	margin : 0;
	padding : 0;
	font-size : small;
}

#leftColumn  {
	left : 0;
}

#rightColumn  {
	right : 0;
	background-image : url(images/grass4.jpg);
	background-repeat : repeat-y;
	text-align : center;
}

.turfwhite  {
	color : white;
	font-size : large;
	font-weight : bold;
}

#leftColumnContent, #centerColumnContent, #rightColumnContent  {
	margin : 0;
	padding : 1em;
}

h1  {
	margin : 0;
	padding : 0;
	font-size : large;
}

h2  {
	margin : 0;
	padding : 0;
	font-size : medium;
	font-weight : normal;
}

h3  {
	font-size : medium;
}

p  {
	margin-top : 1em;
	margin-bottom : 0;
}

p a  {
	color : Blue;
	text-decoration : underline;
}

.fw  {
	font-weight : bold;
}

li  {
	margin-bottom : .5em;
}

div#navrow  {
	padding : 0;
	overflow : none;
	text-align : center;
}

div#navrow div  {
	list-style : none;
	background-color : #78A665;
	border-left : solid 1px #9FDD88;
	border-right : solid 1px #9FDD88;
	text-align : center;
	margin : 0;
	padding : 0;
}

div#navrow div a  {
	display : block;
	text-decoration : none;
	padding : 0;
	border-bottom : 1px solid #00F617;
	border-right : 0px solid #3399FF;
}

div#navrow div#youarehere a  {
	background-color : #A6D994;
}

ul#navigation  {
	width : 100%;
	padding : 0;
}

ul#navigation li  {
	list-style : none;
	background-color : #78A665;
	border-top : solid 1px #9FDD88;
	text-align : left;
	margin : 0;
	padding : 0;
}

ul#navigation li a  {
	display : block;
	text-decoration : none;
	padding : 0;
	border-bottom : 1px solid #00F617;
	border-right : 0px solid #3399FF;
}

ul#navigation li#youarehere a  {
	background-color : #A6D994;
}

#content a:link, a:visited  {
	color : Blue;
	text-decoration : underline;
}

a:link  {
	color : Blue;
}

a:visited  {
	color : #00FF00;
}

a:hover, a:active  {
	color : #000000;
}

a:hover  {
	background-color : #00F617;
}

.menusectionstyle  {
	position : absolute;
	background-color : #88B072;
	color : black;
	border : black;
	border-style : solid;
	border-top-width : 6px;
	border-bottom-width : 3px;
	border-left-width : 1px;
	border-right-width : 1px;
	z-index : 1;
	visibility : hidden;
	font-weight : bold;
}

.menusectionitem  {
	text-decoration : underline;
	color : purple;
	font-size : 12px;
	font-family : verdana, courier, monospace;
	line-height : 18px;
}

.menusectionitem:hover  {
	text-decoration : none;
	color : blue;
	font-weight : bold;
}

.content a  {
	text-decoration : underline;
	color : purple;
	font-size : medium;
	font-family : verdana, courier, monospace;
	line-height : 18px;
}

.content:hover  {
	text-decoration : none;
	color : blue;
	font-weight : bold;
}