﻿@font-face {
  font-family: 'MetaBold';
	src: url('/Fonts/meta-bold-webfont.eot');
	src: local('☺'), url('/Fonts/meta-bold-webfont.woff') format('woff'), url('/Fonts/meta-bold-webfont.ttf') format('truetype'), url('/Fonts/meta-bold-webfont.svg#webfontopC5666s') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{background-color:#fff;background-image:url(../Images/BgBody.gif);background-repeat:repeat-y;background-position:center top;margin:0;padding:0;}
#Main{width:936px;min-height:100%;background-color:#fff;margin:0 auto;}
#Logo{float:left;width:199px;}
#NavAndTopBar{float:right;margin-top:18px;width:737px; }
#NavAndTopBar{margin-top:19px\9;}

.ContentTitle { font-family: 'MetaBold'; font-size:30px;}

#TopBar{min-height:20px; float:right; margin-right:18px;}
.LoggedInUser {float:right;width:650px; margin-right:18px; text-align:right;height:22px;padding-top:7px;color:#666666; font-size:11px;}

.SubscribeButton{background:url('/Images/subscribe_btn.png') no-repeat;width:164px;height:25px;display:inline-block;}
.LoginButton{background:url('/Images/login_btn.png') no-repeat;width:76px;height:25px;display:inline-block;}
.LogoffButton{background:url('/Images/logout_btn.png') no-repeat;width:76px;height:25px;display:inline-block;}
.RegisterButton{background:url('/Images/register_btn.png') no-repeat;width:76px;height:25px;display:inline-block;}
#Nav{float:right;position:relative;width:737px; height:48px;}

#Nav ul.TopNav li{float:left;margin:0;padding:0;}
#Nav ul.TopNav li a.TopNavA {float:left;height:48px;background:url('/Images/main_nav.png') no-repeat;position:relative;}

#Nav ul.TopNav li.NavAboutUs a.TopNavA{width:78px;background-position:0 0;}
#Nav ul.TopNav li.NavWhyWalk a.TopNavA{width:91px;background-position:-78px 0;}
#Nav ul.TopNav li.NavGetWalking a.TopNavA{width:98px;background-position:-169px 0;}
#Nav ul.TopNav li.NavWalkingMaps a.TopNavA{width:110px;background-position:-267px 0;}
#Nav ul.TopNav li.NavTakeAction a.TopNavA{width:94px;background-position:-377px 0;}
#Nav ul.TopNav li.NavWhatsOn a.TopNavA{width:87px;background-position:-471px 0;}
#Nav ul.TopNav li.NavNews a.TopNavA{width:179px;background-position:-558px 0;}

#Nav ul.TopNav li.NavAboutUs a.TopNavA:hover{background-position:0 -96px;}
#Nav ul.TopNav li.NavWhyWalk a.TopNavA:hover{background-position:-78px -96px;}
#Nav ul.TopNav li.NavGetWalking a.TopNavA:hover{background-position:-169px -96px;}
#Nav ul.TopNav li.NavWalkingMaps a.TopNavA:hover{background-position:-267px -96px;}
#Nav ul.TopNav li.NavTakeAction a.TopNavA:hover{background-position:-377px -96px;}
#Nav ul.TopNav li.NavWhatsOn a.TopNavA:hover{background-position:-471px -96px;}
#Nav ul.TopNav li.NavNews a.TopNavA:hover{background-position:-558px -96px;}

.NavAboutUsHover {background-position:0px -96px !important;}
.NavWhyWalkHover {background-position:-78px -96px !important;}
.NavGetWalkingHover {background-position:-169px -96px !important;}
.NavWalkingMapsHover {background-position:-267px -96px !important;}
.NavTakeActionHover {background-position:-377px -96px !important;}
.NavWhatsOnHover {background-position:-471px -96px !important;}
.NavNewsHover {background-position:-558px -96px !important;}

#Nav ul.TopNav li.NavAboutUs.Active a.TopNavA{background-position:0 -48px;}
#Nav ul.TopNav li.NavWhyWalk.Active a.TopNavA{background-position:-78px -48px;}
#Nav ul.TopNav li.NavGetWalking.Active a.TopNavA{background-position:-169px -48px;}
#Nav ul.TopNav li.NavWalkingMaps.Active a.TopNavA{background-position:-267px -48px;}
#Nav ul.TopNav li.NavTakeAction.Active a.TopNavA{background-position:-377px -48px;}
#Nav ul.TopNav li.NavWhatsOn.Active a.TopNavA{background-position:-471px -48px;}
#Nav ul.TopNav li.NavNews.Active a.TopNavA{background-position:-558px -48px;}

.border{border:1px solid red;}

#Nav div.Flyout{display:none;position:absolute;top:48px;left:0;width:208px;border:1px solid #edecec;background:#fff;z-index:12; }

#Nav div.Flyout ul{width:100%; }
/** html #Nav div.Flyout ul{height:1px;}
*:first-child+html #Nav div.Flyout div{padding-top:1px;}*/
div.Flyout li {padding:0;margin:0;width:100%;}
div.Flyout li a.FlyoutLink { background: #fff url('/Images/bullet.png') no-repeat 8px 10px; padding:10px 10px 10px 31px; margin:0; display:block;font-weight:bold; font-size:12px; text-decoration:none;}
div.Flyout li a.FlyoutLink:Hover{ background-color: #f0f0f0; color:#000;text-decoration:none !important;}
li.NavWhyWalk div.Flyout{left:78px !important;}
li.NavGetWalking div.Flyout{left:169px !important;}
li.NavWalkingMaps div.Flyout{left:267px !important;}
li.NavTakeAction div.Flyout{left:377px !important;}
li.NavWhatsOn div.Flyout{left:471px !important;}
li.NavNews div.Flyout{left:558px !important;}

#Content{background-image:url(../Images/BgContent.gif);background-repeat:repeat-x;padding:19px 19px 0 16px;}
#ContentHeader{background-image:url(../Images/BgContentHeader.gif);background-repeat:no-repeat;background-color:#fff;min-height:73px;padding:3px 0 0 183px;}
body.FullWidth #ContentHeader{padding-left:17px;}
* html #ContentHeader{height:73px;}
#Breadcrumbs{font-size:0.9em;margin:14px 0 0 -4px;}
#Breadcrumbs ul{display:inline;list-style-type:none;margin:0;padding:0;}
#Breadcrumbs li{display:inline;margin:0;padding:0;}
#Breadcrumbs li span{background-image:url(../Images/BgBreadcrumbItem.gif);background-repeat:no-repeat;background-position:right 3px;padding:0 7px 0 4px;}
#ContentHeader h1{overflow:hidden;background-repeat:no-repeat;background-position:0 -5px;margin:3px 0 0 0px;}
#ContentBody{background-image:url(../Images/BgContentBody.gif);background-repeat:no-repeat;background-color:#fff;min-height:180px;padding:9px 17px 0 0;}
* html #ContentBody{height:180px;}
#SubNav{float:left;width:183px;}
#SubNav ul{list-style-type:none;margin:0;padding:28px 0 0 5px;}
#SubNav li a{display:block;font-size:0.93em;font-weight:700;background:url('/Images/bullet.gif') no-repeat 0 5px;padding:5px 0 15px 25px;}
#SubNav li a:visited{color:#29a048;}
#SubNav li ul{margin:0;padding: 0 10px 0 0;}
#SubNav li ul li a{background:url('/Images/sub_bullet.gif') no-repeat 5px 3px;font-weight:400;padding:0 0 15px 25px;}
#ContentBodyInner{float:right;width:700px;padding:20px 0 0;}
body.FullWidth #ContentBodyInner{width:auto;float:none;margin-left:17px;}

#ContentBodyInner ul#TOC{list-style-type:none;border-bottom:1px solid #e0f072;margin:0 0 22px;padding:0 0 10px;}
#ContentBodyInner ul#TOC li{background-image:url(../Images/BgSubNavItem2.gif);background-repeat:no-repeat;background-position:left center;margin:0 0 11px;padding:0 0 0 28px;}

.RelatedLinksTop{ margin-left:4px;width:692px; height:3px; background: url('/Images/related_links_top.gif');}
.RelatedLinksBottom{margin-left:4px;width:692px; height:3px; background: url('/Images/related_links_bottom.gif');}

#TextSizeChangeLink {float:right;width:100%; text-align:right; margin-bottom:10px; }
#TextSizeChangeLink a{color:#999;border:solid 1px #BBB; padding:4px 12px; display:inline-block; }
#TextSizeChangeLink a:Hover{text-decoration:none;}

.FooterTop {height:161px; background:url('/Images/BgContentFooter.gif') no-repeat; width:100%;}

#Footer { margin-top:20px; padding-bottom:20px;}
#Footer div {}
#FooterImage{color:#333;padding-top:161px;background-image:url(../Images/BgContentFooter.gif);background-repeat:no-repeat; }
.FooterInner { float:right; width:100%;}
#FooterLinks{font-size:0.9em;}
#FooterLinks ul{list-style-type:none;float:right;margin:0;padding:0;}
#FooterLinks li{float:left;font-weight:700;background-image:url(../Images/BgFooterLinks.gif);background-position:left 3px;background-repeat:no-repeat;padding:0px 6px;}
#FooterLinks li.Last {padding-right:0px;}
#FooterLinks li:first-child{background-image:none;}

#Copyright{float:right; width:100%;padding:10px 0px 0 0; text-align:right;}
#VicHealthInfo{float:left;font-size:11px;width:320px;position:relative;padding:13px 0 0 20px; }
#VicHealthInfo a{float:left; }
#VicHealthInfo .Blurb { float:left;width:190px;padding:39px 0 0 10px;}

.Mandatory{background-image:url(../Images/IconMandatory.gif);background-repeat:no-repeat;display:block;height:16px;width:16px;float:right;margin-right:-4px;}
div.Pager{margin-bottom:13px;}
div.Pager div{float:right;}
div.Pager span{float:left;color:#686868;font-size:0.9em;padding:11px 14px 0 0;}
div.Pager input{width:17px;text-align:center;float:left;margin:0 5px;}
div.Pager a.Disabled img{cursor:default;filter:alpha(opacity=20);opacity:0.2px;}
#CommentsWrapper{width:699px;overflow:hidden;}
#CommentsHeader{background-image:url(../Images/BgCommentsHeaderTop.gif);background-repeat:no-repeat;padding-top:12px;}
#CommentsHeader.Dynamic{cursor:pointer;}
#CommentsHeader div{background-image:url(../Images/BgCommentsHeaderBottom.gif);background-repeat:no-repeat;background-position:left bottom;padding-bottom:12px;}
#CommentsHeader div div{background-image:url(../Images/BgCommentsHeader.gif);background-repeat:repeat-y;padding:1px 0 0;}
#CommentsHeader div div div{width:329px;background-image:url(../Images/BgCommentsHeaderQuotes.gif);background-repeat:no-repeat;background-position:left 4px;text-align:center;margin:0 auto;padding:0;}
#CommentsHeader h2{font-size:15px;font-style:italic;font-weight:400;margin:0 0 2px;}
#CommentsHeader span{font-size:0.9em;color:#545454;}
#Comments{font-size:0.9em;}
#Comments li{background-color:#f2f2f2;background-image:url(../Images/BgCommentsItemBottom.gif);background-repeat:no-repeat;background-position:left bottom;padding-bottom:6px;margin:6px 0 0;}
#Comments li span{display:block;background-image:url(../Images/BgCommentsItemTop.gif);background-repeat:no-repeat;color:#333;padding:10px 13px 7px;}
#Comments li span span{background-image:none;float:right;color:#797979;padding:0;}
#Comments li div{background-color:#fff;margin:0 6px;padding:19px 15px 20px;}
#Comments li div p{margin:1.5em 0 0;}
#Comments li input{background-image:none;font-weight:400;color:#888;margin:0;padding:5px 0 0 6px;}
#Comments p.NoComments{text-align:center;margin:8px 0;}
#Comments #FormOuter{margin:6px 0;}
#Comments #FormOuter h3{background-color:#f2f2f2;background-image:url(../Images/BgCommentsItemTop.gif);background-repeat:no-repeat;font-size:1em;margin:0;padding:9px 17px 7px;}
#Comments #FormInner{background-color:#f2f2f2;background-image:url(../Images/BgCommentsItemBottom.gif);background-repeat:no-repeat;background-position:left bottom;margin:0;padding:0 6px 5px;}
#Comments #FormOuter textarea{border:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:#fff;width:99%;height:100px;}
#Comments #FormOuter input{float:right;margin:6px 0 0;}
#Comments #FormOuter .ValidationMessage{margin:0;padding:5px 0 2px 5px;}
#Comments .Captcha{display:block;margin-top:5px;}
#Comments #FormOuter .Captcha input{float:left;margin-right:5px;}
a.SubscribeFeed{background-image:url(../Images/Feed.gif);background-repeat:no-repeat;line-height:16px;padding:2px 0 2px 20px;}
.PanelList{background-image:url(../Images/BgPanelListTop.gif);background-repeat:no-repeat;padding-top:5px;margin-top:22px;}
body.FullWidth .PanelList{background-image:url(../Images/BgPanelListTopWide.gif);}
.PanelList ul{background-image:url(../Images/BgPanelListBottom.gif);background-repeat:no-repeat;background-position:left bottom;list-style-type:none;background-color:#eee;margin:0;padding:0 0 1px;}
body.FullWidth .PanelList ul{background-image:url(../Images/BgPanelListBottomWide.gif);}
.PanelList li{background-image:url(../Images/BgPanelListItemTop.gif);background-repeat:no-repeat;margin:0 5px 0 6px;padding:4px 0 0;}
body.FullWidth .PanelList li{background-image:url(../Images/BgPanelListItemTopWide.gif);}
.PanelList div.PanelListInner{background-color:#fff;background-image:url(../Images/BgPanelListItemBottom.gif);background-repeat:no-repeat;background-position:left bottom;margin-bottom:5px;padding:1px 5px 6px;}
body.FullWidth div.PanelListInner{background-image:url(../Images/BgPanelListItemBottomWide.gif);}
.PanelList div.PanelListInner2{background-image:none;margin:0;padding:8px 10px 7px;}
.PanelList li h2,.PanelList li h3{font-size:1em;}
.PanelList div.Hover:hover{background-color:#ecf5a2;cursor:pointer;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
html,body,* html #Main{height:100%;}

#UserBar,#SearchBar,div.Pager img{float:left;}

#SearchBar {}
#SearchBar input[type="text"] {-moz-border-radius:0px; padding:0;border:none; margin-top:3px;margin-left:3px; height:20px;}
#SearchBar input[type="submit"] {-moz-border-radius:0px;padding:0;margin:0;background: url('/Images/search_go.png') no-repeat; text-indent:-10000px;width:45px; height:25px;}
#SearchBar .SearchInputSurround{background: url('/Images/search_bg.png') no-repeat; width:161px;height:25px; float:left;  }

#UserBar a {margin-right:10px;}


#Nav ul,#Comments ul{list-style-type:none;margin:0;padding:0;}
#Nav li:hover div.Flyout,#Nav li.Hover div.Flyout,#VicHealthInfo div span,html[xmlns] .clearfix{display:block;}
#Nav div.Flyout li:first-child,#Nav div.Flyout li.FirstChild,#Comments li div p:first-child{margin-top:0;}
*:first-child+html #Nav div.Flyout li a,* html #Nav div.Flyout li a{display:block;position:relative;}
*:first-child+html #Nav div.Flyout li a span,* html #Nav div.Flyout li a span{position:absolute;top:50%;cursor:pointer;width:200px;}
*:first-child+html #Nav div.Flyout li a span span,* html #Nav div.Flyout li a span span{position:relative;top:-50%;width:auto;}
#Breadcrumbs li a,#SubNav li a.Active{color:#000;}

#FacebookHolder a:Hover {text-decoration:none !important; }
