body {background:#2a0625 url(/snowlife/images/body-background.gif) bottom left repeat;}

h1 {
    background:url(/snowlife/images/h1-background.gif) top left no-repeat #325ab9;
    width: 515px;
    height: 30px;
    }

div#contentwrapper {
    width: 515px;
    position: absolute;
    top: 146px;
    left: 210px;
    }   

/* =Structure
----------------------------------------------- */

div#wrapper {background: transparent url(/snowlife/images/page-background.jpg) top left repeat-x;}

div#content {   
    background-color: #e8f0ff;
    margin: 0 0 0 0;
    float: left;
    width: 515px;
    }

div#content div.text, div#content div.text2  {
    padding: 20px 0 0 0;
    }

div#content div.text p, div#content div.text2 p {
    width: 325px;
    padding: 0 0 14px 10px;  
    line-height: 130%;
    }
    
/* =Nav
----------------------------------------------- */
div#mainnavigation {
    }

div#mainnavigation ul {
    margin: 3px 0 0 34px;
    padding: 0 0 28px 0;
    width:760px;
    height:23px;
    background:transparent url(/snowlife/images/snow-splashes.gif) no-repeat bottom left;
    }
div#mainnavigation ul li {
    background:transparent url(/snowlife/images/main-nav.gif) no-repeat;
    }
div#mainnavigation ul li a {
    background:transparent url(/snowlife/images/main-nav.gif) no-repeat;
    }
    
/* =Secondary Nav
----------------------------------------------- */

div#secondarynavigation {
    background:transparent url(/snowlife/images/sub-nav-background.gif) top left no-repeat;
    }

/* =Subnav
----------------------------------------------- */

div#subnavigation h2 {
    background-color: #00a0ff;
    }

div#subnavigation ul {
    background:transparent url(/snowlife/images/subnavend.gif) no-repeat scroll 15px bottom;
    padding-bottom: 5px;
    }

div#subnavigation ul li a {
    width: 165px;
    background-color: #04c0fe;
    margin-left: 15px;
    display: block;
    color: #1e46b5;
    padding: 3px 0 4px 0;
    border-bottom: 1px solid #29c9fe;
    text-decoration: none;
    }    

div#subnavigation ul li a span {
    background-color: #04c0fe;
    padding: 0 4px 0 0;
    position: relative;
    left: 7px;
    }

div#subnavigation ul li.parentitem a {
    border-bottom: 1px solid #04c0fe;
    }
    
div#subnavigation ul li.childitem a span {
    position: relative;
    left: 21px;    
    }
    
    
div#subnavigation ul li a:hover {
    background: #04c0fe url(/snowlife/images/subnavhighlight.gif) no-repeat scroll top right;
    color: #fff;
    }

/* place the 'flake' highlight graphic at the current page */
div#subnavigation ul li span.flakehere {
    background:transparent url(http://www.snowlife.org.uk/snowlife/images/subnavhere.gif) no-repeat scroll 0px 4px;
    display: block;
    }

div#subnavigation ul li span.flakehere a {
    background: #04c0fe url(http://www.snowlife.org.uk/snowlife/images/subnavhighlight.gif) no-repeat scroll top right;
    color: #fff;        
    }

/* =Front page
----------------------------------------------- */

div#frontWrapper {
    height: 434px;
    background:transparent url(/snowlife/images/pinktrails.gif) no-repeat bottom left;
    }

div#frontWrapper a:link, div#frontWrapper a:visited, div#frontWrapper a:active {
    color: #babed7;
    }

div#frontWrapper a:hover {
    color: #fff;
    text-decoration: none;
    }
    
div#frontWrapper div#pagewrapper {
    padding-left: 35px;
    }
    
div#frontWrapper div.frontColumn {
    width: 223px;
    margin-right: 10px;
    float: left;
    }

div#frontWrapper div.frontColumn p {
    margin: 10px 5px;
    color: #babed7;
    font-size: 110%;
    line-height: 130%;
    }

div#frontWrapper div.frontFooter a:link, div#frontWrapper div.frontFooter a:visited, div#frontWrapper div.frontFooter a:active {
    color: #fff;
    }

div#frontWrapper div.frontFooter div {
    float: left;
    width: 340px;
    margin-right: 10px;
    margin-top: 30px;
    }

div#frontWrapper div.frontFooter div p {
    position: absolute;
    top: 493px;
    color: #fff;
    font-size: 110%;
    line-height: 130%;  
    width: 275px;
    margin-left: 5px;
    }


div#frontWrapper div.frontFooter div a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom left;
    }

