@import url("nav.css");

html body {

        background:#CADB2A url('../images/common/base.gif') center -65px repeat ;
font-family: Verdana, Arial, Helvetica, sans-serif;
        font: normal 0.91em Arial, Tahoma, Helvetica, sans-serif;
        color:#ffffff;
        margin:0;
        padding: 0;
        padding-top:10px;
        text-align: center;
}
a.link-style1:link { color=#cc0000; text-decoration: underline }
a.link-style1:visited { color=#cc0000; text-decoration: underline }
a.link-style1:hover { color=#006699; text-decoration: none }

a.link-style2:link { color=red; text-decoration: overrline }
a.link-style2:visited { color=green; text-decoration: overline }
a.link-style2:hover { color=blue; text-decoration: none }

}



#shadow{ background:url(../images/common/dropshadow_main.gif) center top repeat-y;}
img { border-style:none;}
a, a:visited, a b        {
        color:#BFD72F;
        text-decoration:none;
}

a:hover        {
        color:#0099FF;
}

.hidden-text {
        display: none;
}

h1, h2, h3, h4, p, form, dl, dt, dd        {
        padding:0;
        margin:0;
}
a span{
        display:none;
}

.extracontent a, .extracontent a b{
        color:#C5D528;

}

/* ------------------------- MAIN CONTAINERS --------------------------- */

#container        {
        margin:0 auto;
        margin-top:0px;
        width:800px;
        clear:both;
        text-align:left;

        border:1px solid transparent;
        _border:1px solid #002440;
        position:relative;


}

 /*\*/
* html #container        {
        margin:0 auto;
        background:none;
        clear:both;
        text-align:left;
}/**/

#contents{
        position:relative;
        padding-left:50px;
        padding-top:20px;
width:720px;

}
/*-------------------------Main Backgrounds-------------------------------------*/
#homebody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-home.gif) 0 0 no-repeat;
        height:600px;
}

#homebody2 #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
#homebody3 #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
}

#home2body #container{
        background:#002440 url(../images/common/trollbeads/troll1.jpg) 0 0 no-repeat;
        height:600px;
}

#coursebody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}

#courseintrobody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
#coursecompbody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
#courseinshorebody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
#coursespinnakerbody #container{
        background:#002440 url(../images/common/background_racing.gif) 0 0 no-repeat;
        height:600px;
}
#course2body #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-home.gif)  0 0 no-repeat;
        height:600px;
}
#kidsbody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses12.gif) 0 0 no-repeat;
        height:600px;
}

#kids2body #container{
        background:#002440 url(../images/common/bic.gif) 0 0 no-repeat;
        height:600px;
}#schoolsbody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses12.gif) 0 0 no-repeat;
        height:600px;
}
#corporatebody  #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif) 0 0 no-repeat;
        height:600px;
}
#corporate2body  #container{
        background:#002440 url(../images/common/background_course_intro.gif) 0 0 no-repeat;
        height:600px;
}


#contactusbody #container{
        background:#002440 url(../images/common/learn-to-sail-course-page.gif)  0 0 no-repeat;
        height:600px;
}

#contactusmapbody #container{
        background:#002440 url(../images/common/learn-to-sail-course-page.gif)  0 0 no-repeat;
        height:600px;
}

#hirebody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif)  0 0 no-repeat;
        height:600px;
}
#hire2body #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif)  0 0 no-repeat;
        height:600px;
}
#linksbody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif)  0 0 no-repeat;
        height:600px;
}


#photosbody #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif)  0 0 no-repeat;
        height:600px;
}
#studybody #container{
        background:#002440 url(../images/common/competent2.gif)  0 0 no-repeat;
        height:600px;
}

#study2body #container{
        background:#002440 url(../images/common/learn-to-sail-sailing-schools-sydney-courses.gif)  0 0 no-repeat;
        height:600px;
}

/*============  Over writting the content area=======================*/

