html, body {border: 0; margin: 0; padding: 0;}

body {
    font: 85%/0.9 arial, helvetica, sans-serif;
    background: #99A989 url(microsite/bg.jpg) repeat 0 0;
    line-height: 130%;
    width: 100%;
    min-width: 970px;
    color: black;
}

a {
    color: #0099CC;
    text-decoration: none;
}

a:hover {
    color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h2 {
    font-size: 1.6em;
    height: 20px;
    padding-top: 0;
    color: #af9001;
}

h3 {
    font-size: 1.2em;
    height: 20px;
    padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

.opentoggler{ /*class added to contents of 1st demo when they are open*/
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.togglehtml li{
margin-bottom: 8px;
}

.myheader{
cursor: hand;
cursor: pointer;
}




.right {
    float: left;
    width: 247px;
}
.mainmenu {
    float: left;
    padding-top: 5px;
    margin: 0px;
    width: 1000px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 46px;
}
.toptitle {
}
.mainbodycontent {
    padding-top: 0px;
    margin-top: 90px;
}
.container {
    width: 1005px;
    margin-right: auto;
    margin-left: auto;
}
#flash {
    float: left;
    height: 390px;
    width: 750px;
    background-color: #80C6FA;
    z-index: 1;
}
#flashvideo {
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
}
.left {
    float: left;
    width: 755px;
}
.left2 {
    float: left;
    width: 750px;
    background-image: url(microsite/left_bg.jpg);
    margin-right: 10px;
    margin-top: 10px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    min-height: 550px;
}
.left2full {
    width: 1000px;
    background-image: url(microsite/left_bg_full.jpg);
}
.right2 {
    float: left;
    width: 240px;
    margin-top: 10px;
    height: 550px;
    background-color: #BEE9F7;
}
#footer {
    clear: both;
    margin-top: 8px;
}
.clearer {
    clear: both;
}
.padding {
    padding: 10px 20px;
}




a.button-gift {
    float: right;
    display: block;
    width: 245px;
    height: 200px;
    background: url('microsite/giftvouchers.png') top left no-repeat;
    text-align: left;
    text-indent: -9000px;
    overflow: hidden;
    color: #ffffff !important;
}
a.button-book {
    float: right;
    display: block;
    width: 245px;
    height: 200px;
    background: url('microsite/bookaflight.png') top left no-repeat;
    text-align: left;
    text-indent: -9000px;
    overflow: hidden;
    color: #ffffff !important;
}
#footer {
    display: block;
    width: 1001px;
    height: 38px;
    background: url('microsite/carbon_neutral.jpg') top left no-repeat;
}
#copyright {
    padding: 10px;
    text-align: center;
}

.toptitle h1 {
    display: block;
    font-size: 22px;
    color: #FFFFFF;
    margin: 0px 0 0 0;
    padding: 25px 0px 0px 10px;
}
.toptitle {
    display: block;
    width: 1000px;
    height: 75px;
    background: url('microsite/mb_title.jpg') top left no-repeat;
    text-align: left;
}
.yv .toptitle {
    background: url('microsite/yv_title.jpg') top left no-repeat;
}


/* we skin the first level of menu with pictures */
.mainmenu ul {
    margin: 0px;
    padding: 0px;
}
.mainmenu li {
    list-style-type: none;
    float: left;
    height: 43px;
    width: 125px;
    margin: 0px;
    padding: 0px;
}
.mainmenu a {
    display: none;
    height: 43px;
    width: 125px;
    display: block;
    text-indent: -9000px;
    overflow: hidden;
}

#menuh-melbourne-balloon-flight-information a {
    background: url('microsite/mb_menu_flight.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-melbourne-balloon-flight-information a:hover, #menuh-melbourne-balloon-flight-information.hover a, #menuh-melbourne-balloon-flight-information a.cmf-menu-selected  {
    background: url('microsite/mb_menu_flight.jpg') 0px -43px repeat-x;
}

