html { background: #f3fdff; }

body { 
	width: 85%;
	margin: 0 5%;
	padding: 0;
	font: 90%/1.7 Georgia, "Times New Roman", Times, serif;
	color: #555555; }
	
	
a:link { color: #113a42; }
a:visited { color: #9cb776; }
a:hover { color: #c70000; }
a:focus, a:active { color: #c50000; background-color: #dddddd; }
	
	
#vision {
	position: relative; 
	height: 205px;
	margin-bottom: 45px;
	background: #144650 url(img/banner.gif) repeat-x; }

	
#vision h1 {
	position: absolute;
	top: 25px;
	left: 50px;
	margin: 0;
	padding: 10px 0 0; 
	color: #ffffff; }


#vision h2 {
	position: absolute;
	top: 15px;
	right: 70px;
	margin: 0;
	height: 250px;
	margin-bottom: 15px; }


#main-content {
	width: 75%;
	float: right; }
	
	
#main-content h3 {
	position: absolute;
	top: 210px;
	left: 340px;
	color: #88211c; }
	
	
#main-content h4 {
	color: #0a1f8b; }
	
	
#main-content h5 {
	font-size: 80%;
	color: #0a1f8b; }
	
	
#main-content p {
	padding: 0em 4em 0em 0em; }
	
#main-content p.indent {
	padding: 0em 5em 0em 4em; }
	
img.floatright { 
    float: right; 
    margin: 0px 20px 10px 10px;
	display: inline;
	text-align: center;}
	
img.floatleft { 
    float: left; 
    margin: 0px 10px 10px 0px;
	display: inline;
	text-align: center;}
	
	
.event_table {
	width: 100%;
	border-collapse: collapse; }

.event_table th {
	color: #0a1f8b;
	text-align: left;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e4e4e4; }
	
.event_table td { 
	border-bottom: 1px solid #e4e4e4; }

.event_table thead td { 
	color: #0a1f8b; }
	
.event_table tbody th {
	width: 25%; }
	
	
	
.play_list {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse; }

.play_list th {
	color: #0a1f8b;
	text-align: left;
	padding: 5px 0 2px 0;
	border-bottom: 1px solid #e4e4e4; }
	
.play_list td { 
	border-bottom: 1px solid #e4e4e4; }

.play_list tbody th {
	width: 45%; }
	
#main-content h5 {
	font-size: 100%;
	color: #0a1f8b; }
	
	
	
/*  all 'container' photo gallery code from 'webref' */

#container {
    position:relative;
    width:550px;
    height:650px;
    margin:10px auto 0 70px;
    border:1px solid #e4e4e4;
    }
	
/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
	
/* Removing the gallery images and text from view */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:7px;
    left:7px;
    overflow:hidden;
    background:#f3fdff;
    }

#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #e4e4e4;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(img/gallery/p1_t.jpg);
     height:60px;
    width:93px;
    }
* html #container a.slidea {
    width:91px;
    w\idth:93px;
    }
#container a.slideb {
    background:url(img/gallery/p2_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slideb {
    width:91px;
    w\idth:93px;
    }
#container a.slidec {
    background:url(img/gallery/p3_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidec {
    width:91px;
    w\idth:93px;
    }
#container a.slided {
    background:url(img/gallery/p4_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
    background:url(img/gallery/p5_t.jpg);
    height:93px;
    width:60px;
    }
#container a.slidef {
    background:url(img/gallery/p6_t.jpg);
    height:93px;
    width:60px;
    }

#container a.slideg {
    background:url(img/gallery/p7_t.jpg);
    height:93px;
    width:60px;
    }
#container a.slideh {
    background:url(img/gallery/p8_t.jpg);
    height:93px;
    width:60px;
    }
#container a.slidei {
    background:url(img/gallery/p9_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidei {
    width:91px;
    w\idth:93px;
    }
#container a.slidej {
    background:url(img/gallery/p10_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidej {
    width:91px;
    w\idth:93px;
    }
#container a.slidek {
    background:url(img/gallery/p11_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidek {
    width:91px;
    w\idth:93px;
    }
#container a.slidel {
    background:url(img/gallery/p12_t.jpg);
    height:60px;
    width:93px;
    }
* html #container a.slidel {
    width:91px;
    w\idth:93px;
    }
	
#container ul {
    width:550px;
    height:386px;
    }
	
#container li {
    float:left;
    }

#container ul {
    margin:4px;
    float:left;
    }
	
#container a.gallery:hover {
    border:1px solid #e4e4e4;
    }
	
#container a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:250px;
    left:70px;
    color:#555555;
    background:#f3fdff;
    }
	
#container a.gallery:hover img {
    border:1px solid #e4e4e4;
    float:left;
    margin-right:5px;
    }

#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }

#container {
    background:#f3fdff url(img/gallery/initial.jpg) 70px 250px no-repeat;
    }
	
/*  end of 'container' photo gallery code  */
	
	
#navigation {
	float: left;
	width: 21%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #144650;
	border-bottom: 1px solid #144650; }
	
	
#navigation li {
	font: 100% Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #e4e4e4;
	padding: 6px 0 6px 35px;
	background: transparent url(img/scroll.gif) 0 50% no-repeat; }
	
#navigation li.current {
	background-image: url(img/scroll_current.gif);
	color: #9b0600; }
	
#navigation a { text-decoration: none; }


#leftimage {
	float: left; }
	

#tagline {
	clear: both;
	position: relative;
	text-align: right;
	right: 0px;
	width: 95%;
	font-style: italic;
	font-size: 95% ;
	color: #88211c; }


#tagline p { margin: 0 0 1em; }

#footerline {
	position: relative;
	background: transparent url(img/footerline.gif) 100% 0 repeat-x; }
	
#footerarea { 
	position: relative;
	padding-top: .1em; 
	background: transparent url(img/footerline.gif) 100% 0 repeat-x; }
	
#ma_copyright { 
	position: relative;
	text-align: left; 
	font-size: 70%; 
	color: #888888; }

#making_music {
	position: relative;
	text-align: left; 
	font-size: 80%; 
	color: #888888; }
	
#w3c_copyright { 
	position: relative;
	text-align: left;
	font-size: 70%;
	color: #888888; }