div#frontWrapper div.frontFooter div a.bigA {
    display: block;
    width: 168px;
    height: 50px;
    position: absolute;
    top: 437px;
    background-image: url(/snowlife/images/front-directory.gif);
    }
    
div#frontWrapper div.frontFooter div a.bigB {
    display: block;
    width: 250px;
    height: 50px;
    position: absolute;
    top: 437px;
    background-image: url(/snowlife/images/front-news.gif);
    }

div#frontWrapper div.frontFooter div a.bigC {
    display: block;
    width: 129px;
    height: 50px;
    position: absolute;
    top: 437px;
    margin-left: 121px;
    background-image: url(/snowlife/images/front-events.gif);
    }






/* ride and slide styles */

div.randspromo a:link, div.randspromo a:visited, div.randspromo a:active {
    color: #fff;
    }
    
div.randspromo {    
    width: 342px;
    margin: 0;
    height: 114px;
    position: absolute;
    top: 438px;
    left: 385px;
    background-image: url(/snowlife/images/front-ride.gif);
    }

div.randspromo a.rideSlide {
    display: block;
    width: 192px;
    height: 50px;
    background-image: url(/snowlife/images/front-ride-over.gif);
    }    
    
div.randspromo a:hover {
    background-position: 0px -1px;
    text-decoration: none;
    }
    
div.randspromo a span {
    position:absolute;
    left:-10000px;
    width: 9000px;
    }

div.randspromo p {
    color: #fff;
    font-size: 110%;
    line-height: 130%;  
    width: 259px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    }

div.randspromo a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom left;
    }    
    
/* end ride and slide styles */  
    









    
    
div#frontWrapper div.frontFooter div a:hover {
    background-position: 0px 0px;
    }

div#frontWrapper div.frontFooter div a span {
    position:absolute;
    left:-10000px;
    width: 9000px;
    }
    
div.colLast {
    margin-right: 0;
    }



    




/* =Directory Gateway
----------------------------------------------- */

ul.directoryList {
    list-style: none;
    float: left;
    padding: 0 0 7px 5px;
    }

ul.directoryList li {
    display: block;
    width: 160px;
    float: left;
    height: 57px;
    margin: 7px 0 0 0;
    }

ul.directoryList li.boxB {
    margin-left: 10px;
    margin-right: 10px;    
    width: 165px;
    }

ul.directoryList li a img { margin: 13px 0 0 12px; }
ul.directoryList li a span.remove {
    position:absolute;
    left:-10000px;
    width: 9000px;
    }

ul.directoryList li.boxA a {
    display: block;
    width: 160px;
    height: 57px;
    }

ul.directoryList li.boxA a:link, ul.directoryList li.boxA a:visited, ul.directoryList li.boxA a:active {
    background: transparent url(/snowlife/images/directorybuttons/boxA.gif) no-repeat scroll top left;    
    }
    
ul.directoryList li.boxA a:hover {
    background-position: bottom left;
    }

ul.directoryList li.boxB a {
    display: block;
    width: 165px;
    height: 57px;
    }

ul.directoryList li.boxB a:link, ul.directoryList li.boxB a:visited, ul.directoryList li.boxB a:active {
    background: transparent url(/snowlife/images/directorybuttons/boxB.gif) no-repeat scroll top left;    
    }
ul.directoryList li.boxB a:hover {
    background-position: bottom left;
    }
    
.boxC a {
    display: block;
    width: 160px;
    height: 57px;
    background: transparent url(/snowlife/images/notlisted.gif) no-repeat scroll top left;
    }
.boxC a:link, .boxC a:visited, .boxC a:active {
    background: transparent url(/snowlife/images/notlisted.gif) no-repeat scroll top left;
    color: #555;
    }
.boxC a:hover {
    background-position: bottom left;
    }
.boxC a span {
    display: block;
    padding: 32px 0 0 13px;
    }

div.boxC {
    margin: 10px 5px 0 0;
    }
    
div.boxC a {
    float: right;
    }
    
div.boxC a span.remove {
    position:absolute;
    left:-10000px;
    width: 9000px;
    }

.boxSubmit a:link, .boxSubmit a:visited, .boxSubmit a:active {
    background: transparent url(/snowlife/images/submitajob.gif) no-repeat scroll top left;
    }
.boxSubmit a:hover {
    background-position: bottom left;
    }
    
.boxSubmitCV a:link, .boxSubmitCV a:visited, .boxSubmitCV a:active {
    background: transparent url(/snowlife/images/submitacv.gif) no-repeat scroll top left;
    }
.boxSubmitCV a:hover {
    background-position: bottom left;
    }



