html { overflow-y: scroll;}
body {	background: #ccc; font-size: 13px; margin: 0; padding: 0; color: #000; font-family: Arial, sans-serif; }
img {  border: 0; }
td,th {	font-size: 12px;}
a { color: #990000; text-decoration: none;}
a:visited { text-decoration: none; color: #cc3333;}
a:hover {text-decoration: underline;}

/* positioning ids */
#left_menu { z-index: 2; padding: 10px 7px; margin: 0; width: 206px; position: absolute; top: 54px; font-size: 15px; border: solid 0 #000; }
#left_menu a { color: #fff; margin-bottom: 3px; border: solid 1px transparent; padding: 1px 3px; display: block;}
#left_menu a:hover { color: #444; background: #ccc;  border: solid 1px #000; padding: 1px 3px; text-decoration: none; display: block; margin-bottom: 3px;}
#left_menu .selected { color: #444; border: solid 1px #000; background: #fff; padding: 1px 3px; display: block;  margin-bottom: 3px;}
#left_info { z-index: 3; padding: 10px; width: 200px; position: absolute; top: 270px; text-align: right; }
#left_info a { color: #fff;}
#breadcrumb { float: left; height: 20px; width: 220px; padding-top: 4px; color: #e4c36b; text-indent: 5px; font-size: 15px; font-weight: 900; letter-spacing: 1px;}
#bottom_menu { float: right; height: 27px; width: 404px; }

#main {padding: 30px 20px 20px 240px; width: 624px; text-align: justify; }

#footer { padding: 20px 20px 20px 240px; width: 624px;  text-align: center; margin-top: 25px; }

/* main classes */
.clr { clear: both; }
.centered { text-align: center; }
.smaller { font-size: 10px; }
.larger { font-size: 15px; }
.left_width { width: 220px; }
.right_width { width: 664px; }
.short_height { height:27px; }
.standard_bg { background: #a38841; }
.anchor a { color: #000; font-weight: 900;}
.anchor a:hover { color: #000; text-decoration: none;}
.boxed { color : #666666; text-align : center; width : 80%; margin: auto; padding : 13px; border : 2px dotted #a38841; line-height: 1.5;font-size: 16px; display: block;font-weight: 900;}
.underC { color : #666666; text-align : center; width : 80%; margin: auto; padding : 13px; border : 2px dotted #a38841; line-height: 1.5;font-size: 160%; display: block;font-weight: 900;}
.underC a { font-size: 15px; font-weight: 100;}
.up_img { text-align: right; border: dotted 1px #777; padding: 5px 2px; }
.borderedLink { text-align: center; border: solid 1px #888888; padding: 4px; }
.announcementDate {font-size: 11px; font-style: italic; }
.pager a, .pager a:link, .pager a:active, .pager a:visited { background-color: #ffffff; color: #000000; line-height: 18px; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 12px; }
.pager a:hover { background-color: #ffffff; color: #990000; line-height: 18px; border: 1px solid #990000; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 12px; }
.pagerSelected { background-color: #cccccc; color: #000000; line-height: 18px; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; font-size: 12px; }
.downloads_block { display: block; font-size: 15px; font-weight: 900; padding: 9px 5px; text-align: center; background-color: #fff; border: solid 2px #777; line-height: 1.4; }
.downloads_block span {font-size: 12px; font-style: italic; font-weight: 100; }
.downloads_inline { display: inline; background: transparent; border: 0; font-weight: 900; }
.downloads_inline span {display: none;}
.bordered {border: solid 1px #000; margin: 0 0 10px 0;}
.gallery_item { border: solid 2px #fff; padding: 20px; text-align: center; width: 500px; margin: 15px 0; }
.inner_news_item {margin-bottom: 9px; }

/* section classes 
.publications #left_menu a { color: green; }
.publications #left_menu a:hover { color: #fff; }
*/

/* various classes and ids */
.bottom_menu img {border-left: solid 1px #a38841; }
.important { font-weight: 100; color: #663300; font-size: 16px; }
.important a, .important a:link, .important a:active, .important a:visited { color: #000000; }
.important a:hover { color: #ffffff; text-decoration: none;}

#musescore {background:#fff; text-align:center; font-size:14px;}
#musescore td {padding:3px 7px;}
#front_news { background-color: #e3660b; text-align:right; }
.staffTable td { border-bottom: dashed 1px #fff; padding: 4px; text-align: left;}
#credits { font-size: 11px; padding: 4px; margin-top: 10px; border: dotted 1px #777; line-height: 1.4;}
.moving_music { border: solid 1px #000000; margin-top: 10px; background-color: #ffffff; padding: 7px;  }
.movingMusic a, .movingMusic a:active, .movingMusic a:link, .movingMusic a:visited { color: #CC0000; font-size: 17px; }
.movingMusic a:hover { color: #000080; font-size: 17px; }
.movingMusicImg { border: solid 1px #000000; margin: 3px 3px 1px 7px;}
.photo_table td { border: solid 1px #999; height: 148px; }
.seeAlsoNews {text-align: center; font-weight: 100; padding: 8px 0; margin: -8px auto 12px auto; border: dotted 1px #444; font-size: 15px;}
.slideMenu {  margin: 0 0 7px 0; padding: 0 0 5px 0; border-bottom: dotted 1px #fff; font-size: 110%;}
.slideMenu a {text-decoration: none; background-color: transparent; border: 0; padding: 0;}
.slideMenu a:hover {text-decoration: none; background-color: transparent; border: 0; padding: 0; }
.slideMenu img { border: solid 1px #000; vertical-align: -3px; }

/* ******* NON-FUNCTIONAL TABS ************ /

/* root element for nf-tabs  */
ul.nf-tabs { 
padding: 0;
width: 664px;
list-style:none; 
margin: 0 0 0 220px;
border: 0;
background:#444;	
height:27px;
}

/* single tab */
ul.nf-tabs li { 
float:right;	 
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.nf-tabs a { 
font-size:13px;
display:inline-block;
height: 23px;
font-weight:bold;
text-align:center;	
text-decoration:none;
color:#fff;
border-right: 1px solid #fff;
position:relative;
padding-top:4px;
}

ul#news-tabs a {width:149px;}

ul.nf-tabs a:active {
outline:none;
}

/* when mouse enters the tab move the background image */
ul.nf-tabs a.normal:hover {
color:#E4C36B;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.nf-tabs a.current, ul.nf-tabs a.current:hover, ul.nf-tabs li.current a {
background:#ccc;
border-right: 1px solid #444;
color: #1A1A1A;
}