body {
	margin-top: 0px;
	padding: 0;
	background: #F5E842;
	text-align: justify;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-align:center;
}

/* Wrapper */

#wrapper             { width:780px; margin-top: 0px; padding: 0px; background-color: #02008C; text-align; center; }

/* Menu */

#menu-wrapper        { width: 780px; height: 101px; background: url(../images/template/samusicschool_menu_bg.jpg) repeat-x left top; }
#menu                { width: 780px;; margin-right: 10 auto; height: 31px; padding: 0px; }
#menu a              { height: 31px; margin: 0; padding: 0px 0px; text-decoration: none; text-transform: capitalize; font-family: Comic Sans MS; font-size: 9pt; font-weight: normal; }
#menu a:hover        { color: #FFFFFF; }

#logo_top            { float: left; width: 180px; height: 101px; background: url(../images/template/logo1.jpg) no-repeat left top; }

#menu-wrapper-print  { display: none; visibility: hidden; }
#menu_print          { display: none; }
#logo_top_print      { display: none; }


#menu_float          { float: right; width: 600px; height: 101px; border: 0px solid #000000; }
#menu_spacer_50      { float: left; width: 50px; height: 101px; border: 0px solid #FF0000; }
#menu_spacer_100     { float: left; width: 100px; height: 101px; border: 0px solid #FF0000; }
#menu_1              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_1.jpg) repeat-x; background-color: #000099; }
#menu_1 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_1.jpg) repeat-x center top; color: #99FF00; }
#menu_1 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_1 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_1a.jpg) repeat-x center top; }

#menu_2              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_2.jpg) repeat-x center top; background-color: #000099; }
#menu_2 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_2.jpg) repeat-x center top; color: #99FF00; }
#menu_2 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_2 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_2a.jpg) repeat-x center top; }

#menu_3              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_3.jpg) repeat-x center top; background-color: #000099; }
#menu_3 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_3.jpg) repeat-x center top; color: #99FF00; }
#menu_3 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_3 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_3a.jpg) repeat-x center top; }

#menu_4              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_4.jpg) repeat-x center top; background-color: #000099; }
#menu_4 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_4.jpg) repeat-x center top; color: #99FF00; }
#menu_4 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_4 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_4a.jpg) repeat-x center top; }

#menu_5              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_5.jpg) repeat-x center top; background-color: #000099; }
#menu_5 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_5.jpg) repeat-x center top; color: #99FF00; }
#menu_5 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_5 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_5a.jpg) repeat-x center top; }

#menu_6              { float: left; height: 101px; width:100px; text-align:center; background: url(../images/template/menu_6.jpg) repeat-x center top; background-color: #000099; }
#menu_6 a            { display:block; width: 100px; height: 101px; background: url(../images/template/menu_6.jpg) repeat-x center top; color: #99FF00; }
#menu_6 a:link       { display:block; width: 100px; height: 101px; background-color: #02008C; }
#menu_6 a:hover      { display:block; width: 100px; height: 101px; background: url(../images/template/menu_6a.jpg) repeat-x center top; }

#menu_spacer_top     { padding-top: 60px; }

/* Page */

#page {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: url(../images/template/noot.jpg) repeat-y ;
    background-color: #F5E842;
    border: 0px solid #FF0000;
    /* General font colour changed here */
	color: #000099;
	text-align: justify;
}

/* Sidebars */

#sidebar1            { width: 180px; border: 0px solid #000000; height:100%; background: url(../images/template/noot.jpg) repeat-y ; }
#sidebar1_item       { width: 180px; border: 0px solid #000000; margin-bottom: -3px; }

/* Content */

#content             { float: left; width: 580px; margin: 10px 10px 10px 10px; border: 0px solid #000099; height:100% }
#content_images      { float: left; width: 100%; margin: 0px 0px 20px 0px; border: 0px solid #000099; text-align: center }

/* Directory */

#directory_wrapper   { float: left; width: 477px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }
#directory_nrlist    { float: right; width: 100px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }
#directory_nr        { float: left; width: 32px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }
#directory_cat       { float: left; width: 202px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }
#directory_name      { float: left; width: 52px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }
#directory_item      { float: left; width: 182px; margin: 0px 0px 0px 0px; border: 0px solid #996699; }

/* Footer */

#footer-wrapper      { width: 780px; background: url(../images/template/samusicschool_footer_bg.jpg) no-repeat center; background-color: #F5E842; }
#footer              { width: 780px; margin: 0 auto; padding: 0 0px; }
#footer p            { margin: 0; padding: 20px; text-align: center; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #F5E842; }
#footer a            { color: #F5E842; }
#footer a:hover      { color: #99FF00; }
#footer .link        { }
#footer .copyright   { }

#footer-wrapper-print{ display: none; visibility: hidden; }
#footer_print        { display: none; }

/* Widths */

#stretch             { float:left; width: 477px;  border: 0px solid #000000; }

#top_arrow           { float:left; width: 100%;  border: 0px solid #000000; }

#container {
	width: 580px; /* the auto margins (in conjunction with a width) center the page */
    height: 200px;
    background-position: 0px 0px;
	background-image: url(../images/index_03.jpg);
	background-repeat: no-repeat;
    border: 0px solid #000000;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#mainContent2 {
	margin-left: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-right: 10px;
	width: 270px;
	height: 208px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    overflow: auto;
    border: 0px solid #000000;
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	margin-left: 5px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
	width: 285px;
    height: 208px;
	overflow: auto;
	border: 0px solid #000000;
}
#gallery             { float:left; color: #996699; padding:1px; text-align: left; width: 50px; border: 0px solid #6666CC; }
#gallery a:link      { text-decoration: none; font-weight: normal; color: #333333; }
#gallery a:visited   { text-decoration: none; font-weight: normal; color: #333333; }
#gallery a:hover     { text-decoration: none; font-weight: normal; color: #996699; }