html { height:101%;}
body { margin: 0px; background-color:#ffffff; font-family:'Trebuchet MS'; font-size: 13px;background-image:url(images/mainbg.jpg);background-repeat:repeat-x;}
.holder { width: 995px; margin: 0 auto; }
.container { color: #333333; margin-top: 19px; margin-bottom: 18px; width: 995px; position: relative; border: 0px solid black; overflow: auto; }
#BACKGROUND { position: fixed; background: #000; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70);
width: 100%; height: 400%; top: 0px;left: 0px;z-index: 25; }
.feedback {position: absolute; width: 100%; height: 19px; top: 0px; left: 0px; font-size: 11px; border-bottom: 0px solid black;}
.feedback2 {position: relative; float: left; margin-left: 14px; text-align: left; margin-top: 2px;display: none;}
.feedback3 {position: relative; float: right; margin-right: 14px; text-align: right; margin-top: 2px;display:none;}
.closed { position: fixed; width: 100%; height: 100%; z-index:500; background-color:#eeeeee; top: 0px;}
.closed_message { position: relative; border: 1px solid black; width: 540px; height: 200px; margin-top: 60px; text-align: center;}
.style9 {font-size: 12px;font-style: normal;line-height: normal;}
.style10 {font-size: 14px;font-weight: bold;text-decoration: underline;}
.feed_title {font-size: 14px;font-weight: bold;line-height:12pt;margin:0;}
.feed_date {font-size: 12px;font-style: normal;line-height: normal;color:#999999;}
.style6 {font-size: 26px;color: #CC0000;}
.main_top { position: relative; float: left; width: 995px; text-align: justify; font-size: 13px;
margin-top: -17px;height:10px;background-image:url(images/main_top.gif);background-repeat:no-repeat;}
.main_bottom { position: relative; float: left; width: 995px; text-align: justify; font-size: 13px;
height:10px;background-image:url(images/main_bottom.gif);background-repeat:no-repeat;margin-bottom: 28px;}
.main { position: relative; float: left; width: 993px; text-align: justify; font-size: 13px;}
.main { background-color:#ffffff;background-repeat: no-repeat;border-left: 1px solid #B4B4B5;border-right: 1px solid #B4B4B5;}
/***************************/
/* Header/Footer/Banenr Image */
/***************************/
/*
* .image also needs background image and height declaration
* values are requested in header.php
* values are defined in each file before header.php is included
*/
.image { width: 995px; height:300px;border-bottom: 0px solid black; }
.header { width: 100%;height: 60px;background-image:url(images/top_banner.gif);display:none;}
.hidden_header { display: none; }
.footer { position: relative;float: left;width: 100%;text-align: center;font-size: 11px;}
.hit_home { position: absolute;width: 360px; height: 50px; top: 250px; left: 5px;cursor:pointer;}
/**************/
/* Header Links */
/**************/
.links {position: relative; height: 70px;width: 995px;background-image:url(images/link_banner.gif);top: 5px;z-index: 10;}
.link_boxes {position: relative;float: left;width: 155px;text-align: center;margin-top: 10px;margin-left: 10px;color: #ffffff;z-index: 40; list-style-type:none;}
#sub1 {position: absolute;z-index: 30;width: 195px;height: 44px;display: none;top: 330px;left: 3px;}
#sub2 {position: absolute;z-index: 30;width: 370px;height: 44px;display: none;top: 330px;left: 430px;}
#sub3 {position: absolute;z-index: 30;width: 195px;height: 44px;display: none;top: 330px;left:662px;}
#sub4 {position: absolute;z-index: 30;width: 133px;height: 44px;display: none;top: 330px;left:842px;}
.sub1_1 {position: relative;float: left;margin-left:20px;margin-top: 15px;}
.sub1_2 {position: relative;float: left;margin-left:15px;margin-top: 15px;}
.sub2_1 {position: relative;float: left;margin-left:10px;margin-top: 15px;}
.sub2_2 {position: relative;float: left;margin-left:15px;margin-top: 15px;}
/**************/
/* Body Divs */
/**************/
.index_left { position: relative; float: left; width: 540px; text-align: justify;margin-left: 10px;}
.index_right { position: relative; float: right; width: 315px; text-align: justify;margin-right: 10px;}
.right_holder {position: relative; float: right; width: 339px; text-align: justify;border-left: 1px solid #B4B4B5;}
.right_holder_bottom {position: relative; float: right; width: 340px; background-image:url(images/holder_right.gif);height:10px;margin-top:-1px;}
.column_left {position: relative;float: left;width: 445px;text-align: justify;margin-left: 10px;}
.column_right {position: relative;float: right;width: 445px;text-align: justify;margin-right: 10px;}
.resources_link {position: relative;float: left;width: 320px;height: 30px;margin-top: 4px;}
.main_image { position: relative; float: left; width:225px;height:150px;margin-bottom: 25px;}
.main_text { position: relative; float: left; width:370px;height:150px;margin-bottom: 25px;margin-left:15px;}
.hr {height:1px; background-color:#B4B4B5; width:65%;margin:0 auto;margin-top:10px;margin-bottom:10px;}
/********************/
/* WORKSHOPS */
/********************/
.center_it { position: relative;float: left;width: 600px; height: 90px;margin-left: 180px;margin-top: 40px;background-color:#666666;border: 1px solid black;}
.center_content { width: 65%;text-align:right;}
.shop_row {position: relative;float: left;width: 885px;margin-top: 4px;text-align: justify;margin-left: 10px;border-bottom: 1px solid black;font-size:11px;}
.shop_row_head {position: relative;float: left;width: 885px;height: 25px;margin-top: 4px;text-align: justify;margin-left: 10px;border-bottom: 2px solid black;font-size:11px;}
.shop1 {position: relative;float: left;width: 65px;margin-left: 6px;margin-right: 6px;margin-top: 3px;}
.shop2 { position: relative;float: left;width: 150px;margin-left: 4px;margin-right: 6px;margin-top:3px;}
.shop3 { position: relative;float: left;width: 365px;margin-left: 4px;margin-right: 6px;margin-top:3px;}
.shop4 { position: relative; float: left; width: 100px; margin-left: 6px; margin-right: 6px; margin-top: 3px; text-align: center; }
.absolute {position: absolute; left: 310px; top: 100px; z-index: 100; }
.shop_option { width: 450px; height: 105px; float: left; text-align: left; background-color: #999999; border: 1px solid black;}
.show_option_row { width: 440px; height: 43px; position: relative; float: left; margin-top: 7px; margin-left: 5px; text-align: center; }
/*viewing my registered shops and profile*/
.workshop_holder { position: relative; float: left; width: 800px; margin-top: 20px; background-color: #666666; border: 1px solid black; }
.workshop_row { position: relative; float: left; margin-left: 5px; margin-top: 7px; margin-bottom: 5px; width: 790px; height: 20px; z-index: 20;}
.workshop_row_big { position: relative; float: left; margin-left: 5px; margin-top: 7px; margin-bottom: 5px; width: 790px; z-index: 20;}
.workshop_cell3 { position: relative; float: left; margin-left: 3px; margin-right: 7px; width: 253px; height: 100%; }
.workshop_cell4 { position: relative; float: left; margin-left: 3px; margin-right: 7px; width: 187px; height: 100%; }
.edit_profile { width: 450px; height: 425px; float: left; text-align: left; background-color: #999999; border: 1px solid black;}
.profileL { width: 160px; height: 18px; position: relative; float: left; margin-top: 7px; margin-left: 8px; text-align: left; }
.profileR { width: 220px; height: 18px; position: relative; float: left; margin-top: 7px; margin-left: 5px; text-align: left; }
.paypal { width: 400px; height:100px; margin: 0 auto; margin-top:100px; background-image:url(images/please_wait.gif) }
.workshop_index_holder { position: relative; float: left; width: 800px; margin-left:97px;margin-top: 20px; background-color: #666666; border: 1px solid black; }
/***************************/
/* Contact Form */
/***************************/
.head1{position: relative;float: left;margin-left: 20px;width: 700px;}
.contact_left { position: relative;float: left;text-align: right;height: 20px;margin-left: 4px;margin-top: 10px;width: 135px;}
.contact_right {position: relative;float: left;text-align: left;height: 22px;margin-left: 10px;margin-top: 8px;width: 700px;}
.large_left {position: relative;float: left;text-align: right;height: 230px;margin-left: 4px;margin-top: 10px;width: 135px;}
.large_right {position: relative;float: left;text-align: left;height: 332px;margin-left: 10px;margin-top: 8px;width: 700px;}
.comment_left {position: relative;float: left;text-align: right;height: 95px;margin-left: 4px;margin-top: 10px;width: 135px;}
.comment_right {position: relative;float: left;text-align: left;height: 97px;margin-left: 10px;margin-top: 8px;width: 700px;}
.validate_left {position: relative;float: left;text-align: right;height: 125px;margin-left: 4px;margin-top: 10px;width: 135px;}
.validate_right {position: relative;float: left;text-align: left;height: 127px;margin-left: 10px;margin-top: 8px;width: 700px;}
.application_row {position: relative;float: left;width: 800px;height: 30px;margin-top: 4px;}
.application_row_no { position: relative; float: left; margin-left: 5px; margin-top: 4px; width: 800px;}
.application_left {position: relative;float: left;width: 113px;margin-top: 3px;margin-left: 1px;text-align: right;height: 28px; }
.application_right {position: relative;float: left;width: 212px;height: 28px;margin-left: 5px;font-size: 11px;}
.view_map { position: relative; float: left; width: 48%; text-align: center;}
.textbox {border: 1px solid #333333;font-size: 9pt;background:#FFFFFF;}
.textboxerror {border: 1px solid #333333;font-size: 9pt;background:#ffed35;}
/**********************/
/* Classes */
/**********************/
.catalogue_viewer {position: relative;float: left;margin-left: 10px;margin-top: 10px;width: 100%;}
.catalogue_row {position: relative;float: left;margin-left: 6px;margin-top: 2px;width: 100%;height: 15px;font-size: 13px;}
.class_title {position:relative; float: left;margin-left:16px;font-size:16px;height:20px;width:500px;}
.class_title_sub {position:relative; float: left;margin-left:16px;font-size:12px;width:500px;}
/**********************/
/* gallery */
/**********************/
.list_box {width:50px; height:20px;position: relative; float: left;text-align: left;}
.list_box_2 {height:19px;position: relative; float: left;margin-top:1px;}
.gallery_banner { margin: 0 auto;position: relative;margin-top:4px;text-align: center;}
.one_image { margin: 0 auto;position: relative;margin-top:30px;text-align: center; }
.gallery_info { margin: 0 auto; position: relative;clear: both;margin-top:30px;text-align: center; width: 400px;margin-bottom: 30px;}
.multiple_holder {width: 680px; margin-top: 10px; margin: 0 auto; margin-bottom: 10px;}
.gallery_row {position: relative; float: left; width: 670px; margin-left:5px; margin-top: 8px;}
.top_left {position: relative; float: left;width:330px;text-align: left;}
.top_right {position: relative; float: right;width:330px;text-align: right;}
.bottom_left {clear: both; position: relative; float: left;width:330px;text-align: left;}
.bottom_right {position: relative; float: right;width:330px;text-align: right;}
/*********************/
/* testimonials */
/*********************/
.testimonial_photo { position: relative; float: left; width: 70px; height: 70px; margin-left: 10px; margin-top: 10px;}
.testimonial_text { position: relative; float: left; width: 440px; height: 70px; margin-left: 15px; margin-top: 10px; font-size: 11px; }
.application_row2 { position: relative; float: left; width: 800px; height: 30px; margin-top: 4px; }
/*********************/
/* templates */
/*********************/
.small_row { position: relative; float: left; width: 98%;margin-top: 15px; margin-left: 4px; }
.small_cell { position: relative; float: left; width: 160px;margin-right: 13px; line-height: 13px; text-align: left;font-size:12px;}
/*********************/
/* print */
/*********************/
#body_print { background-color: #ffffff;}
.holder_print {width: 450px; position: relative; margin: 0 auto; margin-top: 5px;}
.print_row { width: 430px; position: relative; float: left; margin-left: 10px; margin-top: 10px; font-size: 15px; text-align: center;}
.print_cell { position: relative; float: left; margin-left: 20px; width: 180px; height: 45px; text-align: left;}
/**************/
/* generic */
/**************/
.left {text-align: left;}
.justify {text-align: justify;}
.right {text-align: right;}
.center {text-align: center;}
.wide100 { width: 100px;}
.wide200 { width: 200px;}
.wide280 { width: 280px;}
.wide400 { width: 400px;}
.wide600 { width: 600px;}
.wide900 { width: 900px;}
.red_text { color: #CC0000;}
.skiny { width: 275px;}
.wider { width:800px;}
.full_width {width: 100%;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.fix_header_height {line-height:15pt;margin:0;}
.no_height {height: inherit;}
.child_background { background-image:url(images/child.jpg); background-position:bottom right;background-repeat:no-repeat;}
.kids_background { background-image:url(images/TY_17L.jpg); background-position:bottom right;background-repeat:no-repeat;}
.man_background { background-image:url(images/TY_82L.jpg); background-position:bottom right;background-repeat:no-repeat;}
.headshot_background {background-image:url(images/index_pages/mainpageimage3.jpg); background-position:40% 90%;background-repeat:no-repeat;}
ul {list-style-type:none;}
.style3, .style4, .style5 {font-size:10px;}
.smallHead {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:14px;
margin-top:10px;
}
.time {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
}
.mainEvent {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:14px;
}
.description {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #669999;
}
/**************/
/* Links */
/**************/
a { color: #000000; text-decoration: none; cursor:pointer;}
a:hover { color: #000000; text-decoration: none; cursor:pointer;}
.sub1_1 a, .sub1_2 a, .sub2_1 a, .sub2_2 a, .footer a, .main a { color: #000000; text-decoration: none;}
.sub1_1 a:hover, .sub1_2 a:hover, .sub2_1 a:hover, .sub2_2 a:hover, .footer a:hover, .main a:hover { color: #000000; text-decoration: none; }
.shop4 a img { border: 0px; }
.index_left a, .index_left a:hover { text-decoration: underline; color: #000000;}
.application_row2 a, .application_row2 a:hover { text-decoration: none; color: #000000; }
.red_links a, .red_links a:hover { color:#CC0000; text-decoration: underline; }
.red_hover a {color:#000000; text-decoration:underline;}
.red_hover a:hover {color:#cc0000; text-decoration:underline;}
#red_links a, #red_links a:hover { color:#CC0000; text-decoration: underline; }
#linksno a, #linksno a:hover { color:#000000; text-decoration: underline; }
.red_links a, .red_links a:hover { color:#CC0000; text-decoration: underline; }
.no_underline a, .no_underline a:hover { text-decoration:none; }
/* - - - - - Fixes for global borkedness - - - - - */
.child_background .index_right { /* makes sure sidebar stuff never overlaps background image */
padding-bottom: 447px;
}
/* ========================================
Begin New Styles for Semantic Markup
======================================== */
.column_left h1, .column_left h2 {
text-align: left;
}
#a_masthead {
width: 995px;
height:300px;
display: block;
}
/* - - - - - HOME - - - - - */
#home h1, #home #secondary h2 { /* Used to be .style6 */
font-weight: normal;
text-align: left;
font-size: 26px;
color: #CC0000;
margin: 0 0 0.5em 6px;
}
#home #primary { /* Used to be .index_left + inline styles */
position: relative;
float: left;
width: 540px;
text-align: justify;
margin-left: 10px;
width: 610px;
}
#home .portal { /* used to be .main_image and .main_text */
padding-left: 240px;
min-height: 150px;
background: transparent url(images/index_pages/mainpageimage1.jpg) no-repeat top left;
margin-bottom: 25px;
}
/* change image for each portal */
#home #portal_la {
background-image: url(images/index_pages/mainpageimage2.jpg);
}
#home #portal_headshot {
background-image: url(images/index_pages/mainpageimage3.jpg);
}
#home #portal_youth {
background-image: url(images/index_pages/mainpageimage4.jpg);
}
#home #portal_courses {
background-image: url(images/index_pages/mainpageimage5.jpg);
}
#home #portal_resources {
background-image: url(images/index_pages/mainpageimage6.jpg);
}
#home #portals h2 { /* Used to be .style10 */
font-size: 14px;
font-weight: bold;
margin: 6px 0 0.3em 0;
}
#home #portals h2 a:link,
#home #portals h2 a:visited,
#home #workshop_list a:link,
#home #workshop_list a:visited,
#home .news h3 a:link,
#home .news h3 a:visited {
text-decoration: underline;
}
#home #portals h2 a:hover,
#home #portals h2 a:active,
#home #portals h2 a:focus,
#home #workshop_list a:hover,
#home #workshop_list a:active,
#home #workshop_list a:focus,
#home .news h3 a:hover,
#home .news h3 a:active,
#home .news h3 a:focus {
text-decoration: none;
color: #CC0000;
}
#home #portals p { /* Used to be .style9 */
font-size: 12px;
font-style: normal;
line-height: 1.4;
}
#home #workshop_list {
background: #f7f7f7 url(images/workshop_bg_home.jpg) no-repeat bottom center;
margin-bottom: 25px;
width: 605px;
}
#home #workshop_list .kludge {
background: transparent url(images/workshop_header_home.jpg) no-repeat top center;
padding: 0 5px 13px 16px;
overflow: hidden;
position: relative;
}
#home #workshop_list strong {
color: #CC0000;
font-weight: bold;
}
#home .workshop_list {
padding-top: 11px;
width: 283px;
float: left;
}
#home #workshops_la {
width: 286px;
border-right: 1px solid #E0E0E0;
}
#home #workshops_ny {
margin-left: 12px;
}
#home #workshop_list h2 {
padding; 0;
margin: 0 0 27px 0;
color: #ffed35;;
text-transform: uppercase;
text-align: center;
font-size: 16px;
font-weight: normal;
}
#home #workshop_list ul {
margin: 0 0 0 0;
padding: 0 0 15px 0;
width: 273px;
font-size: 12px;
line-height: 1.5;
}
#home #workshop_list li {
margin: 0 0 15px 0;
padding: 0;
text-align: left;
}
#home #workshop_list .more_link {
position: absolute;
bottom: 0;
left: 16px;
}
#home #workshops_ny .more_link {
left: 313px;
}
#home #workshop_list .more_link a:link,
#home #workshop_list .more_link a:visited {
display: block;
width: 273px;
height: 22px;
text-align: center;
color: #FFED35;
font-size: 12px;
background: transparent url(images/lozenge_button.gif) no-repeat top left;
text-decoration: none;
line-height: 22px;
}
#home #workshop_list .more_link a:hover,
#home #workshop_list .more_link a:active,
#home #workshop_list .more_link a:focus {
background-position: bottom left;
}
#home #secondary { /* used to be .right_holder */
position: relative;
float: right;
width: 349px;
text-align: justify;
border-left: 1px dotted #B4B4B5;
}
#home .news { /* used to be .index_right */
margin: 0 20px 20px 20px;
}
#home #inside_tvi_news, #home #spotlight {
padding-bottom: 20px;
border-bottom: 3px double #999;
}
#home #secondary h2 {
margin-left: 0;
}
#home .news h3 {
font-size: 14px;
margin-bottom: 0;
margin-top: 2em;
}
#home .news h3.first {
margin-top: 0;
}
#home .feed_date {
margin-top: 0.25em;
}
#home a.continued:link,
#home a.continued:visited {
color: #CC0000;
}
#home #spotlight a:link,
#home #spotlight a:visited {
color: #CC0000;
text-decoration: underline;
}
#home #spotlight a:hover,
#home #spotlight a:active,
#home #spotlight a:focus {
text-decoration: none;
}
#tweet_link {
text-align: center;
}
#tweet_link img {
border: none;
}
/* - - - - - TESTIMONIALS - - - - - */
#testimonials {
margin: 0;
padding: 0;
}
#testimonials li {
clear: both;
overflow: hidden;
margin-left: 0;
padding-bottom: 1em;
}
#testimonials img {
float: left;
margin-right: 10px;
}
#testimonials cite {
display: block;
padding: 1em 0 1em 0;
margin-left: 100px;
}
#testimonials blockquote {
margin-top: 0;
padding-top: 0;
margin-left: 121px;
}
/* - - - - - Success Stories - - - - - */
#success_lists #primary {
width: 655px;
}
#success_lists #secondary {
}
#success_lists .column {
width: 198px;
padding: 0 10px;
float: left;
text-align: left;
}
#success_lists ul {
list-style-type: disc;
}
#success_lists li {
margin-bottom: .25em;
}
#success_lists .column li span {
font-style: italic;
}
/* - - - - Modal WIndows - - - - - */
#control_overlay {
background-color:#000;
}
.modal_video {
background-color:#fff;
padding:10px;
border:1px solid #333;
width: 588px;
height: 446px;
}
/* - - - - - Schedules - - - - - */
table.schedule td {
font-size: 90%;
padding: 4px 1em 4px 4px;
vertical-align: top;
text-align: left;
}
table.schedule th {
font-size: 100%;
padding-top: 2em;
border-bottom: 2px solid #EEE;
}
table.schedule tr.even td {
background: #EEE;
}
/* - - - - - Workshops - - - - - */
#shops_table {
border-collapse: collapse;
font-size: 95%;
border-bottom: 2px solid #666;
}
#shops_table td, #shops_table th {
padding: 6px 12px;
vertical-align: top;
font-size: 100%;
color: #333;
line-height: 1.4;
}
#shops_table th {
border-bottom: 2px solid #666;
}
#shops_table tr.odd td, #shops_table tr.odd th {
background: #EEE;
}
#shops_table tr.odd th {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#shops_table td.date {
width: 100px;
}
#shops_table td.guest {
width: 125px;
}
#body_workshops_preview .main a:link,
#body_workshops_preview .main a:visited,
#body_workshops_instructions .main a:link,
#body_workshops_instructions .main a:visited {
font-weight: bold;
color: #CC0000;
}
/* - - - - - General - - - - - */
/* Once we've been over the whole site, we can make this global, not just for pages for which we've already adjusted the markup */
#body_youngactors_pilot .main p,
#body_youngactors_course .main p,
#body_youngactors_jrcourse .main p,
#body_youngactors_index .main p,
#body_resources_headshots .main p,
#body_workshops_preview .main p,
#body_workshops_instructions .main p {
line-height: 1.4;
margin: 0 0 1em 0;
}
#body_youngactors_pilot .main h1,
#body_youngactors_course .main h1,
#body_youngactors_jrcourse .main h1,
#body_youngactors_index .main h1,
#body_resources_headshots .main h1,
#body_workshops_preview .main h1,
#body_workshops_instructions .main h1,
#body_contact_index .main h1,
#body_resources_alumni h1 {
line-height: 1.4;
margin: 0 0 1em 0;
color: #CC0000;
}
#body_youngactors_index .main h2 {
margin: 1.25em 0 .1em 0;
}
#body_youngactors_pilot .main ul,
#body_youngactors_course .main ul,
#body_youngactors_jrcourse .main ul,
#body_youngactors_index .main ul,
#body_resources_headshots .main ul,
#body_workshops_preview .main ul,
#body_workshops_instructions .main ul {
margin-left: 3em;
padding-left: 0;
list-style-type: disc;
}
#body_youngactors_pilot .main li,
#body_youngactors_course .main li,
#body_youngactors_jrcourse .main li,
#body_youngactors_index .main li,
#body_resources_headshots .main li,
#body_workshops_preview .main li,
#body_workshops_instructions .main li {
margin-left: 0;
padding-left: 0;
margin-bottom: .5em;
line-height: 1.4;
}
#body_youngactors_pilot .index_left a:hover,
#body_youngactors_pilot .index_left a:active,
#body_youngactors_pilot .index_left a:focus,
#body_youngactors_course .index_left a:hover,
#body_youngactors_course .index_left a:active,
#body_youngactors_course .index_left a:focus,
#body_youngactors_jrcourse .index_left a:hover,
#body_youngactors_jrcourse .index_left a:active,
#body_youngactors_jrcourse .index_left a:focus,
#body_youngactors_index .index_left a:hover,
#body_youngactors_index .index_left a:active,
#body_youngactors_index .index_left a:focus,
#body_resources_headshots .index_left a:hover,
#body_resources_headshots .index_left a:active,
#body_resources_headshots .index_left a:focus,
#body_workshops_preview .index_left a:hover,
#body_workshops_preview .index_left a:active,
#body_workshops_preview .index_left a:focus,
#body_workshops_instructions .index_left a:hover,
#body_workshops_instructions .index_left a:active,
#body_workshops_instructions .index_left a:focus {
text-decoration: none;
}
a.course-contact-link:link, a.course-contact-link:visited {
width: 200px;
height: 100px;
background: transparent url(images/contact-button.gif) no-repeat top right;
text-indent: -9999em;
display: block;
float: right;
text-align: left;
}
a.course-contact-link:hover, a.course-contact-link:active, a.course-contact-link:focus {
background-position: bottom right;
}
#body_events_events .index_left {
text-align: left;
}
#body_events_events .index_left h3 {
font-size: 150%;
padding-bottom: 2px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 6px;
}
#body_events_events .index_left h4 {
margin-top: 6px;
}
#audit_price {
margin-bottom: 1em;
background: #EEEEFF;
border: 3px double #BBBBDD;
padding: 1em;
}
#event_price {
margin-bottom: 1em;
background: #EEFFEE;
border: 3px double #BBDDBB;
padding: 1em;
}
#event_details {
margin-bottom: 1em;
background: #FFFFEE;
border: 3px double #DDDDBB;
padding: 1em;
overflow: hidden;
}
#body_events_events .container {
margin-bottom:0;
}
/* - - - - - Forms - - - - - */
#body_contact_index .index_left {
width: 100%;;
}
.contact_form {
padding: 2em 0 0 2em;
}
.contact_form fieldset {
border: 1px solid #e6e6e6;
margin-bottom: 1em;
margin-top: 1em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.contact_form legend {
padding: 0 1em;
font-weight: bold;
}
.contact_form .row {
clear: both;
overflow: hidden;
}
.contact_form .field, .contact_form .wide_field {
width: 35%;
float: left;
padding: 0.5em 0;
}
.contact_form .wide_field {
width: 100%;
}
#body_shortcourses_fulltime .field {
width: 48%;
}
.contact_form .textboxerror {
border-color: #fff;
background: #FFFF99;
}
.contact_form .row label {
float: left;
width: 140px;
text-align: right;
padding-right: 10px;
padding-left: 10px;
}
.contact_form .check_row, .contact_form .captcha_row, .contact_form .buttons {
clear: both;
padding-left: 160px;
}
.contact_form .captcha_row {
padding: 1em 0 1em 160px;
}
.contact_form .check_row label {
float: none;
padding-left: 0;
}
.contact_form fieldset.checks {
border: none;
padding: 0;
margin: 2em 0 1em 0;
}
.contact_form fieldset.checks legend {
margin: 0 0 1em 0;
padding: 0 0 0 10px;
}
.contact_form input.textfield,
.contact_form textarea {
border:1px solid #999;
background: #F6F6F6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 4px;
}
.contact_form input.textfield:focus,
.contact_form textarea:focus {
border-width: 2px;
padding: 3px;
}
.form_errors {
margin: 1em 2em 1em 1em;
padding: 1em;
color: #900;
background: #FEE;
border: 1px dotted #BBB;
}
.form_errors li {
margin-left: 2em;
list-style-type: disc;
}
/* short courses application */
.index_left.app {
width: 740px;
}
.index_right.app {
width: 200px;
}
/* - - - - events - - - - */
.highlight_box {
border: 1px dotted #CCCC33;
background: #FFFFDD;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 1em;
}
/* ********************
New Nav
******************** */
#nav {
height: 36px;
background: transparent url(images/nav-bg.png) no-repeat center top;
padding: 0 10px;
margin: 10px 0;
width: 975px;
z-index: 2;
}
#nav li {
float: left;
position: relative;
top: 0;
left: 0;
z-index: 2;
}
#nav li#nav_about {
width: 147px;
}
#nav li#nav_classes {
width: 188px;
}
#nav li#nav_youth {
width: 235px;
}
#nav li#nav_membership {
width: 185px;
}
#nav li#nav_resources {
width: 219px;
}
#nav a {
display: block;
color: #111;
font-weight: bold;
text-decoration: none;
line-height: 36px;
text-align: center;
}
#nav li ul {
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 100;
background: #111;
opacity: .85;
width: 215px;
margin: 0;
padding: 0;
}
#nav li#nav_resources ul {
left: -20px;
width: 230px;
}
#nav li:hover ul,
#nav li.over ul {
display: block;
}
#nav li li {
opacity: 1;
float: none;
border-bottom: 1px solid #111;
}
#nav li li a {
color: #FFF;
font-weight: normal;
padding: 0 15px;
text-align: left;
}
#nav li li a:hover {
background: #FFF;
color: #C00;
}
.main-wrapper {
background: transparent url(images/main-top.png) no-repeat center -2px;
padding-top: 13px;
overflow: hidden;
z-index: 1;
}
.main {
z-index: 0;
}
/* Alumni page */
#body_resources_alumni td {
font-size: 90%;
text-align: center;
color: #ff6600;
}
#body_resources_alumni td a {
color: #00c;
}