/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {outline: none;}
/* typography.css */
body {font-size:75%;color:#2D154C;background:#c6d0e2 url(/images/bg.png) repeat-x;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#50317F;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; margin-left: 15px}
h2 {font-size:1.75em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#643445;}
a {color:#7759a0;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.required {color:red}
/* grid.css */
.container {width:950px;margin:0 auto; position: relative; background: url(/images/bg-container.png) no-repeat; padding-top: 50px}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box { padding:1em;margin-bottom:1.5em;background:#E5ECF9; font-size: 1em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.space {clear:both}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/****************************
HEADER
****************************/
#header {height:165px; margin-top: 0px; position: relative}
#logo {margin: 0 0 20px 30px;}
#logo a {text-indent: -9999px; height:60px; width:199px; display:block}
#logo a:link, #logo a:visited {background: url(/images/logo-timeless-wisdom.gif) no-repeat}
#logo a:hover, #logo a:active {background: url(/images/logo-timeless-wisdom.gif) 0 -71px no-repeat}
#contact_info {margin: 0 0 20px -15px; font-size: 85%; text-align: center}
ul#topnav {list-style: none; margin: 0 5px 0px 0px; padding: 0; position: absolute; top: 70px; right:130px}
#topnav li { list-style: none; display: inline; margin: 0; padding: 0; font-size: 11px; border-right: 1px solid #666}
#topnav li a {padding: 2px 10px 2px 10px; text-decoration: none; }
#topnav li a:link, #topnav li a:visited {color:#7759a0}
#topnav li a:hover, #topnav li a:active {background-color:#7759a0; color:#fff;}
#login {margin: 20px 0 0 0px}
#notice {position: absolute; top: 110px; right:130px; font-size: 90%;}
#notice a {background: url(/images/french_flag.gif) 0 2px no-repeat; padding-left: 20px; display: block}
#become_a_member {margin: 0 0 0 20px}
#become_a_member label {font-size: 1.25em; }
#become_a_member input { width:350px; font-size: 1.75em}
#become_a_member .name_field {float:left; padding: 0 20px 10px 0; color:#999}
#become_a_member .name_field label {font-size: 1em; }
#become_a_member .name_field input { width:160px}
#become_a_member p {clear:left; margin: 10px 0 0 0}
#become_a_member input#submit {width:200px; font-size: 2.5em; padding: 5px}
ul#why_join {padding: 1em 0 2em 0}
ul#why_join li {margin: .5em 0 0 1em; font-size: 1.25em; font-weight: bold; list-style: circle}
/****************************
MENU
****************************/
#menuWrapper{
display: block;
height:52px;
width:890px;
position: relative;
left: -10px;
vertical-align: bottom;
padding: 1px 0 30px 15px;
margin: 0 0px 0px 0px
z-index: 100;
background: url(/images/menu-bg.gif) no-repeat;
}
#menu {margin:2px auto 0 auto; width:890px; position:relative;}
#search {margin: 5px 0 20px 10px; position: absolute; top: 0px; right:160px}
#search form, #search input {margin:0; padding:0}
input#keywords {color:#999; background-color: #eee; width: 120px; font-size: 1em; padding:3px}
#search .submit {text-transform: uppercase; background-color: #ccc; padding:3px;}
/****************************
MAIN SECTION
****************************/
.entry-home {background-color:#eee; border-top: 1px solid #666; border-left: 1px solid #999; border-bottom: 1px solid #fff; border-right: 1px solid #ccc; padding:14px 0 0 0; margin:10px 5px 20px 5px !important}
.entry-home .entry {padding:14px 10px 0 0px; margin-top:1px !important; margin-bottom:1px !important}
.tickerstyle {width:372px; height:20px; border:1px solid #ccc; border-top:none !important; background:#eee; padding:8px; overflow:hidden; }
.messagediv {display: none; }
#feed {border-right: 1px solid #ccc; border-left: 1px solid #999;background-color: #fafaf3; padding: 15px 0 15px 0; margin: 0 5px 20px 0}
#feed #mail {padding:10px 0 10px 50px; background: url(/images/icons-subscribe.gif) 0 -228px no-repeat}
#feed p {margin: 0 10px 0 10px; padding: 0}
#feed form {padding: 0; margin: 0 0 15px 10px}
#feed ul {list-style: none; margin: 0}
#feed li {list-style: none; display: inline; margin: 0; border: none !important}
#feed li a {padding:0 0 0 50px; margin: 0 0 10px 10px; font-size: 11px; display: block; text-transform: uppercase; height:36px; color: #75735a; line-height: 12px; text-decoration: none; border: none !important}
#feed li a span {font-size: 14px; text-transform: uppercase; color: #373626; line-height: 16px; text-decoration: none; display: block}
#feed li a:hover, #feed li a:active {color:#000}
#feed li a#newsletter {background: url(/images/icons-subscribe.gif) no-repeat}
#feed li a#rssfeed {background: url(/images/icons-subscribe.gif) 0 -47px no-repeat}
#feed li a#feedpodcast {background: url(/images/icons-subscribe.gif) 0 -136px no-repeat}
#feed li a#facebooklink {background: url(/images/icons-subscribe.gif) 0 -183px no-repeat}
#feed li a#feedtwitter {background: url(/images/icons-subscribe.gif) 0 -95px no-repeat}
#testimonial {font-style: italic; padding:1em;margin-bottom:1.5em;background:#a7ffa7; font-size: 1.5em;}
#testimonial p {margin:0}
.right-col h2 {padding:0 0 0px 5px; margin: 0 0 20px 0; border-bottom: 1px solid #50317F; color: #50317F}
.right-col h2 a {color: #50317F}
.right-col h4, .right-col p {margin-left: 0}
.col-entry {margin:0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #fff; position:relative}
.col-entry h4 {margin:0 0 0px 5px;}
.col-entry h5, .col-entry p {margin:5px 0 10px 5px;}
#breadcrumbs {padding: 0em 0 .5em .5em; margin: 0 0 1em 0; border-bottom: 1px solid #eee}
#main img {float:left; margin: 0 8px 0 0}
h2 {size: 1.25em; padding: .3em .5em .15em .5em; position: relative}
h3, h4, h5, p {margin-left: 15px;}
h5 {font-weight: normal; text-transform: capitalize; margin: -10px 0 10px 15px; color: #666}
ul {margin-left: 30px;}
h2 a {text-decoration: none; color: #4a5192}
.reg_now {position:relative; top:10px; right:15px; float:right;}
.reg_now a.but-learn-more, .reg_now a.link_to_reg {width:175px; height:47px; display: block; text-indent: -9999px}
.reg_now a.but-learn-more:link, .reg_now a.but-learn-more:visited {background: url(/images/but-learn-more.png) 0 -48px no-repeat}
.reg_now a.but-learn-more:hover, .reg_now a.but-learn-more:active {background: url(/images/but-learn-more.png) no-repeat}
.reg_now a.link_to_reg:link, .reg_now a.link_to_reg:visited {background: url(/images/but-register.png) 0 -48px no-repeat}
.reg_now a.link_to_reg:hover, .reg_now a.link_to_reg:active {background: url(/images/but-register.png) no-repeat}
.coltitle {text-transform: uppercase;font-size:1em;line-height:22px;font-weight:bold;padding:0 0 2px 20px;margin: 0 0 10px 0;border-bottom: 1px solid #ccc;}
#twitter {background: url(/images/icons.gif) 0 -47px no-repeat}
#delicious {background: url(/images/icons.gif) 0 -69px no-repeat}
#google_reader, #sponsors {background: url(/images/icons.gif) 0 -214px no-repeat}
#blog_categories{background: url(/images/icons.gif) 0 -333px no-repeat; margin-bottom: 20px}
#blog_roll{background: url(/images/icons.gif) 0 -333px no-repeat;}
#upcoming_events {background: url(/images/icons.gif) 0 -333px no-repeat;}
.upcoming_events {border-bottom:1px dotted #ccc; padding: 6px 6px 6px 0px; margin: 0}
#titlearea {padding-top:1em; padding-left:1em}
#titlearea h1 {margin-top:0}
#titlearea h4.date_location, #titlearea h4.author, #titlearea p.author {padding: 0 0 .5em 0; margin-left: 0em;}
.addthis {padding: 0 0 10px 20px; width: 220px; float:right}
.entry {margin:0 0 15px 0; border-bottom: 1px solid #ddd; position:relative}
.entry h3.blogtitle {font-size: 2em}
.entry ul {list-style: none;}
.entry li {list-style-type: none}
.entry ul.details {list-style: none; margin: 0 0 .5em 1.25em}
#contact_form {border-bottom:1px solid #ccc; background: #eee; padding-bottom: 10px; position: relative}
#contact_form p {margin-bottom: 5px}
#contact_form #contact_firstname, #contact_form #contact_lastname {width: 180px !important; margin-right: 4px}
#contact_phone, #contact_email, #contact_occup, #contact_comments {width: 370px !important}
#contact_comments {height: 90px !important}
.main-photo {float:left; margin:0 10px 0 0; padding:3px; border:1px solid #ccc}
.full {position: absolute; top: -4px; left: 20px; background: url(/images/full.gif) no-repeat; width:126px; height:66px; z-index: 200 }
#register {border-bottom:1px solid #ccc; background: #eee; padding-bottom: 10px; position: relative}
#register p {margin-bottom: 5px}
#register h3 {margin-top: 15px; padding-top: 10px;}
#register .full {left: 10px; top:10px}
#cost, #deposit, #reg_deadline {font-size: 1.2em; list-style: none}
#reg_form, #login_form {display: none}
#reg_form form,#login_form form {margin:10px}
#reg_form textarea {height:50px; width: 400px}
#reg_form #terms {height:250px; width: 408px; border:1px solid #ccc; background-color: #fff; padding: 6px 0 0 0; overflow: auto; margin: 0 0 10px 15px}
#reg_form #terms ul, #reg_form #terms ol {margin: 10px 0 10px 25px}
#login_form input {}
#creditcardform {margin: 0px 0 10px 15px; border: 1px solid #ccc; background-color: #eee; padding:20px 10px 10px 10px}
#creditcardform td {padding: 0 5px 5px 0}
#creditcardform td.left {width:100px; text-align: right}
.thumbnail img {padding:3px; border:1px solid #ccc; margin: 4px 8px 2px 14px; float:left}
.comment1, .comment2 {position:relative; display: block; padding: 10px 0 0 0; margin: 0 0 10px 0}
.comment1 {background-color:#dafffa; border:1px solid #b7ded9; }
.comment2 {background-color:#c0f0e8; border:1px solid #a9d6ce; }
.comment1 .c_arrow, .comment2 .c_arrow {width:14px; height:10px; position:absolute; bottom:-10px; left:30px}
.comment1 .c_arrow {background: url(/images/c_arrow1.gif) no-repeat}
.comment2 .c_arrow {background: url(/images/c_arrow2.gif) no-repeat}
.comment1 p, .comment2 p { margin: 0 0 5px 10px}
#wall textarea {color:#666; height:20px; width:95%; background-color:#eee}
.rightcol li {margin-left: 2em}
#category_list ul {list-style: none; margin:-15px 0 2em 0}
#category_list li {list-style: none; margin:0 0 1px 0}
#category_list ul a {display:block; padding: .75em .5em .25em 1em; color:#fff; font-size: 1.2em; text-decoration: none}
#category_list ul a:link, #category_list ul a:visited {background-color: #eaeac2; color:#000}
#category_list ul a:hover, #category_list ul a:active {background-color: #b2ceb2}
#when ul, #when li {list-style: none; margin:0}
#when a { margin: 0 0 10px 0; padding: 0 8px 0px 20px; height: 17px; display: block}
#add_to_google_cal {background: url(/images/icons.gif) 0 -216px no-repeat}
#add_to_ical {background: url(/images/icons.gif) 0 -264px no-repeat}
#add_to_yahoo_cal {background: url(/images/icons.gif) 0 -242px no-repeat}
#map { border: 1px solid #ccc; margin: 0 0 20px 10px; width: 325px; height:300px}
.facility_details {float:left; padding: 1em; border: 1px solid #ddd; margin: 0 1em .5em 0}
.search h3 {margin:0 0 .4em .75em}
.search p {margin:0 0 .4em 1.25em}
.pagination a {padding:3px 5px 3px 5px;}
.pagination a:link, .pagination a:visited {border: 1px solid #ccc; background-color: #eee; color:#000}
.pagination a:hover, .pagination a:active {border: 1px solid #333; background-color: #666; color:#fff}
/****************************
Newsletter Signup
****************************/
#SignUp label {display: block; width:90px; float:left}
#SignUp p {clear:both; padding-bottom: 8px !important; }
#SignUp .input_field {width:220px; float:left}
/****************************
BLOG
****************************/
img.avatar {float:left;margin: 0 10px 0 0;}
.post h2 {background: none;border: none;font-size: 2em;}
.post h3 {background: none;border: none;font-size: 1.5em;color: black;}
.post .post-body .author { padding-bottom: 0}
.post-footer {padding: 4px 0 10px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd}
.tweet .author {text-align:center; float:left; margin: 0 7px 0 0; border: 1px solid #ccc; padding:2px; }
.tweet .date {display: inline}
p.audio {margin:0 0 1em 1em}
p.audio span {display:block; margin: 0 0 5px 0}
.mp3 a {background: url(/images/icons.gif) 0 -311px no-repeat; padding:4px 0 4px 22px; margin: 0 0 5px 10px}
.podcast a {background: url(/images/icons.gif) 0 -287px no-repeat; padding:4px 0 4px 22px; margin: 0 0 5px 10px}
/****************************
FOOTER
****************************/
#footer {clear: both;text-align: center;height:300px;margin:60px 0px 0px 0px;padding-bottom: 40px;color:#fff;background: #50317F url(/images/footer-bg.png) repeat-x;}
#footer ul {padding: 20px 0 20px 0;}
#footer li {list-style-type: none;display: inline;border-right: 1px solid #999;padding: 0 10px 0 10px;}
#footer a {passing: 3px;}
#footer a:link, #footer a:visited {color: #fff;}
#footer a:hover, #footer a:active {color: #000;background-color: #fff;}
.center{text-align:center;}
#copy {text-align:center;padding: 10px 0 50px 0;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 38px; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 14em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 18em; /* match ul width */
top: 0;
}
/*** SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
font-size: 14px;
display: block;
}
.sf-menu a {padding: 12px 10px 12px 10px; text-decoration:none;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;}
.sf-menu li {background:inherit;}
.sf-menu li a { }
.container .sf-menu li a:last_item {border-right: none;}
.sf-menu li li {background: #5E3290;}
.sf-menu li li a {background: #5E3290; border-top: 1px solid #442472; border-left: 1px solid #442472; padding: 1em .5em .7em .5em;}
.sf-menu li li li {background: #5E3290;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #5E3290; outline:0;}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {background:#664560;outline:0;}
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 15px;
text-indent: -999em;
overflow: hidden;
background: url('/images/arrows-ffffff.png') no-repeat -10px -96px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -96px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -96px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 4px; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 4px; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 4px; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('/images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*** Facebox ***/
#facebox .b {
background:url(/images/b.png);
}
#facebox .tl {
background:url(/images/tl.png);
}
#facebox .tr {
background:url(/images/tr.png);
}
#facebox .bl {
background:url(/images/bl.png);
}
#facebox .br {
background:url(/images/br.png);
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
border-collapse: collapse;
}
#facebox td {
border-bottom: 0;
padding: 0;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}