/* 
-------------------------------------------------------------------
YHA Breaks 4 Kids stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body and general formatting
--------------------------------------------------------------------------
*/

body { font: normal normal normal 62.5% "Arial", sans-serif; margin: 0; padding: 3em 0; text-align: center; background: #ebeceb; color: #555; }

a { color: #390; }
a:hover { text-decoration: none; }
a:active { color: #555; }

a img { border: 0; }
img { vertical-align: bottom; }

fieldset { margin: 0; padding: 0; display: inline; border: 0; }form
input, select, textarea { font: 1em "Arial", sans-serif; }

#wrapper { width: 76em; margin: 0 auto; text-align: left; background: #fff; }

.hide { position: absolute; top: -9999px; left: 0; }

/* Header, main menu and page tools/breadcrumb
--------------------------------------------------------------------------
*/

#header { }
#header #logo { width: 23.5em; float: left; }
#header #logo img { width: 23.5em; height: 10em; }
#header #headerright { width: 52.4em; height: 10em; float: left; text-align: right; }
#header #headerright #oursitesform { margin: 1.8em 2em 0 0; padding: 0; font-size: 1.1em; float: right; }
#header #headerright #oursitesform label { font-weight: bold; }
#header #headerright #oursitesform label, #header #headerright #oursitesform select, #header #headerright #oursitesform input { vertical-align: middle; }
#header #headerright #oursitesform input.submit { width: 4.5em; height: 2.2em; vertical-align: middle; font-size: .9em; }
#header #headerright ul { margin: 2em 1.2em 0 0; padding: 0; font-size: 1.1em; float: right; list-style: none; }
#header #headerright ul li { padding: 0 .5em; border-right: 1px solid #666; float: left; }
#header #headerright ul li.last { padding: 0 0 0 .5em; border-right: none; }
#header #headerright #searchsiteform { margin: 3em 1.2em 0 0; padding: 0; font-size: 1.1em; float: right; }
#header #headerright #searchsiteform label { position: absolute; top: 0; left: -9999px; }
#header #headerright #searchsiteform input { vertical-align: middle; }
#header #headerright #searchsiteform input.submit { width: 7.1em; height: 2.2em; vertical-align: middle; font-size: .9em; }

#mainmenu { margin: .5em 0 0 0; padding: 6px 0 0 0; background: url(/images/template/mainmenu-bgtop.gif) repeat-x; border-bottom: 2px solid #cbdae7; text-align: center; }
#mainmenu ul { margin: 0; padding: 0; list-style: none; }
#mainmenu ul li { float: left; border-right: 1px solid #fff; }
#mainmenu ul li.mm1 { width: 7.4em; }
#mainmenu ul li.mm2 { width: 15.6em; }
#mainmenu ul li.mm3 { width: 16.9em; }
#mainmenu ul li.mm4 { width: 15.0em; }
#mainmenu ul li.mm5 { width: 9.4em; }
#mainmenu ul li.mm6 { width: 11.1em; border-right: 0;  }
#mainmenu ul li a { display: block; padding: .3em 0; font-size: 1.3em; font-weight: bold; color: #fff; background: #488dba url(/images/template/mainmenu-bglink.gif) repeat-x center left; text-decoration: none; }
#mainmenu ul li a:hover { text-decoration: underline; }
#mainmenu ul li a.on { color: #f2fec1; }
/*
#mainmenu { margin: .5em 0 0 0; padding: 6px 0 0 0; background: url(/images/template/mainmenu-bgtop.gif) repeat-x; border-bottom: 2px solid #cbdae7; text-align: center; }
#mainmenu dl { margin: 0; padding: 0; list-style: none; }
#mainmenu dl dd { margin:0;float: left; border-right: 1px solid #fff; }
#mainmenu dl dd.mm1 { width: 7.4em; }
#mainmenu dl dd.mm2 { width: 15.6em; }
#mainmenu dl dd.mm3 { width: 16.9em; }
#mainmenu dl dd.mm4 { width: 15.0em; }
#mainmenu dl dd.mm5 { width: 9.4em; }
#mainmenu dl dd.mm6 { width: 11.1em; border-right: 0;  }
#mainmenu dl dd a { display: block; padding: .3em 0; font-size: 1.3em; font-weight: bold; color: #fff; background: #488dba url(/images/template/mainmenu-bglink.gif) repeat-x center left; text-decoration: none; }
#mainmenu dl dd a:hover { text-decoration: underline; }
#mainmenu dl dd a.on { color: #f2fec1; }
#mainmenu dl dt { display: none; }
#mainmenu dl dd dl { display: none; }
*/

#pagetools { padding: .4em .8em; background: #f6f6f6; }
#pagetools ul { margin: 0; padding: 0; list-style: none; float: right; }
#pagetools ul li { font-size: 1.1em; padding: 0 0 0 1em; float: left; }
#pagetools ul li.email a { background: url(/images/template/emailfriend.gif) no-repeat center left; padding: 0 0 0 17px; }
#pagetools ul li.print a { background: url(/images/template/printpage.gif) no-repeat center left; padding: 0 0 0 17px; }
#pagetools strong { position: absolute; top: 0; left: -9999px; }
#pagetools ol { margin: 0; padding: 0; list-style: none; float: left; }
#pagetools ol li { font-size: 1.1em; padding: 0 .2em 0 0; float: left; }

/* Homepage
--------------------------------------------------------------------------
*/

#homepage .highlight { min-height: 180px; background: url(/images/template/highlight-1.jpg) no-repeat center right; border-bottom: 1px solid #cdddea; }
#homepage .highlight div { width: 28em; padding: 35px 0 10px 12px; }
#homepage .highlight h2 { margin: 0; padding: 0; font-size: 2.2em; color: #055898; }
#homepage .highlight div p { margin: .5em 0 0 0; padding: 0; line-height: 160%; font-size: 1.1em; }
#homepage .highlight div p a { color: #555; text-decoration: none; }

#homepage .content { margin: 0; padding: .5em 0 1.5em 0; }
#homepage .content .feature { width: 23.6em; margin: 1em 0 1em 1.3em; float: left; }
#homepage .content .feature .image img { width: 23.6em; height: 11em; }
#homepage .content .feature h2 { margin: 0; padding: 0; background: #065998 url(/images/template/feature-h2bg2.gif) repeat-x center left; font-size: 1em; }
#homepage .content .feature h2 a { color: #fff; font-size: 1.3em; padding: .4em .6em; text-decoration: none; display: block; }
#homepage .content .feature h2 a:hover { text-decoration: underline; }
#homepage .content .feature .text { padding: .8em .6em; background: url(/images/template/feature-topbg.gif) repeat-x top left; }
#homepage .content .feature .text h3 { margin: 0; padding: 0; font-size: 1.3em; color: #005596; }
#homepage .content .feature .text p { margin: 0; padding: 0; font-size: 1.1em; }
#homepage .content .feature .text div.morelinks p { margin: 1em 0 0 0; }
#homepage .content .feature .text div.morelinks p a { padding: 0 10px 0 0; background: url(/images/template/feature-morelink.gif) no-repeat center right; }
#homepage .content .feature .text div.morelinks p img { vertical-align: middle; }

#homepage .content .aboutbox { width: 48.5em; margin: 1em 0 0 1.3em; float: left; }
#homepage .content .aboutbox div { padding: 1em; border: 1px solid #cdddea; }
#homepage .content .aboutbox div h2 { margin: 0; padding: 0; font-size: 1.8em; font-weight: normal; color: #005596; }
#homepage .content .aboutbox div p { margin: .8em 0 0 0; font-size: 1.1em; }

#homepage .homebtm .feature .image { display: none; }

/* Internal page content
--------------------------------------------------------------------------
*/

#content { padding: 1em .9em 1em 1em; }
#content .background1 { background: #ebebeb url(/images/template/leftcolbg.gif) repeat-x top left; }
#content .background2 { background: url(/images/template/rightcolbg.gif) no-repeat 14.5em 0; }

#leftcol { width: 15em; float: left; }
#leftcol div { margin: 0 0 0 -5px; }
#leftcol div div { margin: 0; padding: 0; background: url(/images/template/leftcol-menu-leftbg.gif) repeat-y top left; }
#leftcol div div div { background: url(/images/template/leftcol-menu-rightbg.gif) repeat-y top right; }
#leftcol div div div div { background: url(/images/template/leftcol-menu-btmbg.gif) repeat-x bottom left; }
#leftcol div div div div div { background: url(/images/template/leftcol-menu-btmleftbg.gif) no-repeat bottom left; }
#leftcol div div div div div div { background: url(/images/template/leftcol-menu-btmrightbg.gif) no-repeat bottom right; }
#leftcol div div div div div div div { background: url(/images/template/leftcol-menu-topbg.gif) repeat-x top left; }
#leftcol div div div div div div div div { background: url(/images/template/leftcol-menu-topleftbg.gif) no-repeat top left; }
#leftcol div div div div div div div div div { background: url(/images/template/leftcol-menu-toprightbg.gif) no-repeat top right; padding: 15px 5px 5px 5px; }

#leftcol dl { margin: 0; padding: 0; font-size: 1.3em; font-weight: bold; }
#leftcol dl a { text-decoration: none; display: block; padding: .3em .4em; }
#leftcol dl a:hover { text-decoration: underline; }
#leftcol dl dt { margin: 0; padding: 0; color: #005596; border-bottom: 1px solid #005596; }
#leftcol dl dt a { color: #005596; }
#leftcol dl dd { margin: 0; padding: 0; }
#leftcol dl dd a { color: #555; }
#leftcol dl dd a.selected { color: #005596; }
#leftcol dl dd dl { font-size: .9em; font-weight: normal; }
#leftcol dl dd dl dd a { color: #555; padding: .2em .4em .2em 2.2em; background: url(/images/template/leftcol-menu-2ndleveldash.gif) no-repeat 1.5em center; }
#leftcol dl dd dl dd a.selected { color: #555; font-weight: bold; }

#rightcol { width: 56em; margin: 0 0 0 2.5em; float: left; }
#rightcol.wide { width: 72em; margin: 0 0 1em 1em; float: left; }

#rightcol h1 { margin: 0; padding: 0; font-size: 2.4em; letter-spacing: -1px; color: #005596; }
#rightcol h2 { margin: .5em 0; padding: 0; font-size: 1.5em; color: #005596; }
#rightcol p { margin: 1em 0; padding: 0; font-size: 1.1em; }
#rightcol ul, #rightcol ol { font-size: 1.1em; }
#rightcol ul li ul { font-size: 1em; }

#rightcol .col2 { width: 49.9%; float: left; }
#rightcol .col3 { width: 33%; float: left; }

#rightcol img.floatright { float: right; margin: 0 0 1em 1em; }

#rightcol #landingimg { margin: 0 0 1em 0; }
#rightcol #landingimg img { width: 56em; height: 13.5em; }
#rightcol #landingimg.kids { margin: 0 0 2em 0; }
#rightcol #landingimg.kids img { height: 21.5em; }
#rightcol #landingimg.kids h1 { position: absolute; top: 0; left: -9999px; }

#rightcol .texthighlight { margin: 1em 0; border: 1px solid #dbdbdb; }
#rightcol .texthighlight div { padding: 0 1em 1em 1em; background: url(/images/template/texthighlight-btm.gif) repeat-x bottom left; }
#rightcol .texthighlight p { margin: 0; padding: 1em 0 0 0; }
#rightcol .texthighlight p.quote { padding: .2em 0 0 0; text-align: right; }

#location .image { width: 34.5em; height: 17.5em; float: left; }
#location .image img { width: 33.5em; height: 17.5em; }
#location .name { width: 19.4em; height: 11em; padding: 2em 1em 0 1em; background: #2071b1; float: left; }
#location .name h1 { font-size: 1.8em; font-weight: normal; color: #fff; }
#location .name p { font-size: 1.2em; color: #fff; }
#location .link { width: 19.4em; height: 3.5em; padding: .5em 1em; background: #2071b1; float: left; text-align: center; }
#location .link a { width: 19.4em; height: 3.5em; color: #fff; display: block; }
#location .link a span { display: block; background: #fff url(/images/template/hostellink-top.gif) repeat-x top left; cursor: pointer; }
#location .link a span span { background: url(/images/template/hostellink-bottom.gif) repeat-x bottom left; }
#location .link a span span span { background: url(/images/template/hostellink-right.gif) repeat-y top right; }
#location .link a span span span span { background: url(/images/template/hostellink-left.gif) repeat-y top left; }
#location .link a span span span span span { background: url(/images/template/hostellink-topleft.gif) no-repeat top left; }
#location .link a span span span span span span { background: url(/images/template/hostellink-topright.gif) no-repeat top right; }
#location .link a span span span span span span span { background: url(/images/template/hostellink-bottomleft.gif) no-repeat bottom left; }
#location .link a span span span span span span span span { padding: 5px; background: url(/images/template/hostellink-bottomright.gif) no-repeat bottom right; }
#location .link a span span span span span span span span span { padding: 0; background: #83b53d url(/images/template/hostellink-green.gif) repeat-x; }
#location .link a span span span span span span span span span span { background: url(/images/template/hostellink-arrowleft.gif) no-repeat .3em center; }
#location .link a span span span span span span span span span span span { background: url(/images/template/hostellink-arrowright.gif) no-repeat scroll 15.7em center; }
#location .link a span span span span span span span span span span span span { background: none; font-size: 1.3em; padding: .3em 0; }
#location .left { width: 32.4em; margin: 1.5em 0 0 0; padding: 0 1em 0 0; border-right: 1px solid #b2b2b2; float: left; }
#location .left h2 { margin: 1.8em 0 .7em 0; font-size: 1.8em; font-weight: normal; }
#location .left h2.top { margin-top: 0; }
#location .left p { font-size: 1.2em; color: #333; line-height: 150%; }
#location .right { width: 21.3em; margin: 1.5em 0 0 0; padding: 0 0 0 1.1em; float: left; }
#location .right h2 { margin: 0 0 .7em 0; font-size: 1.8em; font-weight: normal; }
#location .right p { font-size: 1.1em; color: #333; line-height: 150%; }
#location .right p strong { font-size: 1.1em; font-weight: normal; color: #c36; }
#location .right hr { width: 100%; color: #ccc; background-color: #b2b2b2; height: 1px; border: 0px; }

#rightcol .listing { margin: 1em 0; }
#rightcol .listing .img { width: 11.5em; float: left; }
#rightcol .listing .img img { width: 9.4em; height: 9.4em; border: 3px solid #cbdae7; }
#rightcol .listing .text { width: 44.4em; float: left; }
#rightcol .listing .text h2 { margin-top: 0; }
#rightcol .listing .text p.more a { background: url(/images/template/testimonials-morelink.gif) no-repeat 0 .4em; color: #d31145; padding: 0 0 0 9px; text-transform: lowercase; }
#rightcol .listing .text p.more a span { position: absolute; top: 0; left: -9999px; }

#rightcol .testimonial .left { width: 33em; height: 22em; background: #d31145; float: left; }
#rightcol .testimonial .left .intro { height: 16em; padding: 1em; }
#rightcol .testimonial .left .intro h1 { font-size: 1.5em; color: #fff; }
#rightcol .testimonial .left .intro p { font-size: 1.2em; text-align: justify; color: #fff; }
#rightcol .testimonial .left .backlink { height: 2em; padding: 1em; text-align: right; }
#rightcol .testimonial .left .backlink a { color: #fff; font-size: 1.4em; text-decoration: none; background: url(/images/template/testimonials-arrow.gif) no-repeat center left; padding: 0 0 0 12px; }
#rightcol .testimonial .left .backlink a span { border-bottom: 2px solid #e988a2; }
#rightcol .testimonial .left .backlink a span:hover { border-bottom: 2px solid #fff; }
#rightcol .testimonial .right { width: 22.9em; height: 22em; text-align: right; float: left; }
#rightcol .testimonial .right img { width: 22em; height: 22em; }

#rightcol .testimonialdetail h2 { margin: .7em .5em .7em 0; padding: 0; font-size: 1.4em; color: #d31145; float: left; }
#rightcol .testimonialdetail h2.top { margin: .8em 0; float: none; }
#rightcol .testimonialdetail p { margin: .9em 0; font-size: 1.2em; float: left; }
#rightcol .testimonialdetail p.top { margin: 1em 0; float: none; }

#rightcol .corporatesupportintro img { float:right; margin-left:1em; }

#rightcol .feature { width: 27em; margin: 1em 2em 1em 0; float: left; }
#rightcol .feature.last { margin: 1em 0; }
#rightcol .feature .image img { width: 27em; height: 8.6em; }
#rightcol .feature h2 { margin: 0; padding: 0; background: #065998 url(/images/template/feature-h2bg2.gif) repeat-x center left; font-size: 1em; }
#rightcol .feature h2 a { color: #fff; font-size: 1.3em; padding: .4em .6em; text-decoration: none; display: block; }
#rightcol .feature h2 a:hover { text-decoration: underline; }
#rightcol .feature .text { padding: .8em .6em; background: url(/images/template/feature-topbg.gif) repeat-x top left; }
#rightcol .feature .text h3 { margin: 0; padding: 0; font-size: 1.3em; color: #005596; }
#rightcol .feature .text p { margin: 0; padding: 0; font-size: 1.1em; }
#rightcol .feature .text div.morelinks p { margin: 1em 0 0 0; }
#rightcol .feature .text div.morelinks p a { padding: 0 10px 0 0; background: url(/images/template/feature-morelink.gif) scroll no-repeat right center; }
#rightcol .feature .text div.morelinks p img { vertical-align: middle; }

#rightcol .errors { color: #f00; font-size: 1.1em; }

#rightcol .genform { margin: 1em 0; padding: 0; border: 1px solid #dbdbdb; background: url(/images/template/texthighlight-top.gif) repeat-x top left; }
#rightcol .genform { margin: 0; padding: 1em; background: url(/images/template/texthighlight-btm.gif) repeat-x bottom left; }
#rightcol .genform label { width: 17em; margin: 1em 0; float: left; font-size: 1.1em; }
#rightcol .genform span { display:block; margin: 1em 0; float: left; font-size: 1.1em; }
#rightcol .genform input, #rightcol .genform select, #rightcol .genform textarea { margin: .7em 0; font-size: 1.1em; vertical-align: middle; }
#rightcol .genform .radios { margin: 1em 0; }
#rightcol .genform .radios label { width: auto; float: none; }
#rightcol .genform .radios input { margin: 0; }
#rightcol .genform input.submit { margin: .7em 0 .7em 17em; border: none; background: #005596; color: #fff; font-weight: bold; cursor: hand; cursor: pointer; }

#rightcol .application { }
#rightcol .application .box { margin: 1em 0; padding: 1em; border: 1px solid #cdddea; }
#rightcol .application fieldset { margin: 0; padding: 0; border: none; }
#rightcol .application fieldset legend { margin: 0; padding: 0; font-size: 1.4em; color: #005596; font-weight: bold; }
#rightcol .application fieldset label { width: 15em; margin: 1em 0; float: left; font-size: 1.1em; }
#rightcol .application fieldset input, #rightcol .application fieldset select, #rightcol .application fieldset textarea { margin: .7em 0; font-size: 1.1em; vertical-align: middle; }
#rightcol .application fieldset .text { font-size: 1.1em; }
#rightcol .application fieldset .pound { font-size: 1.2em; margin: 0 0 0 -1em; }

#rightcol .application fieldset div.optionsfix { padding-bottom: 1em; }
#rightcol .application fieldset fieldset.date legend { margin: 0; padding: 1em 0 0 0; font-size: 1.1em; font-weight: normal; color: #555; }
#rightcol .application fieldset fieldset.date div.options { margin: -2.2em 0 0 15em; position: absolute; font-size: 1.1em; }
#rightcol .application fieldset fieldset.date div.options label { position: absolute; left: -9999px; top: 0; }
#rightcol .application fieldset fieldset.date div.options select { font-size: 1em; }

#rightcol .application fieldset fieldset.radios { }
#rightcol .application fieldset fieldset.radios legend { margin: 0; padding: .5em 0 0 0; font-size: 1.1em; font-weight: normal; color: #555; }
#rightcol .application fieldset fieldset.radios label { width: auto; margin: 1em 1em 1em 0; vertical-align: middle; float: none; }
#rightcol .application fieldset fieldset.radios input { vertical-align: middle; margin: 1em 0; }

#rightcol .application fieldset.radios { }
#rightcol .application fieldset.radios legend { margin: 0; padding: .5em 0; }
#rightcol .application fieldset.radios label { width: auto; margin: .5em 1em .5em 0; vertical-align: middle; float: none; }
#rightcol .application fieldset.radios input { vertical-align: middle; margin: .5em 0; }

#rightcol .application fieldset.howmuch { }
#rightcol .application fieldset.howmuch legend { font-size: 1.1em; color: #555; font-weight: normal; }
#rightcol .application fieldset.howmuch label { width: auto; margin: 1em 0; float: none; vertical-align: middle; }
#rightcol .application fieldset.howmuch input { margin: .5em 0; }
#rightcol .application fieldset.howmuch strong { font-size: 1.1em; font-weight: normal; }
#rightcol .application fieldset.howmuch span { position: absolute; top: -9999px; left: 0; }

#rightcol .application fieldset .nofloat { }
#rightcol .application fieldset .nofloat strong { font-size: 1.1em; }
#rightcol .application fieldset .nofloat label { width: auto; float: none; }
#rightcol .application .submit { margin: 0 0 0 17.5em; }
#rightcol .application .submit input { width: 6.6em; height: 2.2em; }

#rightcol form.searchresultssearch { margin: 1em 0 0 0; }
#rightcol form.searchresultssearch label { font-size: 1.1em; vertical-align: middle; }
#rightcol form.searchresultssearch input { font-size: 1.1em; vertical-align: middle; }
#rightcol form.searchresultssearch input.submit { border: none; background: #005596; color: #fff; font-weight: bold; cursor: hand; cursor: pointer; }

#rightcol .searchresultsnav { margin: 1em 0; }
#rightcol .searchresultsnav .left { float: left; font-size: 1.1em; }
#rightcol .searchresultsnav .right { float: right; font-size: 1.1em; }

/* Footer
--------------------------------------------------------------------------
*/

#footer { width: 77em; margin: 0 auto; padding: 1.5em 0 0 0; }
#footer ul { margin: 0 0 .1em 0; padding: 0; list-style: none; }
#footer ul li { font-size: 1.1em; padding: 0 .3em 0 .1em; border-right: 1px solid #555; display: inline; }
#footer ul li.last { border-right: none; }

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after, #wrapper:after, #header:after, #mainmenu:after, #pagetools:after, #content .background2:after, #rightcol .searchresultsnav:after, #rightcol .listing:after, #rightcol .testimonial:after, #homepage .homebtm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, #wrapper, #header, #mainmenu, #pagetools, #content .background2, #rightcol .searchresultsnav, #rightcol .listing, #rightcol .testimonial, #homepage .homebtm { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html #wrapper, * html #header, * html #mainmenu, * html #pagetools, * html #content .background2, * html #rightcol .searchresultsnav, * html #rightcol .listing, * html #rightcol .testimonial, * html #homepage .homebtm { height: 1%; }
.clearfix, #wrapper, #header, #mainmenu, #pagetools, #content .background2, #rightcol .searchresultsnav, #rightcol .listing, #rightcol .testimonial, #homepage .homebtm { display: block; }
/* End hide from IE-mac */

/* IE-Mac fixes
--------------------------------------------------------------------------
*/

/*\*//*/
#header { width: 100%; }
#header #headerright { height: .1em; float: right; }
#header #headerright #oursitesform { margin-top: -6em; display: inline; }
#header #headerright ul { margin: -8em 1.2em 0 0; display: inline; }
#header #headerright ul li { float: none; display: inline; }
#header #headerright #searchsiteform { margin-top: -3em; }
#header #headerright #searchsiteform label { display: none; }
fieldset { display: block; }
#mainmenu ul li a { display: inline-block; }
form .clearfix { width: 100%; }
/**/