/*----------------------------------------------------------------------------- Yogasana date: August 2008 author: Susana Lo email: susanalo at sulocreative dot com -----------------------------------------------------------------------------*/ /* General Global classes -----------------------------------------------------------------------------*/ body {margin: 0px; padding: 0px; background-color: #FFFFFF; font-family: "Verdana",sans-serif; font-size: 12px; color: #666666;} p {line-height: 17px; margin-top: 0px; margin-bottom:20px;} h2 {color: #660000; letter-spacing:-1px;} h3 {color: #660000; margin-top: 0px;} h4 {color: #660000;} h5 {color: #660000;} .notes {line-height: 14px; margin-bottom:20px; font-size:11px; font-family: "Arial", sans-serif; color: #666666;} #outside_container {background: url(images/bkgd_main.gif) repeat-x; margin: 0 auto; text-align: left;} #inside_container {background: url(images/bkgd_insidecontainer.gif) repeat-x;} .rsnav {background: url(images/sub02_nav_events.jpg) no-repeat; background-color: #EFEFEF;} ul li {margin-top: 8px; margin-bottom:8px; font-family: "Verdana",sans-serif; font-size: 12px; color: #666666; line-height:16px;} a {color: #990000; text-decoration:none;} a:hover {color: #990000; text-decoration:underline;} /* Footer -----------------------------------------------------------------------------*/ #footer_container {padding:30px 50px 80px 50px; color: #660000; font-size: 0.9em; line-height:1.0em; margin-top: 140px; margin-left: 50px;} #footer_subcontainer {padding:30px 50px 80px 50px; color: #660000; font-size: 0.9em; line-height:1.0em; margin-top: 80px; margin-left: 50px;} /* Navigation -----------------------------------------------------------------------------*/ ul#topnav {margin-left: 380px; padding:0px; position:absolute; margin-top:25px; margin-bottom: 25px; width:600px;} ul#topnav li {margin:0px; padding:0px; list-style:none; margin-right:25px; display:inline; font-size: 14px; line-height: 20px; font-family: "Lucida Sans Unicode",sans-serif; color: #990000; table-layout:fixed; font-weight:bold; letter-spacing: -1px;} ul#topnav li a {text-decoration:none; color: #990000;} ul#topnav li a:hover {text-decoration: underline; color:#666666;} ul#topnav_sub {margin-left: 360px; padding:0px; position:absolute; margin-top:60px; margin-bottom: 20px; width:650px;} ul#topnav_sub li {margin:0px; padding:0px; list-style:none; margin-right:25px; display:inline; font-size: 14px; line-height: 20px; font-family: "Lucida Sans Unicode",sans-serif; color: #990000; table-layout: fixed; font-weight:bold; letter-spacing: -1px;} ul#topnav_sub li a {text-decoration:none; color: #990000;} ul#topnav_sub li a:hover {text-decoration: underline; color:#666666;} /* Sub Navigation -----------------------------------------------------------------------------*/ ul#subnav {margin-left: 75px; padding:0px; position:absolute; margin-top:55px; margin-bottom: 20px; width:135px;} ul#subnav li {margin-top:0px; margin-bottom:0px; font-size: 13px;; font-family: "Lucida Sans Unicode",sans-serif; color: #FFFFFF; list-style:none; table-layout:fixed;} ul#subnav li a {text-decoration:none; color:#FFFFFF;} ul#subnav li a:hover {text-decoration: none; color:#666666;} /* Home Page - Latest News -----------------------------------------------------------------------------*/ #latest_news {margin-left: 115px; margin-top: 100px; margin-right: 10px; width: 380px;} /* Home Page - Newsletter Opt-in -----------------------------------------------------------------------------*/ #news_optin a {display: block; background: url(images/btn_newsoptin.jpg) top; width: 180px; height: 40px; margin-bottom: 10px; margin-top: 425px; margin-left: 45px;} #news_optin a:hover {background: url(images/btn_newsoptin.jpg) no-repeat bottom;} /* Home Page - Events -----------------------------------------------------------------------------*/ #events_container {margin-left: 80px; margin-top: 10px; margin-right: 10px;} #h_events {margin-left:10px; margin-right: 5px; margin-top:10px;} #h_events .title {color:#669900;} #h_events .date {color:#666666; font-size:10px; font-weight:bold; line-height: 15px;} #h_events .desc {color:#666666; font-size:0.7em;} #h_events_info1 a {display: block; background: url(images/btn_h_eventinfo.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 15px;} #h_events_info1 a:hover {background: url(images/btn_h_eventinfo.jpg) no-repeat bottom;} #h_events_info2 a {display: block; background: url(images/btn_h_eventinfo.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 30px;} #h_events_info2 a:hover {background: url(images/btn_h_eventinfo.jpg) no-repeat bottom;} #h_events_info3 a {display: block; background: url(images/btn_h_eventinfo.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 35px;} #h_events_info3 a:hover {background: url(images/btn_h_eventinfo.jpg) no-repeat bottom;} #h_events_info4 a {display: block; background: url(images/btn_h_eventcalendar.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 35px;} #h_events_info4 a:hover {background: url(images/btn_h_eventcalendar.jpg) no-repeat bottom;} #h_events_reg a {display: block; background: url(images/btn_h_eventsreg.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 15px;} #h_events_reg a:hover {background: url(images/btn_h_eventsreg.jpg) no-repeat bottom;} #h_events_download a {display: block; background: url(images/btn_h_download.jpg) top; width: 195px; height: 35px; margin-top:10px; margin-left: 15px;} #h_events_download a:hover {background: url(images/btn_h_download.jpg) no-repeat bottom;} /* Content Page -----------------------------------------------------------------------------*/ #products {margin-left: 20px; margin-top: 0px; margin-bottom: 50px; width: 630px;} #content {margin-left: 40px; margin-top: 0px; margin-bottom: 50px; width: 630px;} .events_title {font-size: 14px; font-weight:bold; word-spacing: 0.1em; color:#660000;} .events_date {font-size: 14px; font-weight:bold; word-spacing: 0.1em; color:#669900;} #btn_addcart {margin-left: 20px; margin-top: 30px;} #btn_ordernow {margin-left: 0px; margin-top: 30px;} .about_photo {border:dotted 1px #333333; padding: 5px 5px 5px 5px; text-align:left; margin-right: 20px; margin-bottom: 10px;} ul#content {margin-top:-10px; margin-left: 10px; margin-bottom:10px; font-size: 12px;; font-family: "Lucida Sans Unicode",sans-serif; color: #666666; list-style:circle; width:500px;} .calendar_date {margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; color: #660000; font-size:11px; font-weight: bold;} .calendar_title {margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; color: #466900; font-size:11px; font-weight: bold;} .calendar_text {margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; color: #666666; font-size:10px;} .btn_space {margin-top: 10px;} .price {font-size: 12px; color: #660000; margin-top: 5px; font-weight: bold;} /* Content Page - Blockquote -----------------------------------------------------------------------------*/ #blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#660000; text-align:center; width: 530px; margin-top:0px; margin-left:80px;} /* Content Page - Call to Action -----------------------------------------------------------------------------*/ #cta {color:#660000; font-weight: bold; word-spacing:-0.1em; width: 150px; margin-top:0px; margin-left:50px; margin-top: 50px;} #cta p{color:#333333; font-size: 0.9em; line-height:1.2em; margin-top:10px; margin-bottom: 10px; font-weight:normal;} #cta .date{color: #669900; font-size: 0.9em; line-height:1.1em; margin-top:0px; font-weight:normal;} /* Teacher Training - Events Links -----------------------------------------------------------------------------*/ #tt_box a {display: block; text-decoration:none; padding-top: 2px; padding-bottom:3px;} #tt_box a:hover {background:#e8f2c9; padding-top: 2px; padding-bottom:3px;} .events_table {line-height: 14px; margin: 5px 5px 5px 5px; text-align:right; font-weight: bold;} .events_text {line-height: 17px; margin: 5px 5px 5px 5px;} .schedule_indent {margin-left: 30px;} .schedule_text {line-height: 14px; margin: 2px;} .reg_bold {color: #660000; margin: 8px 8px 8px 30px; font-size:20px; font-family: "Verdana",sans-serif; font-weight:bold;} .dotline {margin-bottom: 0px; margin-top: 10px; border-top: 1px dotted #CCCCCC; padding-top: 10px;}