/* Yukon Summer Music Camp CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { font-family: Helvetica, Arial, sans-serif; margin: 0 auto 0 auto; background-color: #FFFFFF; background-image: url(../images/background/background-global.jpg); background-repeat: repeat-x; }
#container { background-image: url(../images/background/background-header.jpg); background-position: top center; background-repeat: no-repeat; }
#content { width: 900px; height: auto; margin: 0 auto 0 auto; }
#index { width: 100%; margin: 0 auto 0 auto; background-image: url(../images/background/background-global.jpg); background-repeat: repeat-x; }
#subpage { width: 100%; margin: 0 auto 0 auto; background-image: url(../images/background/background-subpage.jpg); background-repeat: repeat-x; }
#footer { clear: both; width: 100%; height: auto; padding: 0; margin: 20px 0 0 0; background-color: #f8c808; }
#copyright { position: relative; width: 900px; height: auto; margin: 0 auto 0 auto; padding: 170px 5px 20px 5px; text-align: left; background-image: url(../images/background/background-sponsors.png); background-position: top; background-repeat: no-repeat; }
/* Nav ------------------- */
#navigation { width: 678px; height: 24px; margin: 0; padding: 258px 0 0 0;  background-image: url(../images/background/background-navigation.png); background-repeat: no-repeat; background-position: bottom; }
#nav li { display: inline; padding: 0; list-style: none; }
#nav a { float: left; padding: 15px 0 0 0; margin: 0; overflow: hidden; height: 0px !important; }
#n-home a { width: 40px; height: 15px; background: url(../images/background/navigation-items.png); background-position: 0 0; margin: 0 25px 0 25px; }
#n-home a:hover { background-position: 0 -15px; } #n-home a:active { background-position: 0 -30px; } #p-home #n-home a { background-position: 0 -30px; }
#n-camps a { width: 44px; height: 15px; background: url(../images/background/navigation-items.png); background-position: -67px 0; margin: 0 25px 0 0; }
#n-camps a:hover { background-position: -67px -15px; } #n-camps a:active { background-position: -67px -30px; } #p-camps #n-camps a { background-position: -67px -30px; }
#n-faculty a { width: 50px; height: 15px;background: url(../images/background/navigation-items.png); background-position: -139px 0; margin: 0 25px 0 0; }
#n-faculty a:hover { background-position: -139px -15px; } #n-faculty a:active { background-position: -139px -30px; } #p-faculty #n-faculty a { background-position: -139px -30px; }
#n-registration a { width: 81px; height: 15px; background: url(../images/background/navigation-items.png); background-position: -215px 0; margin: 0 25px 0 0; }
#n-registration a:hover { background-position: -215px -15px; } #n-registration a:active { background-position: -215px -30px; } #p-registration #n-registration a { background-position: -215px -30px; }
#n-performance a { width: 129px; height: 15px; background: url(../images/background/navigation-items.png); background-position: -323px 0; margin: 0 25px 0 0; }
#n-performance a:hover { background-position: -323px -15px; } #n-performance a:active { background-position: -323px -30px; } #p-performance #n-performance a { background-position: -323px -30px; }
#n-about a { width: 63px; height: 15px; background: url(../images/background/navigation-items.png); background-position: -479px 0; margin: 0 25px 0 0; }
#n-about a:hover { background-position: -479px -15px; } #n-about a:active { background-position: -479px -30px; } #p-about #n-about a { background-position: -479px -30px; }
#n-contact a { width: 71px; height: 15px; background: url(../images/background/navigation-items.png); background-position: -569px 0; margin: 0; }
#n-contact a:hover { background-position: -569px -15px; } #n-contact a:active { background-position: -569px -30px; } #p-contact #n-contact a { background-position: -569px -30px; }
/* Home ------------------ */
.block { width: 845px; height: 243px; margin: 20px 0 20px 0; padding: 30px 40px 30px 25px; background-image: url(../images/background/background-block.png); background-repeat: no-repeat; }
.block-left { float: left; width: 475px; height: auto; padding: 0; }
.block-right { float: right; width: 345px; height: auto; padding: 0; }
.registration { width: 900px; height: auto; background-color: #f2f2f2; }
.registration-left { float: left; width: 260px; height: auto; padding: 20px 20px 12px 20px; }
.registration-center { float: left; width: 258px; height: auto; padding: 20px 20px 12px 20px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.registration-right { float: right; width: 260px; height: auto; padding: 20px 20px 12px 20px; }
.registration-image { float: left; margin: 5px 20px 40px 0; }
/* Sub ------------------- */
.sub-contain { width: 900px; height: auto; padding: 0; margin: 30px 0 0 0; }
.sub-left { float: left; width: 200px; height: auto; }
.sub-left-main { width: 170px; padding: 1px 15px 1px 15px; margin: 0; background-image: url(../images/background/background-sidebar.png); background-repeat: no-repeat; }
.sub-left-footer { width: 200px; height: 23px; padding: 0; margin: 0; background-image: url(../images/background/background-sidebar-footer.png); background-repeat: no-repeat;  }
.sub-right { float: right; width: 650px; }
.camp-list-left { float: left; width: 360px; margin: 10px 25px 25px 25px; }
.camp-list-right { float: right; width: 360px; margin: 10px 25px 25px 25px; }
.camp-line { width: 700px; height: auto; margin: 0; }
.camp-left { float: left; width: 425px; margin: 0 25px 0 0; }
.camp-right { float: right; width: 250px; height: auto; margin: 0; }
.faculty-line { width: 900px; height: auto; margin: 0; }
.faculty-left { float: left; width: 500px; }
.faculty-center { float: left; width: 100px; margin: 0 20px 0 20px; }
.faculty-right { float: right; width: 260px; }
.contact-line { width: 650px; height: auto; margin: 0 0 20px 0; }
.contact-left { float: left; width: 100px; margin: 0; padding: 0 30px 0 0; }
.contact-right { float: right; width: 520px; margin: 0; }
.performance-title { width: 650px; height: auto; margin: 0 0 20px 0; border-bottom: 1px solid #cddfe6; }
.performance-line { width: 650px; height: auto; margin: 0 0 5px 0; }
.performance-left { float: left; width: 100px; height: auto; margin: 0; }
.performance-center { float: left; width: 100px; height: auto; margin: 0; }
.performance-right { float: left; width: 400px; height: auto; margin: 0; }
.spacer { margin: 25px 0 25px 0; }
.system-message { width: 600px; height: auto; margin: 30px 100px 30px 100px; padding: 50px 50px 50px 50px; background-color: #FFFFFF; border: 2px solid #f8c808; }
/* Lists */
.faculty-right ul, .sub-right ul, .camp-list-left ul, .camp-list-right ul { list-style: url(../images/background/bullet.gif); margin: 0 0 15px 15px; }
.faculty-right ul li, .sub-right ul li, .camp-list-left ul li, .camp-list-right ul li { font-size: 13px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 5px 15px; color: #28353c; }
.nav_cat_archive ul { list-style: url(../images/background/bullet.gif); margin: 0 0 15px 15px; }
.nav_cat_archive ul li { font-size: 13px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 5px 0 8px 15px; color: #28353c; }
.sub-left ul { list-style: url(../images/background/bullet-sidebar.gif); margin: 0 0 0 5px; }
.sub-left ul li { font-size: 13px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 5px 15px; color: #28353c; }
.system-message ul { font-size: 13px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 15px 14px; color: #000000; }
.system-message ul li { margin: 0 0 6px 0; list-style: square; }
.faculty-thumb { float: left; margin: 0 20px 20px 0; }
.divider { width: 100%; height: 7px; margin: 15px 0 15px 0; background-image: url(../images/background/background-divider.png); background-repeat: no-repeat; }
/* Footer ---------------- */
#copyright ul { font-size: 9px; display: block; float: left; list-style: none; padding: 0; }
#copyright ul li { display: inline; padding-right: 15px; color: #3b3b3b; }
#copyright a { color: #3b3b3b; text-decoration: none; }
#copyright a:hover { color: #09517e; text-decoration: none; }
/* Other ----------------- */
.clear { clear: both; float: none; height: 0px; margin: 0; padding: 0; }
/* Link Colors ----------- */
a, a img { border: 0; }
.registration a:link { color: #00395d; text-decoration: underline; font-weight: bold; }
.registration a:visited { color: #00395d; }
.registration a:hover { color: #08a300; }
.registration a:active { color: #f8c808; }
.sub-right a:link, .faculty-line a:link, .camp-list-left a:link, .camp-list-right a:link, .system-message a:link { color: #00395d; text-decoration: underline; font-weight: bold; }
.sub-right a:visited, .faculty-line a:visited, .camp-list-left a:visited, .camp-list-right a:visited, .system-message a:visited  { color: #00395d; font-weight: bold; }
.sub-right a:hover, .faculty-line a:hover, .camp-list-left a:hover, .camp-list-right a:hover, .system-message a:hover  { color: #08a300; }
.sub-right a:active, .faculty-line a:active, .camp-list-left a:active, .camp-list-right a:active, .system-message a:active  { color: #f8c808; }
.sub-left a:link { color: #00395d; text-decoration: underline; font-weight: bold; }
.sub-left a:visited { color: #00395d; font-weight: bold;  }
.sub-left a:hover { color: #08a300; }
.sub-left a:active { color: #f8c808; }
/* Font Styles ----------- */
/*P*/
p { font-size: 13px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #28353c; }
.block p { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 16px; margin: 0 0 12px 0; color: #000000; }
.registration p { font-size: 12px; line-height: 16px; color: #232424; }
.sub-left p { color: #000000; margin: 0; }
.contact-left p { font-weight: bold; text-align: right; }
.performance-right p { font-weight: bold; }
/*H1*/
h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 26px; line-height: 26px; font-style: normal; text-transform: none; color: #000000; font-weight: normal; }
.sub-contain h1 { font-size: 22px; line-height: 22px; color: #2f88a9; background-image: url(../images/background/background-h1.png); background-position: bottom; background-repeat: no-repeat; padding: 0 0 8px 0; margin: 0 0 15px 0; }
.block h1 { font-size: 18px; line-height: 21px; font-weight: bold; margin: 0 0 12px 0; }
.registration h1 { font-size: 14px; line-height: 14px; font-weight: bold; margin: 0 0 8px 0; }
.registration-left h1, .registration-right h1 { color: #00395d; }
.registration-center h1 { color: #ea3a07; }
/*H2*/
h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-style: normal; line-height: 17px; text-transform: none; color: #08a300; font-weight: bold; margin: 0 0 8px 0; }
/*H3*/
h3 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 15px; line-height: 15px; font-style: normal; margin: 30px 0 10px 0; text-transform: none; color: #08a300; font-weight: bold; }
.sub-left h3 { margin: 30px 0 10px 0; text-transform: none; color: #000000; font-weight: bold; }
.sub-right h3 { margin: 0 0 10px 0; text-transform: none; color: #08a300; font-weight: bold; }
.faculty-right h3 { font-family: inherit; font-size: 13px; line-height: 13px; font-style: normal; margin: 0 0 10px 0; text-transform: none; color: #eea60c; font-weight: bold; }
/*H4*/
.sub-right h4 { font-size: 13px; line-height: 13px; font-style: normal; margin: 0 0 10px 0; text-transform: none; color: #00395d; font-weight: bold; }
h5 { font-size: 11px; font-weight: bold; line-height: 11px; text-transform: uppercase; color: #6a1916; margin: 0 0 4px 0; }
h6 { font-size: 13px; font-style: normal; line-height: 19px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #FFFFFF; }
/* Style Modifiers */
.category { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 15px; line-height: 15px; margin: 30px 0 10px 0; padding: 0 0 30px 0; text-transform: none; color: #08a300; font-weight: bold; }
.logo-float { float: right; margin: 20px 0 20px 30px; }