@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
/* CSS Document */

body {
	left:0;
	top:0;
	font-family: 'Libre Baskerville', serif;
	color:#53565c;
	background-color:#9092b5;
	text-align:center;
	background-image:url(../images/15graph.jpg);

}

.main {
	height:600px;
	width:1024px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: #7e838c solid 4px;
	border-radius:20px;
	padding: 8px;
background: -webkit-linear-gradient(rgba(248,251,254,1),rgba(248,251,254,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(248,251,254,1),rgba(248,251,254,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(248,251,254,1),rgba(248,251,254,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(248,255,241,0.7),rgba(157,161,170,0.4)); /*Standard*/
}
article {
text-align:justify;
height: 465px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	column-count:2;
	column-gap:16px;
	-webkit-column-column-gap:16px;
	-moz-column-countcolumn-gap:16px;
	column-rule:1px solid #898e83;
	-webkit-column-column-rule:1px solid #898e83;
	-moz-column-countcolumn-rule:1px solid #898e83;
	padding:4px;
}

header {
	width:1018px;
	height:68px;
	background-color:#fbfff1;
	border: #898e83 solid 1px;
	border-top-left-radius:13px;
	border-top-right-radius:13px;
	padding:2px 2px 2px 2px;
	margin: 0;
	background-image:url(../images/header_edited-1.png);
	background-position:left;
	background-repeat:no-repeat;

}

footer {
	width:1018px;
	height:30px;
	background-color:rgba(157,161,170,1);
	border: #898e83 solid 1px;
	border-bottom-right-radius:13px;
	border-bottom-left-radius:13px;
	padding:2px;
	margin: 0;

}


p {
font-style:normal;
font-weight:400;
font-size:0.8em;
margin: 4px 0px 0px 0px;
	color:#53565c;


}
h3 {
font-family: 'merloround_thin';
font-size:2em;
font-style:normal;
font-weight:normal;
color: #fff;
margin: 0px 0px 8px 0px;

}

em {
font-size:0.9em;
font-weight:400italic;
	color:#53565c;

}

strong {
font-size:1em;
font-weight:700;
	color:#53565c;

}

a:link    {color:teal; background-color:transparent; text-decoration:none}
a:visited {color:purple; background-color:transparent; text-decoration:none}
a:hover   {color:white; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}

hr.liney {
	border:1px solid #898e83;
	width:94%;
	clear:all;
	}

.blurb {
font-family: 'merloround_bold';
font-style:normal;
font-weight:normal;
}

.headingmusic {
font-family: 'merloround_bold';
font-style:normal;
font-weight:400;
font-size:1.4em;
}

.floater-left {
	float:left;
	padding:4px 8px 4px 0px;
	margin:4px;
	text-wrap:normal;
}

.floater-right {
	float:right;
	padding:4px 0px 4px 8px;
	margin:4px;
	text-wrap:normal;
}

/* ================================================================

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any

way to fit your requirements.

=================================================================== */

.menu {width:804px;
height:24px;
position:relative;
z-index:100;
border-right:1px solid #fbfff1;
font-size:0.8em;
margin-top:2px;
margin-bottom:2px;
margin-left:213px;
padding: 0;
font-family:'merloround_bold', Verdana, sans-serif;
}

}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:804px; w\idth:947px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:134px;margin-top:-10px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:134px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {
display:block;
text-decoration:none;
color:#fff;
width:134px;
height:20px;
border:1px solid #fbfff1;
border-width:1px 1px 1px 1px;
background:#7e838c;
padding-left:0px;
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:134px; w\idth:138px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#7e838c;
}

/* style the second level hover */

.menu ul ul a.drop:hover{
background:#b0b7c3;
}

.menu ul ul :hover > a.drop {
background:#b0b7c3;
}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#548281;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b0b7c3;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:134px; border-top:1px solid #fbfff1;
}

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:134px; top:-1px; width:134px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-134px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
	background:#7e838c;
	color:#fff;
	height:auto;
	line-height:0.75em;
	padding:5px 10px;
	width:auto;
	border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:134px;w\idth:120px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#4f5257; background:#b0b7c3;}

.menu :hover > a, .menu ul ul :hover > a {color:#4f5257; background:#b0b7c3;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}

/*  *************************************END OF MENU********************************************  */
table {
	border-collapse:collapse;
	background-color:#F0EEE9;
	border:2px dashed #dedede;
}
td {
border: 1px solid #dedede;
padding:4px;
margin:0px;
}
form {
	color:#445566;
}