#menuh-melbourne-ballooning-accommodation a {
    background: url('microsite/mb_menu_accom.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-melbourne-ballooning-accommodation a:hover, #menuh-melbourne-ballooning-accommodation.hover a, #menuh-melbourne-ballooning-accommodation a.cmf-menu-selected  {
    background: url('microsite/mb_menu_accom.jpg') 0px -43px repeat-x;
}

#menuh-melbourne-things-to-do a {
    background: url('microsite/mb_menu_things.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-melbourne-things-to-do a:hover, #menuh-melbourne-things-to-do.hover a, #menuh-melbourne-things-to-do a.cmf-menu-selected  {
    background: url('microsite/mb_menu_things.jpg') 0px -43px repeat-x;
}

#menuh-ballooning-melbourne-gallery a {
    background: url('microsite/mb_menu_photos.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-ballooning-melbourne-gallery a:hover, #menuh-ballooning-melbourne-gallery.hover a, #menuh-ballooning-melbourne-gallery a.cmf-menu-selected  {
    background: url('microsite/mb_menu_photos.jpg') 0px -43px repeat-x;
}

#menuh-melbourne-balloon-flights-image-gallery a {
    background: url('microsite/mb_menu_iphotos.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-melbourne-balloon-flights-image-gallery a:hover, #menuh-melbourne-balloon-flights-image-gallery.hover a, #menuh-melbourne-balloon-flights-image-gallery a.cmf-menu-selected  {
    background: url('microsite/mb_menu_iphotos.jpg') 0px -43px repeat-x;
}

#menuh-melbourne-balloon-flights-contact a {
    background: url('microsite/mb_menu_contact.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-melbourne-balloon-flights-contact a:hover, #menuh-melbourne-balloon-flights-contact.hover a, #menuh-melbourne-balloon-flights-contact a.cmf-menu-selected  {
    background: url('microsite/mb_menu_contact.jpg') 0px -43px repeat-x;
}

#menuh-vic-melb-book a {
    background: url('microsite/mb_menu_book.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-vic-melb-book a:hover, #menuh-vic-melb-book.hover a, #menuh-vic-melb-book a.cmf-menu-selected  {
    background: url('microsite/mb_menu_book.jpg') 0px -43px repeat-x;
}

#menuh-vic-melb-site a {
    background: url('microsite/mb_menu_main.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-vic-melb-site a:hover, #menuh-vic-melb-site.hover a, #menuh-vic-melb-site a.cmf-menu-selected  {
    background: url('microsite/mb_menu_main.jpg') 0px -43px repeat-x;
}





#menuh-yarra-valley-balloon-flight-information a {
    background: url('microsite/yv_menu_flight.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-yarra-valley-balloon-flight-information a:hover, #menuh-yarra-valley-balloon-flight-information.hover a, #menuh-yarra-valley-balloon-flight-information a.cmf-menu-selected  {
    background: url('microsite/yv_menu_flight.jpg') 0px -43px repeat-x;
}

#menuh-yarra-valley-ballooning-accommodation a {
    background: url('microsite/yv_menu_accom.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-yarra-valley-ballooning-accommodation a:hover, #menuh-yarra-valley-ballooning-accommodation.hover a, #menuh-yarra-valley-ballooning-accommodation a.cmf-menu-selected  {
    background: url('microsite/yv_menu_accom.jpg') 0px -43px repeat-x;
}

#menuh-yarra-valley-things-to-do a {
    background: url('microsite/yv_menu_things.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-yarra-valley-things-to-do a:hover, #menuh-yarra-valley-things-to-do.hover a, #menuh-yarra-valley-things-to-do a.cmf-menu-selected  {
    background: url('microsite/yv_menu_things.jpg') 0px -43px repeat-x;
}