#homebody #contents,,#homebody2 #contents,#homebody3 #contents {
       padding-left:50px;
        padding-top:20px;
        width:720px;
        padding:110;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}



p.course-days{
        margin-left:60px;
}

p.course-days a{
        color:#BFD72F;
        text-decoration:none;
}
p.course-days a:hover{
        color:#fff;
}


/*========== Course pages===============*/
#coursebody  #contents{
        padding-left:50px;
        padding-top:20px;
        font-size:16px;
        line-height:15px;
}

#courseintrobody  #contents #copy
{
        padding-left:110px;
        padding-top:20px;
        width:720px;
}

#courseintrobody #contents
{
        padding-top:30px;
        padding-left:130px
        font-size:16px;
        line-height:25px;
}
#coursebody   #contents ul li,#studybody   #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
}

#coursebody  #contents ul li a,#studybody   #contents ul li a{
        color:#fff;

        text-decoration:none;
}
#coursebody  #contents ul li a:hover,#studybody   #contents  ul li a:hover{
        color:#BFD72F;
}

#courseintrobody #contents, #homebody3 #contents,#coursecompbody #contents,#courseinshorebody #contents,#coursespinnakerbody #contents, #socialclubbody #contents,#studybody #contents, #homebody2 #contents,#studybody #contents {
        padding-left:50px;
        padding-top:20px; padding-top:0;
        width:720px;
        font-size:16px;
        line-height:25px;
}
#courseintrobody  #contents h2, #homebody2 #contents h2, #homebody3 #contents h2, #coursecompbody #contents h2, #courseinshorebody #contents h2,#coursespinnakerbody #contents h2,#studybody #contents h2, #photosbody #contents h2, #socialclubbody #contents h2, #studybody #contents h2  {
        background:url(../images/common/hash.gif) no-repeat;
        padding-left:30px;
        margin-bottom:10px;

        color:#BFD72F;
}



#courseintrobody  #contents h3, #homebody  #contents h3, #homebody2 #contents h3, #homebody3 #contents h3, #coursecompbody #contents h3, #courseinshorebody #contents h3,#coursespinnakerbody #contents h3,  #racingbody #contents h3, #photosbody #contents h3,#studybody #contents h3, #socialclubbody #contents h3,#studybody #contents h3 {
        margin-top:20px;
        font-size:16px;
        line-height:25px;

        color:#BFD72F;
}

#courseintrobody #contents p, #coursecompbody #contents p, #homebody3 #contents p,#courseinshorebody #contents p, #coursespinnakerbody #contents p,#studybody #contents p,#homebody2 #contents p {

        line-height:25px;
        color:#fff;
}
/*#coursecompbody  #contents p{ font-weight:verdana;}*/
#courseintrobody  #contents li{ line-height:25px;}

#course-images
{
        margin-top:14px;
        margin-left:22px;
}
#course-images img{
        margin:0; padding:0;
}
#img-intro, #img-comp, #img-inshore #imag_spin, #imag_kids{display:block;}

#img-intro-side, #img-comp-side, #img-inshore-side #imag_sp_side, #imag_kids_side,{position:absolute; top:0; left:0; display:none;}

#img-intro-side{        ,
        top:-16px;
        left:-5px;
}
#img-comp-side{
        top:-10px;
        left:-8px;
}
#img-inshore-side{
        top:-11px;
        left:-3px;
}


/*---------- Sub nav for the course pages---------------*/
#sub_nav{
        clear:both;
        margin-left:10px;
        margin-top:15px;
        padding-bottom:40px;
}
.no-course{ height:20px;}
.container-intro        {
        float:left;
        widows:109px;
        margin:0;
        padding:0;
        display:block;
        background: transparent url("../images/buttons/but-intro.gif") 0 0 no-repeat;
}

a.button-intro {
        padding:0;
        margin:0;
        display:block;
        width:109px;
        height:20px;
        background: transparent url("../images/buttons/but-intro.gif") 0 0 no-repeat;
}