/* try something different gateway */
ul.directoryList li a.crosscountry:link, ul.directoryList li a.crosscountry:visited, ul.directoryList li a.crosscountry:active {
    background: transparent url(/snowlife/images/directorybuttons/crosscountry.gif) no-repeat scroll top left;    
    }
    
ul.directoryList li a.biathlon:link, ul.directoryList li a.biathlon:visited, ul.directoryList li a.biathlon:active {
    background: transparent url(/snowlife/images/directorybuttons/biathlon.gif) no-repeat scroll top left;    
    }

ul.directoryList li a.combined:link, ul.directoryList li a.combined:visited, ul.directoryList li a.combined:active {
    background: transparent url(/snowlife/images/directorybuttons/combined.gif) no-repeat scroll top left;    
    }
    
ul.directoryList li a.biking:link, ul.directoryList li a.biking:visited, ul.directoryList li a.biking:active {
    background: transparent url(/snowlife/images/directorybuttons/biking.gif) no-repeat scroll top left;    
    }

ul.directoryList li a.jumping:link, ul.directoryList li a.jumping:visited, ul.directoryList li a.jumping:active {
    background: transparent url(/snowlife/images/directorybuttons/jumping.gif) no-repeat scroll top left;    
    }        

ul.directoryList li a.touring:link, ul.directoryList li a.touring:visited, ul.directoryList li a.touring:active {
    background: transparent url(/snowlife/images/directorybuttons/touring.gif) no-repeat scroll top left;    
    }        

ul.directoryList li a.blades:link, ul.directoryList li a.blades:visited, ul.directoryList li a.blades:active {
    background: transparent url(/snowlife/images/directorybuttons/blades.gif) no-repeat scroll top left;    
    }        

ul.directoryList li a.telemark:link, ul.directoryList li a.telemark:visited, ul.directoryList li a.telemark:active {
    background: transparent url(/snowlife/images/directorybuttons/telemark.gif) no-repeat scroll top left;    
    }

ul.directoryList li a.snowkiting:link, ul.directoryList li a.snowkiting:visited, ul.directoryList li a.snowkiting:active {
    background: transparent url(/snowlife/images/directorybuttons/snowkiting.gif) no-repeat scroll top left;    
    }    

ul.directoryList li a.snowsurfing:link, ul.directoryList li a.snowsurfing:visited, ul.directoryList li a.snowsurfing:active {
    background: transparent url(/snowlife/images/directorybuttons/snow-surfing.gif) no-repeat scroll top left;    
    } 

ul.directoryList li a.triedanythingelse:link, ul.directoryList li a.triedanythingelse:visited, ul.directoryList li a.triedanythingelse:active {
    background: transparent url(/snowlife/images/directorybuttons/triedanythingelse.gif) no-repeat scroll top left;    
    }

ul.directoryList li a.triedanythingelsewide:link, ul.directoryList li a.triedanythingelsewide:visited, ul.directoryList li a.triedanythingelsewide:active {
    background: transparent url(/snowlife/images/directorybuttons/triedanythingelsewide.gif) no-repeat scroll top left;    
    }
    
ul.directoryList li a.crosscountry:hover, ul.directoryList li a.biathlon:hover, ul.directoryList li a.combined:hover, ul.directoryList li a.biking:hover, ul.directoryList li a.jumping:hover, ul.directoryList li a.touring:hover, ul.directoryList li a.blades:hover, ul.directoryList li a.telemark:hover, ul.directoryList li a.snowkiting:hover, ul.directoryList li a.snowsurfing:hover, ul.directoryList li a.triedanythingelse:hover, ul.directoryList li a.triedanythingelsewide:hover {
    background-position: bottom left;
    }    




div.contentseparator {
    width: 335px;
    height: 1px;
    margin: 10px 0 10px 5px;
    background-color: #d1d6dc;
    font-size: 1px;
    }

table.searchform {
    width: 515px;    
    }

table.searchform td {
    margin-left: 10px;
    text-align: left;
    width: 155px;
    vertical-align: top;
    }

table.searchform td.rightcolumn {
    vertical-align: bottom;
    }

table.searchform td.leftcolumn {
    margin-left: 0;
    text-align: right;
    width: 150px;
    }    
    
form.searchform input.wide, form.searchform textarea {
    width: 165px;
    }
    
form.searchform select.wide {
    width: 169px;
    }

form.searchform input.tiny {
    width: 20px;
    }
form.searchform select.medium {
    width: 98px;
    }
form.searchform input.small {
    width: 35px;
    }
    
/*  fieldset styles  */

