﻿/* Global Reset */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LEGEND, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {border:0px; font-size:10px; font-weight:bold;}
DIV#content IMG {float:none;}


/*
BODY {background: #FFFFFF url('/img/myBallarat/bg_html.gif') repeat scroll 0 0; font-family:Arial,Helvetica,sans-serif; font-size:62.5%; line-height:normal; text-align:center;}
*/
BODY  
{
	background-color: #a8cee2;
	font-family:Arial,Helvetica,sans-serif; font-size:72.5%; line-height:normal; text-align:center;        
}

BODY DIV {text-align:left;}
.skiplinks {position:absolute !important; left:-9000px !important; top:0px !important;}
.hidden {display:none;}
.clear {
	clear:both;
}
/* Layout */
DIV#position {width:960px; margin:0px auto;}
DIV#page {float:left;}


/* Global Typography */
/* Block Level Elements */
H1 {color:#000; font-size:2.0em; padding:0.2em 0px;}
H2 {color:#000; font-size:1.8em; padding:0.2em 0px;}
H3 {color:#000; font-size:1.6em; padding:0.2em 0px;}
H4 {color:#000; font-size:1.5em; padding:0.2em 0px;}
H5 {color:#000; font-size:1.4em; padding:0.2em 0px;}
H6 {color:#000; font-size:1.3em; padding:0.2em 0px;}
P, LI, DT, DD {color:#000; font-size:1.0em; padding:0.5em 0px;}
P {line-height:1.5em;}
UL {padding:0.7em 0px 0.7em 10px; list-style:none;}
OL {padding:0.7em 21px 0.7em 30px;}
UL UL, OL UL {padding:0.5em 0px 0px 10px;}
OL OL, UL OL {padding:0.5em 0px 0px 30px;}
UL LI, UL UL LI, UL OL UL LI, OL UL LI {margin:0px; padding:0.2em 0px 0.2em 20px; background:url('/img/myBallarat/bullet_square-black.gif') 6px 0.6em no-repeat;}
OL LI, OL OL LI, OL UL OL LI, UL OL LI {margin:0px; padding:0.2em 0px; background:none;}
UL UL LI, UL OL UL LI, OL UL LI, OL OL LI, OL UL OL LI, UL OL LI {font-size:1.1em;}
DL {padding:0px 5px 0.5em 14px;}
DL DT {padding:0.2em 0px;}
DL DD {padding:0.2em 0px 0.2em 20px;}
DL P, DL LI {font-size:1.1em;}
HR {height:1px; line-height:1px; color:#666366; background:#666366; border:none;}
/* Table Elements */
TD {color:#000; font-size:1.1em;}
/* Inline Elements */
A {color:#64A1CD; text-decoration:underline;}
/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#424242; font-size:1.1em;}
INPUT.text {padding:2px 0px 2px 3px; border:1px #969696 solid;}
INPUT.radio {border:none;}
INPUT.checkbox {border:none;}
LABEL {color:#424242; font-size:1.0em; font-weight:bold;}
LEGEND {color:#424242; font-size:1.1em;}
SELECT {color:#424242; font-size:1.1em; border:1px #969696 solid;}
TEXTAREA {color:#424242; font-size:1.1em; border:1px #969696 solid; font-family:Arial,Tahoma,Helvetica,San Serif;}
/* Accessibility Elements */
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

/* General */
.mandatory {
	color: red;
}

/* Header Styles */
.nh {
	float: left;
	width: 960px;
}
.headerCurve{
	background: transparent  url('/img/myBallarat/HeaderBottomCurve.png') no-repeat;	
	height: 9px;
	width: 960px;
	float: left;
	clear: both;
}

.headerBar{
	background: transparent  url('/img/myBallarat/Top-Menu-Background.jpg') no-repeat;
	height: 30px;
	width: 960px;
	float: left;
}

.headerLogo{
	float: left;
	white-space: nowrap;
	width: 130px;
}
.headerMenu{
	float: left;
	white-space: nowrap;
	width: 650px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

#nav {
	float:left;
	padding: 7px 0px 0 137px;
}

#nav li{
	display:inline;
	float:left;
	background: transparent none;
	font-size: 1.0em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#nav li a {
	float:left;
	text-decoration:none;
	color:#ffffff;
}

.headerSearch{
	float: right;
	white-space: nowrap;
	width: 272px;
	padding-top: 7px;
	padding-left: 0px;
	padding-right:10px;
	height: 25px;
	position: relative;	
}

.searchTextBox {
	float: left;
	height: 17px;
	margin-top: 1px;
	width: 180px;
	margin-right: 5px;
}

.headerBanner{
	float: left;
	white-space: nowrap;
	height: 128px;	
}

.bannerLeft{
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	position: relative;
}

.bannerMain{
	float: left;
	padding: 0px;
	margin-left: 0px;
	position: relative;
}

/* Body - Left Navigation */
.bodyLeft{
	float: left;
	padding: 0px;
	margin: 10px;
	width: 200px;
}

.bodyLeft h1
{
	float: left;
	border-bottom:2px solid #0086d8;
	width: 100%;
}
.bodyLeft ul
{
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	width: 100%;
}
.bodyLeft li
{
	float: left;
	background:none;
	color:#36A7E9;
	padding:0px;
	width: 100%;	
	font-weight: bold;	
}

.bodyLeft ul li
{
	font-size: 1.1em;
}

.bodyLeft ul li ul li
{
	font-size: 1em;
}

.bodyLeft ul li ul li ul li
{
	font-size: 1em;
}

.bodyLeft ul li ul li ul li ul li
{
	font-size: 1em;
}

.bodyLeft ul li ul li ul li ul li ul li
{
	font-size: 1em;
}

.bodyLeft ul li a.active{
	background:transparent url('/img/myBallarat/menu-arrow-down.gif') no-repeat scroll 0 8px;
	background-color: #002663;
	color: white;
	border-bottom:1px solid #0086d8;
}

.bodyLeft ul li a
{
	background:transparent url('/img/myBallarat/menu-arrow.gif') no-repeat scroll 0 8px;
	text-decoration: none;
	color: #09184b;
	padding:8px 0 8px 20px;	
	display:block;	
	border-bottom:1px solid #0086d8;
}


.bodyLeft ul li ul 
{
	display: none;
}

.bodyLeft ul li.active ul
{
	display: block;
}

.bodyLeft ul li.active ul li ul
{
	display: none;
}

.bodyLeft ul li.active ul li.active ul
{
	display: block;
}

.bodyLeft ul li.active ul li.active ul li ul
{
	display: none;
}

.bodyLeft ul li.active ul li.active ul li.active ul
{
	display: block;
}

.bodyLeft ul li.active ul li.active ul li.active ul li ul
{
	display: none;
}

.bodyLeft ul li.active ul li.active ul li.active ul li.active ul
{
	display: block;
}

.bodyLeft a.last
{
	background: none;
}

.bodyLeft a.activeLast
{
	background:#0096DB none repeat scroll 0 0;
	color: White;
}

.bodyLeft ul li ul li a{
	background:transparent url('/img/myBallarat/menu-arrow.gif') no-repeat scroll 20px 8px;
 	padding-left:40px;
	border-bottom:1px solid #0086d8;
}

.bodyLeft ul li ul li a.active{
	background: #0096DB url('/img/myBallarat/menu-arrow-down-light.gif') no-repeat scroll 20px 10px;
	background-color: #0096db;
	color: white;
	border-bottom:1px solid #0086d8;
}

.bodyLeft ul li ul li ul li a{
	background:transparent url('/img/myBallarat/menu-arrow.gif') no-repeat scroll 40px 8px;	
 	padding-left:60px;
	border-bottom:1px solid #0086d8;
}
.bodyLeft ul li ul li ul li a.active{
	background: #0096DB url('/img/myBallarat/menu-arrow-down-light.gif') no-repeat scroll 40px 8px;
 	padding-left:60px;
	background-color: #0096db;
	color: white;
	border-bottom:1px solid #0086d8;
}

.bodyLeft ul li ul li ul li ul li a{
	background: transparent url('/img/myBallarat/menu-arrow.gif') no-repeat scroll 60px 8px;
 	padding-left:80px;
	border-bottom:1px solid #0086d8;
}
.bodyLeft ul li ul li ul li ul li a.active{
	background: #0096DB url('/img/myBallarat/menu-arrow-down-light.gif') no-repeat scroll 60px 8px;
 	padding-left:80px;
	background-color: #0096db;
	color: white;
	border-bottom:1px solid #0086d8;
}

/* Body Styles */
.bodyCurveTop{
	background: transparent url('/img/myBallarat/BodyTopCurve.png') no-repeat;	
	float: left;
	width: 960px;
	height: 10px;
}
.bodyCurveBottom{
	background: transparent url('/img/myBallarat/BodyBottomCurve.jpg') no-repeat;	
	float: left;
	width: 960px;
	height: 10px;
}
#body{
	background-color: white;
	float: left;
	width: 960px;
}


/* Footer Styles */
#footer{
	background: #091747 url('/img/myBallarat/Background-Footer.jpg') repeat;
	float: left;
	position: relative;
	width: 960px;
	height: 313px;
}
#footer UL LI,#footer UL LI A,#footer P,#footer A,#footer H1
{	
	color: white;
} 
#footer H2{
	color: #56aade;
}

.footerHeader{
	padding-top: 27px;
	padding-left: 30px;
	padding-right: 30px;
}

.footerLeft{
	position: absolute;
	width: 445px;	
	left: 30px;
}
.footerRight{
	width: 445px;	
	left: 480px;
	position: absolute;
}

.footerBottom{
	position: absolute;
	bottom: 10px;
	float: left;
	padding-left: 30px;
	padding-top: 5px;
}

.calendar{
	background-image: url('/img/myBallarat/calendar-background.png');
	background-repeat:no-repeat;
}

.calendar A:link{
	text-decoration:none !important;
	font-size:small;
}

.calendar .nextPrev{
	background-repeat:no-repeat;
	font-style:normal;
	text-align:center;
	vertical-align:middle;
}

.calendar .nextPrev A:link{
	background-image:url('/img/myBallarat/calendar-nextprev.png');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	vertical-align:middle;
	
}

.calendar .nextPrev A:link{
	color:#2299D5 !important;
	font-weight:bold;
}
.calendar .todayDay{
	background-image:url('/img/myBallarat/calendar-today.png');
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	width:20px !important;
	height:17px !important;
}

.calendar .todayDay A:link{
	color:white !important;
}

.calendar .dayHeader{
	 font-weight:bolder;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:medium;

}

.calendar .titleStyle{
	background-image:none;
	font-size:medium;
	font-weight:bold;
}

.pagination {
	float: left;
	text-align: center;
	width: 100%;	
	margin-top: 3px;
}
.pagination li {
	background: none;
	display: inline;
	text-decoration:none;
	padding-left: 3px;
}

ul.links{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:14px;
	text-align:center;
	width:941px;
}

.links UL{border-top:1px dotted #09184B;}
.links UL {float:left; list-style:none; text-align:center; padding:5px 0px 5px 0px; width:406px;}
.links UL LI {float:left;display:inline; padding:0px 10px 0px 11px; font-size:10px; line-height:16px; color:#666666; background:transparent url('/img/myBallarat/bg-foot-divider.gif') no-repeat scroll 100% 50%;}
.links UL > LI {padding:0px 11px 0px 9px;}
.links UL LI.first {padding-left:0px;}
.links UL LI.last {background-image:none;}
.links UL LI A {color:#666666;}
.links UL{
	border-bottom:2px solid #0086d8;
}

.rss a:before{
	background:transparent url('/img/myBallarat/bg-foot-divider.gif');
}

/* ASP.NET Validation Summary */
.ValidationSummary
{
	background-color: #f2535e;
	float: left;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
}

#sitemap
{
	float: left;
	
}

/* Weather Widget */
.weather-tabs .ajax__tab_body { width:260px; height:137px; padding:0em; background: url('/img/myBallarat/weather/background-gradient.png') repeat top; }
.weather-tabs .ajax__tab_active .ajax__tab_outer { background: url('/img/myBallarat/weather/tab-right-active.png') no-repeat right; }
.weather-tabs .ajax__tab_active .ajax__tab_inner { background: url('/img/myBallarat/weather/tab-left-active.png') no-repeat left; }
.weather-tabs .ajax__tab_active .ajax__tab_tab { background: url('/img/myBallarat/weather/tab-back-active.png') repeat-x top; }
.weather-tabs .ajax__tab_outer { background: url('/img/myBallarat/weather/tab-right.png') no-repeat right; padding-right:5px; height:17px; }
.weather-tabs .ajax__tab_inner { background: url('/img/myBallarat/weather/tab-left.png') no-repeat left; padding-left:5px; height:17px; }
.weather-tabs .ajax__tab_tab { background: url('/img/myBallarat/weather/tab-back.png') repeat-x top; color:#0A174B; font-size:1.1em; font-weight:bold; margin:0px !important; height:17px; padding-top:2px; }
.weather-left { float:left; width:75px; height:120px; padding: 5px 10px 0px 5px; }
/*
.weather-left img { float:left; }
*/
.weather-left .weather-forecast { float:left; color:#FFFFFF; background-color:#08184B; width:65px; text-align:center; font-weight:bold; font-size:0.75em; padding:1px; margin:5px 0px 0px; }
.weather-right { float:left; width:155px; height:120px; padding: 5px 10px 0px 0px; }
.weather-right .weather-now { font-size:2em; color:#FFFFFF; line-height:1em; }
.weather-right .weather-desc { color:#FFFFFF; }
.weather-upcoming { float:left; padding:5px; }
.weather-upcoming div { float:left; font-size:0.9em; color:#FFFFFF; }
.weather-upcoming div span.weather-day { font-weight:bold; }
/*
.weather-upcmoing img { float:left; }
*/

.newsListDate
{
	text-align: right;
}