a.button-intro:hover {
        background: transparent url("../images/buttons/but-intro.gif") 0 -20px no-repeat;
}
.container-comp        {
        float:left;
        widows:130px;
        margin:0;
        padding:0;
        display:block;
        background: transparent url("../images/buttons/but-comp.gif") 0 0 no-repeat;
}

a.button-comp {
        padding:0;
        margin:0;
        display:block;
        width:135px;
        height:20px;
        background: transparent url("../images/buttons/but-comp.gif") 0 0 no-repeat;
}

a.button-comp:hover {
        background: transparent url("../images/buttons/but-comp.gif") 0 -20px no-repeat;
}


.container-inshore        {
        float:left;
        widows:82px;
        margin:0;
        padding:0;
        display:block;
        background: transparent url("../images/buttons/but-inshore.gif") 0 0 no-repeat;
}

a.button-inshore {
        padding:0;
        margin:0;
        display:block;
        width:82px;
        height:20px;
        background: transparent url("../images/buttons/but-inshore.gif") 0 0 no-repeat;
}

a.button-inshore:hover {
        background: transparent url("../images/buttons/but-inshore.gif") 0 -20px no-repeat;
}
/*========== Photo page===============*/
#photosbody  #contents h3, {
        margin-top:20px;
        font-size:14px;
        line-height:25px;
        color:#BFD72F;
}
#photosbody #contents{
        padding-left:50px;
        padding-top:20px;
        width:720px;
}
#photosbody #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
        line-height:18px;

}
#photosbody #contents ul li h2{
        font-size:14px;
        color:#fff;
}
#photosbody #contents ul li a{
        color:#BFD72F;
        font-size:12px;
        text-decoration:none;
}
#photosbody #contents ul li a:hover{
        color:#fff;
}

#photosbody #contents ul li ul li{
background-image:none; margin:0; padding:0;

}


/*------------  kids styles-----------------------*/
#kidsbody #contents h2
}

#kidsbody #contents{
        padding-left:50px;
        padding-top:20px;
        width:720px;
        padding:110;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}
#kidsbody  #contents #copy{
        padding-left:50px;
        padding-top:20px;
        width:750px;
}
.container-video        {
        margin:0;
        padding:0;
        margin-left:400px;
        margin-top:5px;
        display:block;
        background: transparent url("../images/buttons/bbut-videolink.gif") 0 0 no-repeat;
}

a.button-video {
        padding:0;
        margin:0;
        display:block;
        width:101px;
        height:19px;
        background: transparent url("../images/buttons/but-videolink.gif") 0 0 no-repeat;
}

a.button-video:hover {
        background: transparent url("../images/buttons/but-videolink.gif") 0 -19px no-repeat;
}

*/
/*------------  kids2 styles-----------------------*/

#kids2body #contents{
        padding-left:50px;
        padding-top:20px;
        width:540px;
        padding:110;
        padding-top:0px;
        font-size:16px;
        line-height:25px;
}
#kids2body #contents #copy{
        padding-left:50px;
        padding-top:20px;
        width:540px;
}
.container-video        {
        margin:0;
        padding:0;
        margin-left:400px;
        margin-top:5px;
        display:block;
        background: transparent url("../images/buttons/bbut-videolink.gif") 0 0 no-repeat;
}

a.button-video {
        padding:0;
        margin:0;
        display:block;
        width:101px;
        height:19px;
        background: transparent url("../images/buttons/but-videolink.gif") 0 0 no-repeat;
}

a.button-video:hover {
        background: transparent url("../images/buttons/but-videolink.gif") 0 -19px no-repeat;
}



/*------------hire styles-----------------------*/
#hirebody  #contents{
                padding-left:110px;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}
#hirebody #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
        line-height:18px;

}
#hirebody  #contents ul li h2{
        font-size:16px;
        color:#fff;
}
#hirebody #contents ul li a{
        color:#BFD72F;
        font-size:12px;
        text-decoration:none;
}
#hirebody  #contents ul li a:hover{
        color:#fff;
}