#menuh-ballooning-yarra-valley-gallery a {
    background: url('microsite/yv_menu_photos.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-ballooning-yarra-valley-gallery a:hover, #menuh-ballooning-yarra-valley-gallery.hover a, #menuh-ballooning-yarra-valley-gallery a.cmf-menu-selected  {
    background: url('microsite/yv_menu_photos.jpg') 0px -43px repeat-x;
}

#menuh-yarra-valley-balloon-flights-image-gallery a {
    background: url('microsite/yv_menu_iphotos.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-yarra-valley-balloon-flights-image-gallery a:hover, #menuh-yarra-valley-balloon-flights-image-gallery.hover a, #menuh-yarra-valley-balloon-flights-image-gallery a.cmf-menu-selected  {
    background: url('microsite/yv_menu_iphotos.jpg') 0px -43px repeat-x;
}

#menuh-yarra-valley-balloon-flights-contact a {
    background: url('microsite/yv_menu_contact.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-yarra-valley-balloon-flights-contact a:hover, #menuh-yarra-valley-balloon-flights-contact.hover a, #menuh-yarra-valley-balloon-flights-contact a.cmf-menu-selected  {
    background: url('microsite/yv_menu_contact.jpg') 0px -43px repeat-x;
}

#menuh-vic-yv-book a {
    background: url('microsite/yv_menu_book.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-vic-yv-book a:hover, #menuh-vic-yv-book.hover a, #menuh-vic-yv-book a.cmf-menu-selected  {
    background: url('microsite/yv_menu_book.jpg') 0px -43px repeat-x;
}

#menuh-vic-yv-site a {
    background: url('microsite/yv_menu_main.jpg') 0px 0px repeat-x;
    width: 125px;
}
#menuh-vic-yv-site a:hover, #menuh-vic-yv-site.hover a, #menuh-vic-yv-site a.cmf-menu-selected  {
    background: url('microsite/yv_menu_main.jpg') 0px -43px repeat-x;
}




/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

    The CSS, XHTML and design is released under Creative Common License 3.0:
    http://creativecommons.org/licenses/by-sa/3.0/

*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
    background: url(microsite/tab_b.png) repeat-x 0 0;
    height: 42px;
    position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 42px;
    width: auto;
    font-weight: bold;
    line-height: 42px;
    margin: 0;
    right: 150px;
    color: white;
    font-size: 80%;
    text-align: center;
}

.tab ul.login li.left {
    background: url(microsite/tab_l.png) no-repeat left 0;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.tab ul.login li.right {
    background: url(microsite/tab_r.png) no-repeat left 0;
    height: 42px;
    width: 30px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.tab ul.login li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 42px;
    background: url(microsite/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
    color: #15ADFF;
}

.tab ul.login li a:hover {
    color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    width: 100px;
    position: relative;
    top: 11px;
}

.tab a.open {background: url(microsite/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(microsite/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(microsite/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(microsite/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 1000px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
    width: 1000px;
    height: 465px;
    color: #999999;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    background-color: #7D9A6C;
    background-image: url(microsite/mb_slide_bg.jpg);
    background-repeat: no-repeat;
}
.yv #panel {
    background-image: url(microsite/yv_slide_bg.jpg);
}

#panel h1 {
    font-size: 1.6em;
    padding: 5px 0 10px;
    margin: 0;
    color: white;
}

#panel h2{
    font-size: 1.2em;
    padding: 10px 0 5px;
    margin: 0;
    color: white;
}

#panel p {
    margin: 5px 0;
    padding: 0;
}

#panel a {
    text-decoration: none;
    color: #15ADFF;
}

#panel a:hover {
    color: white;
}

#panel a-lost-pwd {
    display: block;
    float: left;
}

#panel .content {
    width: 960px;
    padding-top: 0px;
    text-align: left;
    font-size: 0.85em;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#panel .content .left {
    width: 280px;
    float: left;
    padding: 0 15px;
    border-left: 1px solid #333;
}

#panel .content .right {
    border-right: 1px solid #333;
}