fieldset {
    text-align: right;
    float: right;   
    border: 1px solid #d1d6dc;
    margin: 0;
    padding: 0;
    }
    
fieldset legend {
    padding: 10px;
    }

fieldset span {
    display: block;
    width: 167px;
    clear: both;
    }

fieldset span label {
    width: 140px;
    display: block;
    float: right;
    padding-top: 2px;
    cursor: pointer;
    margin-bottom: 10px;
    }

fieldset span input {
    float: right;
    }



table.listingtable {
    margin-top: 10px;
    }

table.listingtable th {
    padding-right: 20px;
    }

table.listingtable td, th {
    vertical-align: top;
    padding-top: 7px;
    }    





p.sigb {
    background: transparent url(/snowlife/images/sigb_logo_small.png) no-repeat scroll top right;
    }
    


div.results {
    width: 340px;
    float: left;
    }

div.resultsrhp {
    width: 165px;
    float: right;
    }

div.rhp {
    width: 160px;
    float: right;
    padding-right: 5px;
    margin-top: 20px;
    }
    
div#resultsrhp {
    width: 160px;
    float: right;
    padding-right: 5px;
    }
    
div.searchtop {
    background: #e8f0ff url(/snowlife/images/content-background.gif) repeat scroll 3px 0px;   
    color: #7e8caf;
    padding: 10px 0 0 10px;
    height: 34px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    }
html>body div.searchtop {
    height: 24px;
    }
    
    
div#resultsrhp div.searchtop, div#resultsrhp div.contentdivider { background-position: 1px 0px; }
div#endresults div.contentdivider { background-position: 1px 0px; }
div#endresults div#resultsrhp div.contentdivider { background-position: 3px 0px; }
    
div#endresults { margin: 20px 0 0 0; float: left; width: 515px;}
    
div.searchtop span {
    float: left;
    }
    
div.contentdivider {
    background: #e8f0ff url(/snowlife/images/content-background-alt.gif) repeat scroll 3px 0px;
    height: 4px;
    font-size: 1px;
    }
 
form.pagejump span {
    margin-left: 15px;
    }
    
form.pagejump input, form.pagejump select {
    position: relative;
    top: -3px;
    margin-left: 6px;
    font-size: 95%;
    }





/* searchbox rhp */

div.rhpsearchbox {
    margin: 20px 0 0 0;
    background: #ffca00 url(/snowlife/images/rhpsearch-backgroundback.gif) repeat scroll top left;
    padding: 8px 0 8px 0;
    float: left;
    width: 160px;
    }

div.rhpsearchbox img {
    margin: 11px 0 11px 9px;
    }
    
div.rhpsearchboxform {
    background: #ffca00 url(/snowlife/images/rhpsearch-background.gif) repeat scroll top left;
    float: left;
    width: 160px;
    }

div.rhpsearchboxform a {
    display: block;
    }
    
div.rhpsearchboxform form {
    color: #517ed3;
    padding: 15px 10px;
    }




/* searchbox rhp */

div.rhpsearchbox2 {
    margin: 20px 0 0 0;
    background: #ffca00 url(/snowlife/images/rhpsearch-backgroundback.gif) repeat scroll top left;
    padding: 0 0 8px 0;
    float: left;
    width: 160px;
    }

div.rhpsearchbox2 p {
    margin: 15px 5px 15px 10px;
    color: #1e46b5;
    }
    
div.rhpsearchbox2 img {
    float: left;
    clear: both;    
    }
    
div.rhpsearchboxform2 {
    background: #ffca00 url(/snowlife/images/rhpsearch-background.gif) repeat scroll top left;
    float: left;
    width: 160px;
    }

div.rhpsearchboxform2 img {
    margin: 0 10px 0 0;
    padding-bottom: 10px;
    float: right;
    }  
    
    

/* listings rhp */


.furtherlink {
    float: right;
    clear: both;
    margin: 8px 0 17px 0;
    padding-right: 18px;
    height: 14px;
    background: transparent url(/snowlife/images/rightarrow-on.gif) no-repeat scroll right 1px;
    display: block;
    border: 1px sold #000;
    }
    
div#resultsdiv {
    float: left;
    }





div#gatewayintro img.topslice {
    position: absolute;
    top: 10px;
    right: 0px;
    }

div#gatewayintro {
    margin-bottom: 10px;
    font-size: 110%;
    line-height: 140%;
/*    font-weight: bold;*/
    color: #325cbc;
    padding: 0 0 0 10px;    
    }

div#gatewayintro p {
    padding: 20px 220px 0 0;
    }

