body {background-image: url(../Images/backgrouns/main_background.png);
	background-repeat: repeat;
	background-position: 0 0;
    background-attachment: fixed;
	}
	
body#main {background-image: url(../Images/backgrounds/main_background.png);}
body#notes {background-image: url(../Images/backgrounds/notes_background.png);}
body#about {background-image: url(../Images/backgrounds/about_background.png);}
body#gallery {background-image: url(../Images/backgrounds/gallery_background.png);}
body#workshops {background-image: url(../Images/backgrounds/workshops_background.png);}
body#links {background-image: url(../Images/backgrounds/links_background.png);}

/*set up the holding container for the whole page*/
div#container {position: absolute;
	top: 0px; left: 0px; width: 100%; height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	}

/* set up the header*/
div#header {padding: 0;
	margin: 0 0 0 0;
	position: absolute;
	z-index: 2;
	top: 25px; left: 0%; width: 500px; height: 80px;
/* set borders */
	border-top:2px #000000 solid;
	border-bottom:2px #000000 solid;
	border-right: 2px #000000 solid;
	border-left: 0;
/* add in the nice graphic */
	background: url(../Images/navigation/header.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color: #FFEEAA; color: #000000;}
/* hide the text header */
div#header h1 {display: none;}


/* set up the left menu on top of the "column" */
div#menu {position: absolute;
	left: 5px; top: 125px; width: 185px;
	background-color: #FAFAFA; color: #000000;
	background: url(../Images/backgrounds/main_background2.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: fixed;
	z-index: 1;
	border-top: 2px #CCCCCC solid;
	border-right: 2px #777777 solid;
	border-bottom: 2px #777777 solid;
	border-left: 2px #CCCCCC solid;
	}
	
body#main div#menu {background-image: url(../Images/backgrounds/main_background2.png);}
body#notes div#menu {background-image: url(../Images/backgrounds/notes_background2.png);}
body#about div#menu {background-image: url(../Images/backgrounds/about_background2.png);}
body#gallery div#menu {background-image: url(../Images/backgrounds/gallery_background2.png);}
body#workshops div#menu {background-image: url(../Images/backgrounds/workshops_background2.png);}
body#links div#menu {background-image: url(../Images/backgrounds/links_background2.png);}

div#menu ul {padding: 0; margin: 0;}
div#menu ul li {padding: 0; margin: 0; list-style-type: none; display: inline;}
div#menu ul li {display: block; text-indent: -9999px;	height: 75px; width: 185px; float: left;}
div#menu ul li a {display: block; text-indent: -9999px; height: 75px; width: 185px; float: left;}

div#menu ul li.home {background: url(../Images/navigation/home.png) top center no-repeat;}
div#menu ul li.gallery {background: url(../Images/navigation/gallery.png) top center no-repeat;}
div#menu ul li.workshops {background: url(../Images/navigation/workshops.png) top center no-repeat;}
div#menu ul li.schedule {background: url(../Images/navigation/schedule.png) top center no-repeat;}
div#menu ul li.notes {background: url(../Images/navigation/notes.png) top center no-repeat;}
div#menu ul li.contact {background: url(../Images/navigation/contact.png) top center no-repeat;}
div#menu ul li.about {background: url(../Images/navigation/about.png) top center no-repeat;}
div#menu ul li.links {background: url(../Images/navigation/links.png) top center no-repeat;}

div#menu ul li:hover{background-position: bottom center;}

div#menu ul li.active {background-position: center center;}
div#menu ul li.active:hover{background-position: center center;}

div#main {position: absolute;
	left: 220px;
	top: 125px;
	right: 15px;
	padding: 10px;
	background-color: #FFFFFF; color:#000000;
	border-top: 2px #CCCCCC solid;
	border-right: 2px #777777 solid;
	border-bottom: 2px #777777 solid;
	border-left: 2px #CCCCCC solid;
	background: url(../Images/backgrounds/main_background2.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: fixed;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}	
body#main div#main {background-image: url(../Images/backgrounds/main_background2.png);}
body#notes div#main {background-image: url(../Images/backgrounds/notes_background2.png);}
body#about div#main {background-image: url(../Images/backgrounds/about_background2.png);}
body#gallery div#main {background-image: url(../Images/backgrounds/gallery_background2.png);}
body#workshops div#main {background-image: url(../Images/backgrounds/workshops_background2.png);}
body#links div#main {background-image: url(../Images/backgrounds/links_background2.png);}

div#main img{display: block;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px #CCCCCC solid;
	border-right: 2px #777777 solid;
	border-bottom: 2px #777777 solid;
	border-left: 2px #CCCCCC solid;
	margin: 10px;
	}
	
div#main h1{text-align: center;
	color: #000000;
	}
	
div#main h2{text-align: center;
	color: #000000;
	font-variant: small-caps;
	}

div#main p.clearleft{clear: left;}
div#main p.clearright{clear: right;}
div#main p.clearboth{clear: both;}	

div#designcredits{position: absolute;
	left: 5px; top: 730px;
	width: 185px;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-color: #222222;
	text-align: center;
	background-color: #FAFAFA; color: #000000;
	background: url(../Images/backgrounds/main_background2.png);
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: fixed;
	border-top: 2px #CCCCCC solid;
	border-right: 2px #777777 solid;
	border-bottom: 2px #777777 solid;
	border-left: 2px #CCCCCC solid;
	}
	
body#main div#designcredits {background-image: url(../Images/backgrounds/main_background2.png);}
body#notes div#designcredits {background-image: url(../Images/backgrounds/notes_background2.png);}
body#about div#designcredits {background-image: url(../Images/backgrounds/about_background2.png);}
body#gallery div#designcredits {background-image: url(../Images/backgrounds/gallery_background2.png);}
body#workshops div#designcredits {background-image: url(../Images/backgrounds/workshops_background2.png);}
body#links div#designcredits {background-image: url(../Images/backgrounds/links_background2.png);}