@import url("prussin-navigation.css");

* { margin: 0; padding: 0; }

img { border: 0; }

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
}

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */

body { font-size: 100.1%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c3d2c3; color: #000; }

/*                                HOME PAGE                                   */
/******************************************************************************/

#outerwrap { background-image: url(/media/images-design/outerwrap-gradient.png); background-repeat: repeat-y; width: 800px; margin: 0 auto; padding: 0 9px; }
#outerwrap-bottom { background-image: url(/media/images-design/outerwrap-gradient-bottom.png); background-repeat: no-repeat; width: 800px; height: 22px; margin: 0 auto; padding: 0 9px; }

#header { width: 800px; height: 100px; background-color: #9eab9b; position: relative; }

#banner { width: 800px; min-height:125px; height:auto !important; height:125px; border-top: 1px solid #333; border-bottom: 1px solid #000; background-color: #9eab9b; }
#banner-home { width: 800px; height: 250px; border-top: 1px solid #333; border-bottom: 1px solid #000; background-color: #9eab9b; }

#sidebar-main-wrap { width: 800px; background-color: #fff; background-image: url('/media/images-design/sidebar-bg.gif'); background-repeat: repeat-y; }

#sidebar { float: left; width: 150px; margin-bottom: 16px; }

#main { float: right; width: 626px; padding: 2px 12px 12px 12px; }
#main-home { float: right; width: 626px; padding: 20px 12px 12px 12px; }

#footer { width: 800px; background-color: #333; color: #fff; }

/* -----------  HEADER ITEMS ---------------- */
.logo { float: left; margin: 16px 0 0 7px; position: absolute; }
.stave { width: 800px; height: 29px; background-image: url(/media/images-design/header-staff.png); background-repeat: repeat-x; position: absolute; top: 28px; left: 0; }
.header-right { float: right; text-align: right; }
.search { margin: 3px 8px 40px 0; }
.gobutton { font-size: .625em; }
.header-content { font-size: .625em; color: #333; padding-right: 8px; padding-bottom: 2px; }
.header-content a { color: #6666cc; }
.header-content a:hover { color: #aa0000; }
.header-content img { vertical-align: middle; margin: 0 4px; }


/* -----------  MAIN CONTENT ---------------- */
.content-container { font-size: .6875em; }
.content-container p { margin-bottom: .6875em; }
.content-container h1 { color: #9eab9b; font-size: 2.25em; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 2px; margin-bottom: 0.25em; }
.content-container h2 { color: #000; font-size: 1.25em; margin: 16px -6px 8px -6px; background-color: #c3d2c3; padding: 4px 6px; }
.content-container h3 { color: #000; font-size: 1.25em; margin-top: 1em; }
.content-container h4 { color: #990000; font-size: 1em; margin-bottom: 0; }
.content-container h5 { color: #990000; font-size: 1em; margin-bottom: 0; }

.content-container a { color: #6666cc;  }
.content-container a:hover { color: #aa0000;  }

.content-container hr { width: 100%; height: 1px; border-top: 1px solid #9eab9b; margin: 0; border-bottom-width: 0; }

.content-container ul, .content-container ol { margin: 0 0 .7em 1.75em; }
.content-container table { border-collapse: collapse; margin-bottom: .75em; }
.content-container td { vertical-align: top; }
.content-container table ul, .content-container table ol { margin: 0 0 .7em 1.25em; }
.content-container table.withborder td, .content-container table.noborder td { padding: 2px 2px 4px 4px; border: solid 1px black; vertical-align: top; }
.content-container table.noborder td { border: none; }

.content-container table p { font-size: 100%; margin-bottom: .75em; }

table.specials, table.workshops { width: 100%; margin-top: 6px; }
table.specials td, table.workshops td { padding: 4px 6px; border: solid 1px #c2d1c2; }
table.specials td h2, table.workshops h2 { margin: -4px -6px; }
table.specials td img { float: right; }
/* workshop tables have no formatting for img - image-align-left / right is used instead */

.image-align-left { float: left; margin: 0 12px 12px 0; }
.image-align-right { float: right; margin: 0 0 12px 12px; }

a.top { float: right; text-transform: uppercase; font-size: 80%; }

/* default image in content 
.content-container img { float: left; margin: 0 .75em .75em 0; }*/
/* right-aligned image in content - Image Properties: add "right" to style 
.content-container img.right { float: right; margin: 0 0 .75em .75em; }*/

/* -----------  SEARCH PAGE  ---------------- */
.search-header {  }
.search-results { width: 100%; }
.search-header td, .search-results td { padding: 2px 4px; }


/* -----------  NEWS COLUMN  ---------------- */
.news-column { width: 240px; float: left; }

.news-content-banner { background-image: url(/media/images-design/Post-It.png); background-repeat: no-repeat; width: 100%; height: 80px; position: absolute; top: -16px; }
.news-content-stripe { background-color: #c3d2c3; width: 100%; height: 24px; }
.news-content h1 span { display: none; }
.news-content a { color: #6666cc;  }
.news-content a:hover { color: #aa0000;  }

.news-content { font-size: 0.69em; border-left: 1px solid #c3d2c3; border-bottom: 1px solid #c3d2c3; border-right: 1px solid #c3d2c3; position: relative; margin-top: 16px; }

.news-content ul { list-style-type: none; margin-top: 32px; }
.news-content li { min-height:21px; height:auto !important; height:21px; background-image: url(/media/images-design/treble-bullet.gif); background-repeat: no-repeat; background-position: 6px 6px; padding: 4px 12px 4px 18px; }
.news-content li:hover { background-color: #ebefeb; }

/* -----------  FEATURES COLUMN  ---------------- */
.features-column { width: 356px; float: right; padding-top: 16px; }
.feature-item { border: solid 1px #c3d2c3; margin-bottom: 1em; }
.feature-item:hover { background-color: #ebefeb; }
.feature-item-content { font-size: .6875em; padding: 0 12px; }
.feature-item-content h1 { color: #333; background-color: #c3d2c3; width: 354px; margin: 0 -12px 8px -12px; padding-bottom: 2px; font-size: 1.5em; font-weight: normal; font-variant: small-caps; letter-spacing: 1px; text-align: center; }
.feature-item-content p { margin-bottom: .6875em;  }
.feature-item-content a { color: #6666cc;  }
.feature-item-content a:hover { color: #aa0000;  }

/* -----------  Site Map  ---------------- */
ul.sitemap { list-style-type: none; }
.sitemap li { margin-bottom: 4px; }

/* -----------  SIDEBAR CONTENT ---------------- */
.sidebar-content { color: #fff; padding: 0 8px; font-size: .6875em; }


/* -----------  AGGREGATOR CONTENT FOR TEACHERS' BIOGRAPHIES ---------------- */
#aggregator-wrap { overflow: hidden; }

.aggregator-item, .aggregator-item-first  { float: left; margin: 0 8px 0 0; padding: 8px; text-align: center; min-height:110px; height:auto !important; height:110px; }
.aggregator-item a, .aggregator-item-first a { text-decoration: none; }

.aggregator-item:hover, .aggregator-item-first:hover  { background-color: #ebefeb; }
.aggregator-item a.aggregator img, .aggregator-item-first a.aggregator img { margin: 0; float: none; }

.aggregate-back-wrap { margin-top: 16px;  }

ul.teacher-instrument-list { list-style-type: none; margin: 0; }
ul.teacher-instrument-list li { float: left; margin: 0 16px 16px 0;  }
ul.teacher-instrument-list li:hover { background-color: #ebefeb; }
ul.teacher-instrument-list li a { text-decoration: none; margin: 0; text-align: center; font-weight: bold; padding: 6px 8px; display: block; }

/* -----------  FOOTER CONTENT ---------------- */

.footer-content { color: #fff; padding: 4px 8px; font-size: .625em; text-align: center; }
.footer-content a { color: #fff; text-decoration: none; }
.footer-content a:hover { text-decoration: underline; }


/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************/
/*
h1, h2, h3, h4, h5, h6 { }

a:link, a:visited, a:focus, a:hover, a:active {}

b, strong {}
i, em {}
img {}

p {}
div {}
blockquote {}

li {}
ol {}
ul {}

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th 	 { display: table-cell }
caption  { display: table-caption }

*/
/**************************************************************************************
 additional tags you should consider for Website Baker templates (content area)
**************************************************************************************/
/*code	 { }
address  { }
hr { } */