#hirebody #contents ul li ul li{
background-image:none; margin:0; padding:0;
}

#hire2body  #contents{
                padding-left:50px;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}
#hire2body #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
        line-height:18px;

}
#hire2body  #contents ul li h2{
        font-size:16px;
        color:#fff;
}
#hire2body #contents ul li a{
        color:#BFD72F;
        font-size:12px;
        text-decoration:none;
}
#hire2body  #contents ul li a:hover{
        color:#fff;
}

#hire2body #contents ul li ul li{
background-image:none; margin:0; padding:0;
}
/*------------Socialclub styles-----------------------*/
#socialclubbody  #contents {
        padding-left:110px;
        padding-top:20px;
        width:540px;
        padding:110;
        padding-top:20px;
        font-size:16px;
        line-height:25px;

}



/*------------ Contact us styles-----------------------*/
#contactusbody  #contents{
padding-left:50px;
        padding-top:20px;
        width:720px;
        padding:110;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}

#contactusbody  #contents #copy
{
        padding-left:50px;
        padding-top:20px;
        width:750px;
}

#contactusmapbody #contents
{
        padding-top:30px;
        padding-left:130px
        font-size:16px;
        line-height:25px;
}
.container-map        {
        margin:0;
        padding:0;
        margin-left:400px;
        margin-top:15px;
        display:block;
        background: transparent url("../images/buttons/bbut-map.gif") 0 0 no-repeat;
}

a.button-map {
        padding:0;
        margin:0;
        display:block;
        width:112px;
        height:21px;
        background: transparent url("../images/buttons/but-map.gif") 0 0 no-repeat;
}

a.button-map:hover {
        background: transparent url("../images/buttons/but-map.gif") 0 -21px no-repeat;
}


/*------------- schools page-------------------------*/

#schoolsbody  #contents{
                padding-left:50px;
        padding-top:20px;
        font-size:16px;
        line-height:25px;
}
#schoolsbody #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
        line-height:18px;

}
#schoolsbody  #contents ul li h2{
        font-size:16px;
        color:#fff;
}
#schoolsbody #contents ul li a{
        color:#BFD72F;
        font-size:12px;
        text-decoration:none;
}
#schoolsbody  #contents ul li a:hover{
        color:#fff;
}

#schoolsbody #contents ul li ul li{
background-image:none; margin:0; padding:0;
}

/*------------- Study page-------------------------*/

#Studybody #contents{
        padding-left:50px;
        padding-top:20px;
        width:750px;
        font-size:16px;
        line-height:25px;
}
#Studybody #contents ul li{
        list-style-type:none;
        background:url(../images/common/hash.gif) no-repeat;
        margin-left:20px;
        padding-left:30px;
        margin-bottom:10px;
        line-height:18px;

}
#Studybody #contents ul li h2{
        font-size:16px;
        color:#fff;
}
#Studybody #contents ul li a{
        color:#BFD72F;
        font-size:16px;
        text-decoration:none;
}
#Studybody #contents ul li a:hover{
        color:#fff;
}

#Studybody #contents ul li ul li{
background-image:none; margin:0; padding:0;

}

/* ********************************
        homepage photo styles/positioning
******************************** */
#mContainer {
        position:relative;
        width: 560px;
        height: 370px;
        text-align: 20;
        padding-bottom: 10px;
}
.mPhoto {
        position:absolute;
        top:-15px;
        left:-25px;
        width: 600px;
        -moz-opacity:0.0;
        filter:Alpha(opacity=0);
}
.mPhoto img {
        padding: 0;
}

#location {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
}

#mail_to{
        position:absolute;

        top:381px;
        left:140px;
        _left:30px;
}



.clear        {
        clear:both;
}


/* hacks and workarounds */
/* fix so Mozilla browsers allows content to fill container div */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */