/* DHS INTERNET CSS. LAST UPDATED: 30-04-2009 */

/* Version 2 */

body {
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
        background-color: white;
	font-size: 0.8em;
	height: 100%;
}

/* REDEFINED HTML TAGS  */

p , li , ol , ul , a, td, th {
	font-family: Arial, Verdana, sans-serif;
}

p { margin: .5em 0 1em 0; }

img {
	border: 0;
}

.img     {
	border: 0px;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}    

h1, h2, h3 { margin: 1em 0 .5em 0; }
h4, h5, h6 { margin: .5em 0 0 0; }

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em
}

h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em
}

h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em
}

h5 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.05em
}

h6 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em
}

a:link {
	text-decoration: underline;
         color: #006699;
}

/*a:visited {
	color: #8800ff;
	text-decoration: underline;
}*/

a:hover {
	text-decoration: underline;
         color: #003366;
}

/* OLD LINK STYLES
a:link {
	text-decoration: none
        color: #006699;
}

/*a:visited {
	color: #8800ff;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}
 */

/* CLASS STYLES */

.smaller {
	font-size: 0.85em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.spacer {
	float: left;
	position: absolute;
}

/* SITE BANNER ELEMENTS */

#headerBanner {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	display: block;
	height: 60px;
}

#logoDHS {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	display: block;
	padding: 0 0 0 6px;
	height: 30px;
}

#logoDHS h1, #logoSite h1 {
         margin: 0;
         padding: 5px 0 0 10px;
}

#logoDHS h1 a, #logoSite h1 a {
         font-size: .75em;
         color: white;
         text-decoration: none;
}

#logoDHS a:link {
	color: white;
        text-decoration: none;
}

#logoSite {
	/*vertical-align: top;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #fff;
	display: block;
	padding: 0 0 0 6px;
	height: 30px;
}

#logoSite h1 {
         padding-top: 0;
}

#logoVicGov {
	display: inline;
	float: right;
	clear: both;
	position: relative;
	padding: 0;
}

/* Subnav including eBiz link, Contact and AtoZ, Search form */

#subnav    {
	width: 100%;
	font-weight: bold;
	padding: 2px;
	text-align: right;
	border-top: 1px solid white;
	position: relative;
}

* HTML #subnav    {
	width: 100%;
	padding: 0px;
	text-align: right;
	border-top: 1px solid white;
	position: relative
}

#subnav  a:link {
	color:#fff
}

#subnav  a:visited{
	color:#fff
}

#subnav  a:active{
	color:#fff
}

#subnav  a:hover{
	color:#fff
}

/* SEARCH BAR ELEMENTS */

#searchPanel {
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.85em;
    border-top: 1px solid white;
    display: block;
    padding: 0.2em 0.5em 0.3em 0.0em;
    height: 20px;
}

#searchPanel p {
    float: left;
    padding-left: 15px;
    line-height: 20px;
}

.searchBar {
    text-align: center;
    display: block;
    float: right;
    position: relative;
    padding: 0.2em 0.5em 0.3em 01em;
    margin-top: 0;
    margin-bottom: 10px;
}

.searchBar form input {
   font-size: 95%;
}

#searchPanel form, #searchPanel * {
   display: inline; 
   margin:0px; 
   padding: 0px;
}

#searchPanel a {
    color: #fff;
    text-decoration: underline;
}

#searchBar .searchText {
    font-size: 0.85em;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* SEARCH BUTTON */

ul.navbutton {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.navbutton a, ul.navbutton a:link {
    text-decoration: none;
    text-align: center;
    display: block;
    float: right;
    width: 120px;
    padding: 3px;
    margin: 3px 0 3px 0;
    background-position: top;
} 

/* OVERALL PAGE LAYOUT ELEMENTS */

#layout {
	padding: 20px 0 0 0;
	margin-top: 1px;
	clear: both;
}

.column-left {
         float: left;
         width: 48%;
         padding-top: 1em;
}

.column-right {
         width: 48%;
         float: right;
         padding-top: 1em;
}

.stop-news {
         clear: both;
         display:inline;
}

.stop-columns {
         clear: both;
         float: left;  
}

/* SUB-BRAND ELEMENTS */

div#subbrand {
	height: 90px;
	background: transparent url(mysource_files/subbrandgradient.gif) top left repeat-x;
}


div#subbrand h1 {
	margin: 0;
	letter-spacing: 1px;
	padding: 50px 0px 0px 15px;
	font-family: "Trebuchet MS", Palatino, Times, "Times New Roman", serif;
	font-weight: normal;
	text-transform: lowercase;
	color: #003366;
}

div#subbrand img {
	float: right;
}


/* LEFT NAV ELEMENTS */

#leftNav .graphic {
	padding-bottom: 2px;
}

#leftNav {
	width:157px;
	margin:0 0 0 1px;
	padding: 0;
	font-size: 90%;
	float:left;
	display:inline;
}

#leftNav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:156px;
}

#leftNav li    {
	border:0;
	/*border-top:1px #fff solid;*/
}

#leftNav li a, #leftNav li a:link, #leftNav li a:visited {
	display:block;
	padding:5px 3px 5px 15px;
}

#leftNav a.current, #leftNav a.hier {
	font-weight:bold;
}

* HTML  #leftNav li a, * HTML #leftNav li a:link, * HTML #leftNav li a:visited {
	padding:5px 3px 5px 4px;
	height:1%; 
}

#leftNav ul ul {
        background: none;
}

#leftNav li li a, #leftNav li li a:link, #leftNav li li a:visited {
	display:block;
	padding:5px 3px 5px 10px;
}

#leftNav li li li a, #leftNav li li li a:link, #leftNav li li li a:visited {
	display:block;
	padding:5px 3px 5px 20px;
}

#rightPanel {
	width: 200px;
	padding: 5px;
	font-size: 100%;
	float:right;
	border-top: 3px solid #fff;
}

#sidebar {
	float: right;
	width: 185px;
	padding: 0 0 0 10px;
}

#sidebar a {
        text-decoration: underline;
        color: #006699;
}

#sidebar a:hover, #sidebar a:active {
color:#003366;
text-decoration: underline;
}

#sidebar .accessibility {
        margin-left: 10px;
        padding-bottom: 15px;
}

#sidebar .accessibility a {
        padding-bottom: 2px;
        color: #333399;
}

#sidebar .accessibility .print {
        width: 57px;
        border-right: 1px solid #becdd2;
        float: left;
        padding-right: 0px;
}

#sidebar .accessibility .display {
        float: right;
        width: 100px;
}

#sidebar .accessibility img {
        padding-left: 3px;
        vertical-align: bottom;
}

#sidebarRight {
	width: 185px;
	padding-bottom: 5px;
	display: block;
}

#sidebarRight h1 {
	margin:0;
	padding: 3px;
	font-size: 1em;
	text-align: center;
}

#sidebarRight ul {
	list-style:none;
	margin:0;
	padding:0 10px 10px 5px;
}

#sidebarRight li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#rightPanelmedia {
	width: 300px;
	padding: 4px;
	font-size: 95%;
	float:right;
	display: inline;
}    

#rightPanelprogram {
	width: 300px;
	padding: 4px;
	font-size: 95%;
	float:right;
	display: inline;
}        

.adjusthead    {
	width: 100%;
	font-weight:bold;
	text-align: center;
	padding: 0px;
	display: block;
}

.printhead    {
	width: 100%;
	font-weight:bold;
	text-align: center;
	padding: 0px;
	display: block;
}


#feature {
	height: 100%;
	display: block;
	}

/* RIGHT NAV elements */

.rnav {
	/*float: right;*/
	margin: 10px;
        clear: right;
}

.rnav a {
        color: #006699;
}



.rnav .header, .rnav h2 {
	font-size: 1.2em;
	font-weight:bold;
	color: black;
	padding-bottom: 0px;
	margin: 0;
}

.rnav ul, .rnav p, #sidebar .accessibility {
        font-size: .85em;
	width:165px;
}

.rnav ul {
	margin:0;
	padding:0;
	display: block;
	list-style:none;
	background-color: #fff;
}

.rnav li {
	padding:5px 4px 5px 5px;
        border-bottom: 1px solid #CCCCCC;
}

.rnav .nobottom {
	border-bottom: none;
}

.divisional {
      font-size: 0.85em;
}

/* HOME/LANDING PAGE */


#announcement{
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
margin: 10px 0px 10px 0px;
width:95%;
background:#F0F0F0;
padding: 10px;
display:block;
overflow: auto;

}

#announcement img{
padding: 0 10px 10px 0; 
}

#announcement_first {
border-bottom: 1px solid #D9D9D9;
}


#home {
        min-height: 160px;
        padding-left: 5px;
        width:96%;
        display:block;
        
}

#home h1 {
        width: 155px;
        margin-top: 0;
        float: left;
}

#home img {
        float: right;
        height: 137px;
        margin-bottom: 1em;
        width: 388px;
        margin-left: 7px;

}

#home p {
  margin-top: 0;
  margin-bottom: 10px;
  padding-right: 10px;
  overflow: hidden;
}

div.home-news {
        width: 47%;
        margin-right: 1%;
        padding-top: 6px;
        margin-top: 1%;
        display:inline;
        float: left;
}

#news_container {
	width: 99%; 
}

.news_odd {
	float: left;
	clear: left;
	width: 48%;
	margin-top: 1%;
}

.news_even {
	float: right;
	width: 50%;
	margin-top: 1%;
}

.news_full {
	float: left;
	clear: left;
	width: 98%;
	
}

.news_full img {
float:left;
margin-right:1em;
}


.news_even_clear {
  clear: both;
}

.complete_news_even {
	margin-top: 1%;
}

.complete_news_odd {
	margin-top: 1%;
         margin-left: 1%;
}

.complete_news_odd_clear {
}

#news_container h3 {
   background-color:#EAF1F7;
   margin-bottom:0;
   padding:5px;
   font-size: 1em;
   margin-top: 6px;
}

#news_container img {
   float:left;
   margin-right:1em;
}

div.home-news img {
       float: left;
       margin-right: 1em;
}

ul.home-news {
        margin-top: 15px;
        padding-top: 15px;
}

ul.home-news li {
        border: 0;
        list-style-type: none;
        padding: 0 0 0 20px;
        color: #006699;
        line-height: 1.5em;
}

.news-container {
        /*overflow: auto;*/
        display:block;
}

.news-date {
        /* color: #666666;*/
        color: #444444;
        font-size: 80%;
        padding-bottom: 10px;
        display: block;
}

.feature .news-date {
        width: 10em;
        padding-bottom: 0;
}

.news-odd {
        clear: left;
}

.dynanews-odd {
    clear:left;
}

.dynanews-evenclear {
   clear: both;
}

.home-news h3 {
        background-color: rgb(231, 231, 231);
        padding: 5px;
        margin-bottom: 0;
}

.home-news p {
        margin-top: 0;
        padding: 8px 2px 2px 4px;
}

.news p {
        padding: 3px;
}

.home-news h3, .feature h3 {
        font-size: 1em;
        margin-top: 0;
}

.more-news {
   clear: left;
   margin-bottom: 15px;
}

/* remove old a styles
.home-news a, .feature a {
        text-decoration: underline;
}

.home-news a:link, .feature a:link {
        color: #006699;
} */

.feature img {
        margin-top: .5em;
        margin-left: 1em;
        float: right;
}

.feature h2 {
        color: #606C71; /*rgb(144, 159, 164);*/
        padding-left: 10px;
        margin: 10px;
}

.feature div {
        padding: 10px;
        background-color: rgb(234, 241, 247);
        float:left;
        width: 96%;
}

.feature {
        /* helps alignment issues at lower resolutions, and works better than a clear */
        float: left;
        padding: 0;
        margin: 0;
        width:99%;
}

/* CONTENT AREA ELEMENTS */

#content {
	margin-left: 168px;
	margin-bottom: 0px;
	padding-right: 195px; /*25px;*/
}

/* * html #content {
	margin-left: 168px;
	margin-bottom: 0px;
	padding-right: 195px;
}*/

#content .breadcrumbs {
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*padding-top: 10px*/
}


/* GRAPHICS POSITIONING ELEMENTS */

.graphicLeft {
	padding: 5px 15px 5px 0;
	float: left;
	/* clear: left; */
        /* disabled because content is pushed down if image is before left nav menu */
}

.graphicRight {
	padding: 5px 0 5px 15px;
	float: right;
	clear: right;
	text-align: right;
}

.graphicCentre {
	padding: 5px;
	text-align: center;
}

/* BACK TO TOP */

.top {
	display: block;
	position:  relative;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 10px 0 10px 0;
}

.top a {
	text-align: right;
	font-size: 0.9em;
}

/* FOOTER */

#footer {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	display: block;
	text-align: center;
	font-size: 0.85em;
	padding: 5px;
	clear: both;
	position: relative;
	border-top: 2px solid #fff;
}

/* DATA TABLES */

.dataTable table {
	padding: 3px;
}

.dataTable tr {
	padding: 0px;
}

.dataTable th {
	text-align: left;
	padding: 1px;
	margin: 0;
}

.dataTable td {
	border-top: none;
	padding: 1px;
	margin: 0;
}

/* TABLE STYLES */

/* Standard accessible data table */


div#content table, table.stdTable {
	border-collapse: collapse;
}

div#content table th, table.stdTable th {
	font-weight: bold;
	padding: 0.3em 0.5em;
}

div#content td, table.stdTable td {
	padding: 0.1em 0.5em;
}

div#content .noborder td {
	border: none;
}

div#content table th.TableHeadLeft, table.stdTable th.TableHeadLeft {
	text-align: left;
}

/* Accessible data table with alternating row colours */

div#content table.stripeTable, table.stripeTable {
	border-collapse: collapse;
}

div#content table.stripeTable th, table.stripeTable thead th {
	text-align: center;
	font-weight: bold;
	padding: 0.3em 0.5em;
	border: 0px;
}

div#content table.stripeTable td, table.stripeTable td {
	text-align: left;
	border: 0px;
	padding: 0.1em 0.5em;
}

div#content table.stripeTable td.TableCellCentre, table.stripeTable td.TableCellCentre {
	text-align: center;
}

div#content table.stripeTable th.TableHeadLeft, table.stripeTable th.TableHeadLeft {
	text-align: left;
}

div#content table.stripeTable th.TableHeadRight, table.stripeTable th.TableHeadRight {
	text-align: right;
}

/* MISC STYLES */

/* Styles for presentation of css examples/code etc. */

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}


#access    {
	width: 142px;
	height: 60px;
	text-align: right;
	float: right;
	margin: 3px 10px 3px 0;
	padding: 1px;
}

#print {
         width: 50px;
	height: 60px;
	float: right;
	margin: 3px 2px 3px 0px;
	padding: 1px;
         text-align: center;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	font-size: 1px;
	line-height: 28px;
}

#rightPanel {
	width:179px;
	padding: 5px;
	font-size: 85%;
	float:right;
	display: inline;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0;
}

#feature {
	height: 100%;
	display: block;
}

.noBullets ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 0;
}


.hrbackground {
      background:transparent url(mysource_files/news-hr.jpg) no-repeat;
      padding-top:2px;
}

#minister-holder { height: auto; overflow: hidden; } 


#leftBodyContent { 
    width:178px; font-size:80%; float: left; border-right: thin solid #666666; padding-right: 15px; 
    /* height hack */ padding-bottom: 30000px;
    margin-bottom: -30000px;
}

#middleBodyContent {
    margin-left:15px; font-size:80%; float: left; width: 178px; border-right: thin solid #666666;
    padding-right: 15px;
    /* height hack */
    padding-bottom: 30000px;
    margin-bottom: -30000px;
}

#rightBodyContent { 
    float: left; font-size:80%; width: 178px; margin-left: 15px;
}

#minister-holder { 
    height: auto; overflow: hidden;
}

/* google search */
#google-search { overflow: visible; width: 95%; }
#google-search table.tb { display: none; }
div#content #google-search td, #google-search td.tc, #google-search td.tb { border: 0; }
#res table tbody td.j { border: 0; }

#googlesearchinput {
   border: 1px solid rgb(153, 153, 153);
   color: rgb(85, 85, 85);
   padding: 2px;
   width: 14em;
   font-size: 1em;
   vertical-align: top; 
}
input.googlesubmitbutton {
vertical-align: middle;
margin: 4px 4px 0 4px;
border: none;
width: 25px;
height: 18px;
}
div#subject_listing {
width: 98%;
}

/**
   Viostream specific
**/

.vioplayer_container 
{
   float: right;
   padding-left: 8px;
   padding-right: 8px;
}

.viostream_player_change a
{
   color: white !important;
   text-decoration: none !important;
}
