/* Meyerweb.com reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
p, h1, h2, h3, h4, h5, h6, li, label, a { font-family: Georgia, 'Times New Roman', Serif; color: #444; }
p {line-height: 1.3em;}
input {font-size: 1.1em; font-family: 'Lucida Grande', 'Calibri', verdana, sans-serif;}
a { color: #d24343; text-decoration: none; border-bottom: solid 1px #d24343;}
a:hover { color: #444; background-color: #fff77f;border-bottom: solid 1px #444;}
em { font-style: italic;}
strong { font-weight: bold;}
.watermark { color: #999;}
p { margin-bottom: 1.2em;}
h4 { font-size: 1.4em; margin-bottom: 0.6em; padding-top: 0.6em;}
/* End reset */
html { background: #ffffff url('../img/bg/page-top.gif') repeat-x 0 0;}
body { font-size: 76%;}
/* generic wrapper to center content in layer */
.inner { margin: auto; width: 1000px; overflow: auto;}
#topLayer { overflow: visible;}
#dkLayer { overflow: auto; background: #252729; padding: 30px 0 60px; }
#vdkLayer { overflow: auto; background: #202123; padding: 30px 0 30px; border-top: solid 1px #3f4042;}
#medLayer { background: #1a1b1e url('../img/bg/medium-section.gif') repeat-x 0 0; overflow: hidden; height: 95px; }
#ftLayer { background: #1a1b1e; padding: 20px 0 30px; border-top: solid 1px #3f4042;}
#header { position: relative; height: 150px; overflow: hidden; }
#logo { position: absolute; left: 0px; top: 20px; }
#logo a:hover, #logo a { background: transparent; border: none;}
#tag { position:absolute; left: 105px; top: 41px; z-index: 8;}
/* Damir: changed with to 830px for navigation, after removing "25 years" logo */
/*#navigation { width: 770px; height: 37px; overflow: hidden; position: absolute; top: 30px; right: 150px; z-index: 10;}*/
#navigation { width: 830px; height: 37px; overflow: hidden; position: absolute; top: 30px; right: 150px; z-index: 10;}
#navigation a { text-indent: -9999px; display: block; width: 100px; height: 37px; text-decoration: none; background: url('../img/nav/primary.gif') no-repeat 0 0; float: left; }
#navigation a.about-us { width: 76px; }
#navigation a.about-us:hover { background-position: 0 -37px;}
#navigation a.about-usActive { width: 76px; background-position: 0 -37px; }
#navigation a.our-services { width: 114px; background-position: -81px 0px;}
#navigation a.our-services:hover {background-position: -81px -37px;}
#navigation a.our-servicesActive {width: 114px;background-position: -81px -37px;}
#navigation a.events {width: 72px;background-position: -198px 0px;}
#navigation a.events:hover {background-position: -198px -37px;}
#navigation a.eventsActive {width: 72px;background-position: -198px -37px;}
#navigation a.how-you-can-help {width: 155px;background-position: -273px 0px;}
#navigation a.how-you-can-help:hover {background-position: -273px -37px;}
#navigation a.how-you-can-helpActive {width: 155px; background-position: -273px -37px;}
#navigation a.contact-us {width: 97px;background-position: -436px 0px;}
#navigation a.contact-us:hover {background-position: -436px -37px;}
#navigation a.contact-usActive {width:97px;background-position: -436px -37px;}
#navigation a.home {width: 61px;background-position: -533px 0px; margin-right: 13px}
#navigation a.home:hover {background-position: -533px -37px;margin-right: 13px}
#navigation a.homeActive {width:61px;background-position: -533px -37px;margin-right: 13px}
#navigation a.donate { background: url('../img/nav/donate.gif') no-repeat 0 0; width: 151px; height: 34px; border: none; float: right; margin-right: 15px }
#search { width: 400px; height: 37px; overflow: hidden; position: absolute; top: 75px; right: 16px;}
#search form { margin: 0 0 0 20px; padding: 0; display: block; width: 169px; position: relative;height: 37px; text-decoration: none; background: url('../img/bg/form-search.gif') no-repeat 0 0; float: right;}
#search form input.txt { color: #333; font-size: 13px; font-family: 'Lucida Grande', Verdana, sans-serif; margin: 0 !important; background: transparent !important;
border: none !important; height: 22px; width: 100px; line-height: 22px; position: absolute; top: 3px; left:28px; margin: 0 !important; padding: 0 !important;}
#search form input.btn { height: 30px; width: 27px; left: 139px; position: absolute; padding: 0 !important; margin: 0; background: transparent !important; border: none !important; }
#pageCap { position: fixed; background: #333; top: 0; width: 100%; left: 0; height: 4px; overflow: hidden;z-index: 110;}
#donate { position: fixed; right: 20px; top: 4px; height: 51px; width: 290px; background: transparent url('../img/btn/donate.png'); z-index: 100; display: none; }
#donate2 { position: fixed; right: 20px; top: 4px; height: 138px; width: 143px; background: transparent url('../img/btn/donate-2.png'); z-index: 100; }
/* Homepage */
#hero { width: 100%; height: 407px; position: relative; overflow: visible; }
#hero .inner { position: relative; width: 1000px; overflow: visible;}
#hero .image { position: absolute; top: -18px; left: 0; }
#hero .image div { position: absolute; top: 0px; left: 0;}
#hero div.strip { padding-top: 4px;height: 66px; position: absolute; top: 340px; background: transparent url('../img/bg/home-strip.png') repeat-x 0 0; width: 100%; min-width: 1000px; }
#hero .right { float: left; padding-left: 660px; width: 330px; border-left: solid 1px #fff; }
#hero .rilocaght p { font-size: 1.5em; line-height: 1.4em; text-indent: 30px; background: url('../img/bg/quotes.gif') no-repeat 0 3px; overflow: visible; padding-bottom: 30px;}
#hero .right p span { padding-left: 31px; background: url('../img/bg/quotes.gif') no-repeat -471px -3px; }
#hero .right p.intro {position: absolute; height: 120px; width: 310px; display: none; font-size: 1.5em; padding-top: 10px; background: url('../img/bg/quotes.gif') no-repeat 0px 10px; text-indent: 31px}
#hero .right p.featuredescr { background-image: none; padding: 0; color: #666; font-size: 1.1em; font-style: italic; text-indent: 0; padding-top: 35px; position: absolute; display: none; height: 20px; width: 310px; top: 270px;}
.four p.cta { margin-top: -4px; }
.four a, .four a img { border: none !important;}
a.postit { overflow: hidden; width:240px; height: 98px; display: hidden; position: absolute; border: none; text-decoration: none; top: 240px; right: 0;
/*background: url('../img/homepage/post-it.jpg') no-repeat 0 0; */
}
ul#featurelist { overflow: hidden; margin: 0 0 20px 0; padding-top: 160px}
ul#featurelist li { height: 17px; width: 17px; float: left; overflow: hidden; margin-right: 5px;}
ul#featurelist li a { text-decoration: none; display: block; height: 17px; width: 17px;background: url('../img/lists/feature.gif') no-repeat 0 -17px; overflow: hidden;}
ul#featurelist li a.current { background-position: 0 0px;}
ul#featurelist li a:hover { background-position: 0 -34px;}
ul#featurelist li a.current:hover { background-position: 0 0px;}
#section { width: 100%; position: relative; overflow: visible; padding-top: 20px;}
#section div.strip { height: 55px; padding-top: 18px; background: url('../img/bg/inner-page-strip.png') repeat-x 0 0; width: 100%; min-width: 1000px; }
#section div.strip h3 { color: #ffea5f; font-size: 30px; font-family: arial, sans-serif; }
#content { overflow: hidden; width: 100%; padding-top: 30px;}
#content div.inner { background: url('../img/bg/content.gif') 90px 0 repeat-y; min-height: 500px;}
#subnav { float: left; width: 190px; margin-right: 15px;}
#subnav ul li { font-size: 1.2em; background: url('../img/lists/news.gif') 0 bottom no-repeat; overflow: hidden;}
#subnav ul li h4 { font-size: 1.0em;}
#subnav ul li h4 { margin-bottom:0.5em; padding-top:0.4em;}
#subnav ul li h4 a { border: none}
#subnav ul li h4 a:hover { background: transparent; }
#subnav .third { background:none repeat scroll 0 0 transparent; padding-left:10px}
#subnav .last { background: url('../img/lists/news.gif') 0 bottom no-repeat; padding-bottom: 8px }
#subnav .third h4 { margin-bottom: 0.2em; padding-top: 0.3em}
#subnav .hidden { display:none;}
#content h1 { }
#content div.middle { float: left; width: 530px; padding-left: 15px; }
#content div.full { width: 750px !important;}
#content div.middle p.intro { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em; clear: both;}
#content div.middle p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.2em;}
#content div.middle div.flash { padding: 25px 0;}
#content div.middle ul.functions { list-style: none; width: 100%; margin-bottom: 15px; clear: both; padding:10px 0 6px 0; height: 35px; }
#content div.middle ul.functions li { float: left; margin-right: 18px; padding-top: 10px; padding-bottom: 6px;font-size: 1em; }
#content div.middle ul.functions li a { overflow: visible; color: #444; font-family: Verdana, Arial, sans-serif; background: url('../img/icons/page-functions.gif') 0 6px no-repeat; padding: 10px 0 6px 32px; border: none;}
#content div.middle ul.functions li a:hover { color: #d24343; ;}
#content div.middle ul.functions li a.print{ background-position: 0 -45px;}
#content div.middle ul.functions li a.share{ background-position: 0 -95px;}
#content div.middle ul { margin-bottom: 1.4em; padding-left: 22px; list-style: disc;}
#content div.middle ul li { font-size: 1.2em; margin-bottom: 4px; line-height: 1.4em;}
#home { margin: 25px 0 25px;}
#home p { font-size: 1.2em; line-height: 1.5em;}
#home .colSplit div.imageCont { padding: 3px; border: solid 1px #ccc; margin-bottom: 15px;}
ul.news li { padding-bottom: 20px; background: url('../img/lists/news.gif') 0 bottom no-repeat; overflow: hidden; margin-bottom: 8px; font-family: Georgia, serfid; }
ul.news li div { padding: 2px; border: solid 1px #ccc; margin-right: 8px; float: left; width: 71px; height: 71px; }
#home ul.news li p { float: left; width: 220px; font-size:1.1em; line-height: 1.3em;}
#home ul.news li p { margin: 0;}
#home ul.news li p.posted { color: #999; margin-bottom: 4px; }
#home ul.news li p.headline { margin-bottom: 1px;}
#home ul.news li p a { font-weight: bold; border: none}
#home ul.news li.last { background-image: none; margin:0;}
.colSplit { overflow: hidden}
.colSplit div { float: left; overflow: visible; }
.colSplit div.four { width: 235px; margin-right: 20px;}
.colSplit div.three { width: 230px; margin-right: 20px; }
.colSplit div.twothirds { width: 460px; margin-right: 20px; }
#content .colSplit div.three h3 { padding: 0 }
#content .colSplit div.three p {font-size: 1.1em }
#content .colSplit div.two {float: left; width: 255px; margin-right: 20px; margin-top: 15px; }
#content .colSplit div.two p { font-size: 1.2em; line-height: 1.5em; }
.colSplit div.last { margin-right: 0 !important; clear: right}
.colSplit .enquiries { padding: 35px 0 25px; }
.colSplit .enquiries div.three h5 { font-size: 1.1em; margin-bottom: 3px;}
#rightCol { float: left; width: 225px; }
#rightCol ul.news { margin-top: 20px;}
#rightCol ul.news li{ padding-bottom: 20px; background: url('../img/lists/news-module.gif') 0 bottom no-repeat; overflow: hidden; margin-bottom: 8px;}
#rightCol ul.news li p { float: left; width: 179px; font-size:1.1em; line-height: 1.4em;}
#rightCol ul.news li p { margin: 0;}
#rightCol ul.news li p.headline { margin-bottom: 1px;}
#rightCol ul.news li p.posted { margin-bottom: 4px; color: #999 }
#rightCol ul.news li p a { font-weight: bold;}
#rightCol ul.news li.last { background-image: none; margin:0; padding-bottom: 0;}
/* Modules */
#rightCol { padding-left: 25px;}
#rightCol .module, #rightCol .plain { background: url('../img/bg/right-module-right.gif') no-repeat right 0px; min-height: 80px; padding: 36px 17px 17px; position: relative; }
#rightCol .plain { background: url('../img/bg/right-module-plain-right.gif') no-repeat right 0px !important;}
#rightCol .module span.left { background: url('../img/bg/right-module-left.gif') no-repeat left 0px; height: 100%; width: 10px; position: absolute; display: block; left: 0; top: 0;}
#rightCol .modulebtm { background: url('../img/bg/right-module-btm-right.gif') no-repeat right 0px; height: 18px; position: relative; overflow: hidden; margin-bottom: 14px; }
#rightCol .modulebtm span { background: url('../img/bg/right-module-btm-left.gif') no-repeat left 0px; height: 100%; width: 10px; position: absolute;}
#rightCol .imageFrame { background: url('../img/bg/right-image-frame.gif') no-repeat right 0px; height: 236px; }
#rightCol .imageFrame div { height: 165px; width: 189px; padding-top: 20px; margin: 0 14px 14px 15px; overflow: hidden; }
#rightCol .imageFrame div p { text-align: center; }
#content div.middle .moduletop { background: url('../img/bg/main-module-top-right.gif') no-repeat right 0px; height: 15px; position: static; overflow: hidden;}
#content div.middle .moduletop span { background: url('../img/bg/main-module-top-left.gif') no-repeat 0 0px; height: 15px; width: 30px; position: absolute; overflow: hidden;}
#content div.middle .module {background: #f4f4f4 url('../img/bg/main-module-full.gif') repeat-y right 0px; min-height: 90px; padding: 16px 17px 17px; position: static; overflow: hidden; }
#content div.middle .module h2 { height: 24px; margin: 35px 0 25px;}
#content div.middle .module h2.first { margin-top: 10px;}
#content div.middle .module span.left { background: url('../img/bg/main-module-left.gif') repeat-y left 0px; height: 100%; width: 10px; position: absolute; left: 0; top: 0;}
#content div.middle .modulebtm { margin-bottom: 30px; background: url('../img/bg/main-module-btm-right.gif') no-repeat right 0px; height: 13px; position: relative; overflow: hidden;}
#content div.middle .modulebtm span { background: url('../img/bg/main-module-btm-left.gif') no-repeat left 0px; height: 100%; width: 10px; position: absolute;}
#content div.middle .inlineFrame { float: right; margin: 10px; margin-right: 0; width: auto}
#content div.middle .inlineFrame .wrapperLeft { background: url('../img/bg/inline-frame-left.gif') no-repeat left 0px; }
#content div.middle .inlineFrame .wrapperLeft img { margin-bottom: 4px; }
#content div.middle .inlineFrame .wrapperRight { overflow: hidden; background: url('../img/bg/inline-frame-right.gif') no-repeat right 0px; margin-left: 15px; padding-right: 20px; padding-top: 14px }
#content div.middle .inlineFrame .wrapperRight p { padding: 0 0 2px ; text-align: center; margin-bottom: 0; font-size: 0.92em; }
#content div.middle .inlineFrame .btm { height: 12px; overflow: hidden; }
#content div.middle .inlineFrame .btm .left { background: url('../img/bg/inline-frame-btm-left.gif') no-repeat left 0px; height: 12px; }
#content div.middle .inlineFrame .btm .right { background: url('../img/bg/inline-frame-btm-right.gif') no-repeat right 0px; margin-left: 15px; height: 12px; }
/* Lists */
ul.links a { border-bottom: none;}
/* Forms */
form.newsletter { background: url('../img/bg/form-newsletter.gif') no-repeat 0 0; height: 40px; width: 195px; position: relative; margin: 0; padding: 0; overflow: hidden;}
form.newsletter input.txt { font-size: 13px; font-family: 'Lucida Grande', Verdana, sans-serif; margin: 0 !important; padding: 0 !important; color: #333; line-height: 22px; background: transparent !important; border: none !important; height: 22px; width: 152px; position: absolute; top: 4px; left:6px; }
form.newsletter input.btn { height: 30px; width: 27px; left: 165px; position: absolute; padding: 0 !important; margin: 0; background: transparent !important; border: none !important; }
p.newsletter { font-size: 1.1em; margin: 5px 0 11px 0;}
form input.watermark { color: #999 !important; }
#errnews { color: #d24343; }
div.middle form { margin: 25px 0;}
#content div.middle form p.intro { margin: 15px 0 20px 0; font-size: 1.3em; color: #666; }
div.middle form span.wrap { height: 27px; line-height: 27px; float: left; display: block; margin-right: 5px; font-size: 1.4em; color: #666;}
div.middle form .row { clear: both; margin-bottom: 18px; width: 100%; min-height: 27px; position: relative;}
div.middle form .static { position: static}
div.middle form .tight { margin-bottom: 0px;}
div.middle form label { float: left; width: 150px; padding-right: 30px; line-height: 27px; margin-right: 10px; font-family: Georgia, Serif; font-size: 1.2em; color: #666666; text-align: right;}
div.middle form label.error { position: absolute; top: -33px; border: solid 1px red; left: 0;}
div.middle form label.lng { width: 180px; padding-right: 10px; }
div.middle form label.required { background: url('../img/icons/required.gif') no-repeat right 5px}
div.middle .hidden{ display:none;}
div.middle form select { padding: 2px 4px 2px 2px; line-height: 27px; margin: 0 6px 0 0; font-size: 1.2em; float: left;}
div.middle form input.txt:focus { background-color: #fffdcb;}
div.middle form input.txt { width: 250px; float: left; margin-right: 10px; padding: 1px 3px; font-size: 1.2em; font-family:'Lucida Grande', Tahoma, Verdana, sans-serif;}
div.middle form input.tny { width: 80px;}
div.middle form input.sml { width: 120px;}
div.middle form input.med { width: 200px;}
div.middle form input.lng { width:330px;}
div.middle form input.btn { margin-top: 20px;}
div.middle form div.radio { line-height: 27px; width: 340px; float: left; height: 27px;font-family:'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 1em; color: #333;}
div.middle form div.radio input { margin: 5px 6px 0 0;}
div.middle form div.lngIndent { padding-left: 200px;font-family:'Lucida Grande', Tahoma, Verdana, sans-serif; }
#content div.middle form .row p.annot { color: #666; font-family:'Lucida Grande', Tahoma, Verdana, sans-serif; padding-left: 190px; padding-top: 5px; font-size: 1em; clear: both;}
div.middle form .row .split { width: 160px; float: left;}
div.middle form .row .split input { margin-left: 0;}
div.middle form div.helper { display: none; position: absolute; top: 27px; left: 190px; background: white; border: solid 1px #666; border-top: 0; z-index: 1000;}
div.middle form div.helper a { display: block; width: 190px; padding: 10px; border-bottom: dotted 1px #ddd; font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 1em; color: #333;}
div.middle form div.helper a span { display: block; float: right; width: 50px; text-align: right; color: #999;}
div.middle form div.helper a.last { border: 0;}
div.middle form div.helper a:hover {background-color: #eeeeee;}
div.middle form textarea { width:330px; padding: 1px 3px; font-size: 1.2em; font-family:'Lucida Grande', Tahoma, Verdana, sans-serif;}
div.middle form input.error, div.middle form textarea.error{border: solid 1px #de4443; padding: 3px;}
div.middle span.drop { color: #d24343;display:inline;float:left;font-size:3.0em;line-height:0.4em;margin:0;padding:0.25em 0.08em 0 0; text-transform:capitalize; }
#confdonateForm div.row span { line-height: 27px; margin-right: 10px; font-size: 1.2em; font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; color: #333; }
/* Form feedback messages */
div.errorMsg { margin: 20px 0; font-family: 'Lucida Grande', 'Calibri', verdana, sans-serif; padding: 15px; border: dashed 1px #de4443; background-color: #fff5f5; display: none;}
#content div.errorMsg p.head {font-family: 'Lucida Grande', 'Calibri', verdana, sans-serif; font-weight: normal; font-size: 1.1em; margin-bottom: 9px;}
div.errorMsg ul { list-style: disc; margin-left: 20px;}
div.errorMsg ul li { font-family: 'Lucida Grande', 'Calibri', verdana, sans-serif; padding-left: 5px; font-weight: bold; margin-bottom: 3px;}
div.errorMsg label { display: block; font-family: 'Lucida Grande', 'Calibri', verdana, sans-serif; font-size: 1em; font-weight: bold; margin: 3px 0; padding-left: 10px;}
#footer { }
#footer .inner div { font-family: Georgia, serif; }
#footer .inner { background: url('../img/bg/footer.gif') no-repeat right top; padding-top: 100px; padding-bottom: 60px; }
#footer .inner a.faint { border-bottom: dotted 1px #777; color: #777; }
#footer .inner a.faint:hover { color: #333; border-bottom: dotted 1px #333; background-color: transparent}
#footer .inner div.right {text-align: right; padding: 10px 0; width: auto; font-size: 14px; color: #666; float: right; position: relative}
#footer .inner div.right a { color: #777; border: none; padding: 3px 6px; border-right: solid 1px #ccc; }
#footer .inner div.right a:hover { background-color: transparent; color: #333; text-decoration: underline}
#footer .inner div.right a.last { border: none; padding-right: 40px }
#footer .inner div.left { padding: 10px 0; width: auto; font-size: 14px; color: #666; float: left}
#footer .inner div.right a.fb { position: absolute; padding: 0px; top: 3px; right: 2px; background: url('../img/icons/fb-footer.gif') no-repeat 0 0; height: 24px; width: 24px; text-decoration: none; border: none; margin-left: 10px;}
#footer .inner div.right a.fb:hover { text-decoration: none}
/* Galleries */
#content div.middle #gallery.module { padding: 16px 24px 16px;}
#gallery .thumbWrap div { height: 120px; width: 120px; overflow: hidden; line-height: 120px; text-align: center;}
#gallery .thumbWrap {float: left; padding: 3px; background: #fff; border: solid 1px #ccc; margin-right: 14px; margin-bottom: 14px;}
#gallery .last { margin-right: 0;}
#tourWrap { padding: 3px; border: solid 1px #ccc; }
#house1 { width: 730px; height: 363px; position: relative; margin-bottom: 15px; background: url('../img/bg/Background_VSK_Grounds.gif'); }
#house1 div, #house2 div { position: absolute; border:solid 1px #000; padding: 3px; background-color: #ffffff !important;}
#house2 { width: 730px; height: 476px; position: relative; background: url('../img/bg/Background_VSK_Hospice.gif') no-repeat 0 0; }
/* Interface */
.collapse h6 { font-size: 1.3em; padding: 10px 0; border-bottom: solid 1px #ddd; font-weight: normal; padding-left: 25px;
background: url('../img/icons/expand-collapse.gif') no-repeat 2px 13px; line-height: 1.3em; }
#content .middle .collapse p {border-bottom: solid 1px #ddd; padding: 10px; background: #eee; margin: 0}
.collapse a.dropOn h6 { background-position: 2px -123px}
/* Social media widget */
#sharePanel { display: none; left: 0px; position: absolute; top: 30px; padding: 20px; background: url('../img/bg/share-panel.gif') no-repeat 0 0; width: 179px; height: 93px; z-index: 110 }
#content div.middle ul.functions li.shareLi:hover div#sharePanel { display: block !important; }
#sharePanel h5 { margin-bottom: 3px; }
#sharePanel div { height: 30px; }
#content div.middle ul.functions li #sharePanel div a { padding: 0; float: left; width: 30px; height: 30px; margin-right: 6px; outline: none; display: block; overflow: hidden;background: url('../img/icons/share-icons.gif') no-repeat 0 0; }
#content div.middle ul.functions li #sharePanel a.tw { background-position: -30px 0;}
#content div.middle ul.functions li #sharePanel a.ms { background-position: -60px 0;}
#content div.middle ul.functions li #sharePanel a.de { background-position: -90px 0;}
#content div.middle ul.functions li #sharePanel a.bg { background-position: -120px 0; margin-right: 0}
/* Contact */
.address { padding: 20px 0 0; }
#content .address .colSplit h5 { font-size: 1.2em; margin-bottom: 4px;}
#content .address .colSplit p { font-size: 1.2em !important; margin-bottom: 4px;}
.thanks { padding: 20px; text-align: center; font-family: 'lucida grande', sans-serif; font-size: 1em; border: solid 1px #999; margin-bottom: 20px; font-weight: bold }
/* Errors */
#error { margin: 20px 0 20px 230px; }
#content .middle #error h1 { margin-bottom: 14px; }
#content .middle #error p { font-size: 1.3em; line-height: 1.4em }
#content .middle #error ul { list-style: disc }
#content .middle #error ul li { font-size: 1.3em; margin-bottom: 0.3em; }
#content .middle #error ul li a { border: none}
/* Search */
#searchResults { margin-top: 25px}
#searchResults h5 { font-size: 1.2em; margin-bottom: 2px; }
#searchResults h5 a { border-bottom: 0 }
#searchResults div { padding-bottom: 10px }
#content .middle #searchResults p.attrib { color: #999; margin-bottom: 4px; font-size: 1.1em; }
#content .middle #searchResults p { font-size: 1.1em; }
/* ---- Gallery ---- */
#content #gallery div.row { overflow: hidden; margin-bottom: 25px; clear: both; margin-top: 10px}
#content #gallery div.row .image { padding: 2px; background: #fff; border: solid 1px #ccc; width: 120px; height: 120px; overflow: hidden; float: left; margin-right: 14px; }
#content #gallery div.row .image a { text-decoration: none; }
#content #gallery div.row .image a:hover { background: #fff;}
#content #gallery div.row .txt h3 { margin-bottom: 2px }
#content #gallery div.row .txt { width: 520px; float: left; overflow: hidden;}
#content #gallery div.row .txt p { color: #555;}
#content #gallery div.row .txt p.date { color: #888; font-style: italic}
#content #gallery div.row .txt p { margin-bottom: 4px; }
/* ---- Highslide ----*/
.highslide-header { padding-top: 10px}
.highslide-header ul li.highslide-move { display: none}
.highslide-header ul li a { padding: 5px; font-weight: normal; font-family: Verdana, sans-serif; border: none !important}
.highslide-header ul li a:hover { background-color: transparent}
.no-gallery .highslide-controls { display: none !important }
/* ---- Sifr Buttons ---- */
div.btnClear { clear: both; overflow: hidden; margin: 10px 0}
a.sifrBtn:hover { border: none; color: #222; }
a.sifrBtn { display: block; padding-left: 28px; background: url('../img/icons/inline.gif') no-repeat 0 0; height: 30px; border: none;
overflow: hidden; line-height: 30px; font-family: Georgia, serif; color: #d24343; font-size: 15px; float: left; width: auto; padding-right: 10px}
a.downloadform { background-position: 0 -30px; padding-left: 28px; }
a.calldonate { background-position: 0 -60px }
a.email { background-position: 0 -90px; padding-left: 30px; }
/* ---- NDIS ---- */
#ndis a { display: block; border: none; width: 170px; background: url('../img/bg/ndis.gif') no-repeat 0 0; text-decoration: none; color: #999; padding: 20px 0 0 68px; font-style: italic; line-height: 18px; height: 60px; font-size: 13px; }
#ndis a:hover { text-decoration: underline }
a#piggyinner { display: block;
outline: none;
text-decoration: none;
border: none;
width: 242px;
height: 105px;
position: absolute;
right: -114px;
/*background: url('../img/icons/piggy.png') no-repeat 0 0; top: -31px*/
}
.strip .inner { position: relative; overflow: visible; }
/* ---- Damir: added styling for trusts ---- */
#trusts-list {
width: 209px;
float: left;
font-size: 10px;
}
#trusts-images img {
width: 253px;
height: 159px;
}
#trusts-images .thinner {
width: 153px;
}
#content div.middle #letter-top-images .inlineFrame {
margin: 0;
}
#letter-top {
width: 530px;
height: 374px;
background: url('../../media/images/How-You-Can-Help/Our Current Appeal/2011 Summer Appeal/appeal-page.jpg') no-repeat;
position: relative;
}
#letter-top a {
display: block;
height: 74px;
left: 242px;
position: absolute;
text-decoration: none;
top: 241px;
width: 251px;
border-bottom: none;
}
#letter-top a:hover {
background-color: transparent;
}
/*#letter-top {
width: 526px;
height: 744px;
background: url('../../media/images/How-You-Can-Help/Our Current Appeal/2011 Spring Appeal/letter-top.jpg') no-repeat;
background: url('../../media/images/How-You-Can-Help/Our Current Appeal/2011 Summer Appeal/letter-top.jpg') no-repeat;
}*/
/*#letter-top a {
display: block;
width: 526px;
height: 744px;
outline: none;
border-bottom: none;
}*/
/*#letter-top img {
width: 526px;
height: 744px;
}*/
/*#letter-bot {
width: 526px;
height: 744px;
background: url('../../media/images/How-You-Can-Help/Our Current Appeal/2011 Spring Appeal/letter-bot.jpg') no-repeat;
background: url('../../media/images/How-You-Can-Help/Our Current Appeal/2011 Summer Appeal/letter-bot.jpg') no-repeat;
}*/
/*#letter-bot a {
display: block;
width: 526px;
height: 744px;
outline: none;
border-bottom: none;
}*/
/*#letter-bot img {
width: 526px;
height: 744px;
}*/
/*#letter-top a:hover,
#letter-bot a:hover {
background-color: transparent;
border-bottom: none;
}*/