div.gatewaydirectory {
    height: 114px;   
    background: #e8f0ff url(/snowlife/images/pageimages/directory-bottom.jpg) no-repeat scroll top right;
    }

div.gatewaysnowboard {
    height: 154px;   
    background: #fff url(/snowlife/images/pageimages/snowboard-bottom.jpg) no-repeat scroll top right;
    }
    
div.gatewayski {
    height: 154px;   
    background: #fff url(/snowlife/images/pageimages/ski-bottom.jpg) no-repeat scroll top right;
    }

div.gatewaydifferent {
    height: 114px;   
    background: #e8f0ff url(/snowlife/images/pageimages/different-bottom.jpg) no-repeat scroll top right;
    }
    
div#scale {
    float: left;
    background: #014298 url(/snowlife/images/scale/scale-background.jpg) no-repeat scroll top left;
    padding: 23px 0 0 0;
    }
    
div.scalesection {
    float: left;
    width: 175px;
    background: transparent url(/snowlife/images/scale/scale.gif) no-repeat scroll top left;
    clear: right;
    }

div.scalesection img {
    margin: 35px 0 0 7px;
    }

div#scale div.scalesection p {
    color: #dee3e9;
    padding: 15px 20px 27px 7px;
    }
    
   




/*  subgateway pages*/

div#subgateway {
    float: left;
    width: 100%;
    background: transparent url(/snowlife/images/gateway-background.gif) repeat scroll top left;
    }

div.threecolumn {
    float: left;
    margin-bottom: 25px;
    }

div.threecolumn div.colA {
    width: 160px;
    position: absolute;
    left: 5px;
    }

div.threecolumn div.colB {
    width: 165px;
    position: absolute;
    left: 175px;    
    }

div.threecolumn div.colC {
    width: 160px;
    position: absolute;
    left: 350px;    
    }
    
div.threecolumn div p {
    background: #e8f0ff url(/snowlife/images/spacer15.gif) repeat-x scroll bottom left;
    padding: 10px 8px 25px 8px;
    }

p.plain {
    background-color: #e8f0ff;
    padding: 10px 8px 25px 8px;
    width: 325px !important;
    }
    
* html p.plain  /* this is recognized by IE only */
    {
    width: 330px !important;  /* total width, only for IE5.x/Win */
    w\idth: 325px; /* content width for other IE */
    }

    
h4 {
    width: 160px;
    height: 37px;
    margin: 0 0 5px 0;
    background-color: #e8f0ff;
    }

h4 span {
    position:absolute;
    left:-10000px;
    width: 9000px;   
    }
    
h4 img {
    margin: 12px 0 0 7px;  
    }

h4.wideheader {
    width: 335px;
    }

* html h4.wideheader /* this is recognized by IE only */
    {
    width: 330px !important;  /* total width, only for IE5.x/Win */
    w\idth: 335px; /* content width for other IE */
    }
    
div.threecolumnB {
    float: left;
    margin-top: 180px;
    }
    
div.colAB {
    float: left;
    width: 160px;
    padding: 0 0 0 5px;
    }

div.threecolumnB div.colBB {
    float: left;
    width: 165px;
    padding: 0 5px 0 10px;
    }
    
img.bottomcolpic {

    }

div.imageStripe {
    height: 15px;
    width: 160px;
    background: transparent url(/snowlife/images/image-stripe.gif) repeat scroll top left;
    position: relative; 
    }
    
/* Schools tour */

div.headshot {
    width: 160px;
    height: 120px;
    background: transparent url(/snowlife/images/content-background.gif) repeat scroll top left;
    }

div.headshot img {
    width: 70px;
    }    
    
    
div.hs {
    width: 165px;
    }
    
div.headshot img {
    margin: 10px 38px;    
    }    

div.hs img {
    margin: 10px 41px 10px 40px;    
    }   
    
div.colAB p {
    width: 160px !important;
    padding: 0 !important;
    margin: 6px 0 10px 6px !important;
    }
    
hr {
    width: 335px;
    height: 8px;
    background: transparent url(/snowlife/images/content-background.gif) repeat scroll top left;
    border: 0;
    float: left;
    clear: both;
    margin: 0 0 20px 5px;
    }

p.footer {
    color: #8693b3;
    margin: 0 0 30px 0;
    padding: 8px 10px 11px 10px;
    background: #2a0526 url(/snowlife/images/footer-background.jpg) repeat-x fixed top left;
    font-size: 9px;
    }
    
* html p.footer {
    background-image: none;
    }

p.footer a:link, p.footer a:visited, p.footer a:active {
    color: #8693b3;
    }

p.footer a:hover {
    text-decoration: none;
    }