/* General styles */
    
body {font-family: Arial,Helvetica,sans-serif;
      margin:0;
      padding:0;
      border:0; /* This removes the border around the viewport in old versions of IE */
      width:80%;			
      height:675px;
      padding:0;
      margin:10px auto 0 auto;
      background:#fff;
      min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:80%;}

a {color:#369;}
   

a:hover {	color:#369;
	/*background:#369;*/
	text-decoration:none;}
    
h1 {font-size: 190%;
    font-family: Arial;
    color: #6C6D87;}
	
	
h2 {font-size: 170%;
    font-family: Arial;
    color: #6C6D87;}
	
h3 {font-size: 150%;
    font-family: Arial;
    color: #6C6D87;}

h4 {font-size: 130%;
    font-family: Arial;
    color: #6C6D87;}

table {width: 100%;
       position: relative;
       border: 1px solid #000000;
       border-collapse: collapse;
       
              }

table th {background-color: #eaeaea;
          font-weight: bold;
          text-align: center;
          padding: 5px;}

table td {border: 2px #eaeaea solid ;
          padding: 5px;}
          
          
        
    
img {border: none;}
	
.sitetitle {font-size: 250%;
            font-family: Arial;
            color: #6C6D87;}

fieldset {border: none;}
	
.col1 ul li {list-style-image: url(http://www.dhcs.act.gov.au/__data/assets/image/0003/34167/purple_bullet.gif
);}


/* Header styles */

#header {clear:both;
         float:left;
         width:99%;}

#header {border-bottom:10px solid #AAC42F;
         height: 99px;}
	
#header p, #header h1, #header h2 {padding:.4em 15px 0 15px;
                                   margin:0;}

#header ul {clear:left;
	   float:left;
	   width:100%;
	   list-style:none;
	   margin:10px 0 0 0;
	   padding:0;}

#header ul li {display:inline;
	      list-style:none;
	      margin:0;
	      padding:0;}

#header ul li a {display:block;
	        float:left;
	        margin:0px 0px 0px 1px;
	        padding:3px 10px;
	        text-align:center;
	        background:#eee;
	        color:#000;
	        text-decoration:none;
	        position:relative;
	        left:15px;
	        line-height:1.3em;}

#header ul li a:hover {background:#369;
                       color:#fff;}

#header ul li a.active,#header ul li a.active:hover {color:#fff;
                                                     background:#000;
                                                     font-weight:bold;}

#header ul li a span {display:block;}
	
#header_left {float: left;}
	
#header_right {float: right;
	      height: 99px;
	      padding-top: 20px;}
				   
#header_links {float:right;
               font-size: 85%;
	      padding-right: 0px;}
				   
#header_links a {text-decoration: none;}
				   
#header_links a:hover {text-decoration: underline;
	              color: #336499;}
	
#search {float: right;}
	         	
.breadcrumbs {font-size: 85%;
              color: #336499;
	     font-weight: bold;
	     background-color: #EAEAEA;}
	
	
	
/* 'widths' sub menu */

#layoutdims {clear:both;
	    background:#eee;
	    border-top:4px solid #000;
	    margin:0;
	    padding:6px 15px !important;
	    text-align:right;}

/* column container */

.colmask {position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	 clear:both;
	 float:left;
          width:100%; /* width of whole page */
	 overflow:hidden;	/* This chops off any overhanging divs */}

/* holy grail 3 column settings */

.holygrail {/*background:#ff9; /* Right column background colour */
	   background:#ffffff;}
		
.holygrail .colmid {float:left;
                    width:200%;
                    margin-left:-200px; /* Width of right column */
                    position:relative;
                    right:100%;
                    background:#fff; /* Centre column background colour */}

.holygrail .colleft {float:left;
                     width:100%;
                     margin-left:-50%;
                     position:relative;
                     left:345px; /* Left column width + right column width */
                     background:#eaeaea; /* Left column background colour */
		   margin-top: 10px;}

.holygrail .col1wrap {float:left;
	             width:50%;
	             position:relative;
	             right:200px; /* Width of left column */
	             padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */}
	
.holygrail .col1 {margin:0 145px 0 215px; /* Centre column side padding: 
                  Left padding = left column width + centre column left padding width     	         Right padding = right column width + centre column right padding width */
                  position:relative;
	         left:200%;
	         overflow:hidden;}

.holygrail .col2 {float:left;
                  float:right; /* This overrides the float:left above */
                  width:140px; /* Width of left column content (left column width minus left and right padding) */
                  position:relative;
                  right:0px; /* Width of the left-had side padding on the left column */
		margin-left: 0px;}
	
.holygrail .col2 ul li {list-style-type: none;
                        padding: 4px;
                        border-bottom:solid;
                        border-bottom-color: #ffffff;
	               border-bottom-width: 2px;
		      margin-left: -45px;
		      text-align:left;
		      display: block;}
						
.holygrail .col2 ul li a {display: block;
	                 color: #000000;
	                 text-decoration: none;
		        width: 140px;}
							  
.holygrail .col2 ul li a:hover {display: block;
	                       color: #005ADB; /*Text colour for left nav hover effect*/
	                       background: none;}

.holygrail .col2 ul li.current a {color: #005ADB; /*Text colour for left nav on current page*/}

	
.holygrail .col3 {float:left;
                  float:right; /* This overrides the float:left above */
                  width:170px; /* Width of right column content (right column width minus left and right padding) */
                  margin-right:20px; /* Width of right column right-hand padding + left column left and right padding */
                  position:relative;
                  left:50%;}

/* Footer styles */

#footer {clear:both;
         float:left;
         width:100%;
	border-top:2px solid #AAC42F;}
    
#footer p {padding:5px;
           margin:0;
	  text-align: center;
	  font-size: 85%;}

/* Right column feature box styles */

#box3 {display: none;}

	
.featurebox {width: 170px;
             /*background-color: #e5f0f4;*/
	    background-color: #FEFDFD;
	    padding: 1px 1px 1px 1px;
	    border:1px solid #675fac;
	    margin-top: 15px;
	    text-align: center;}
				 
.featurebox h1 {width: 170px;
                color: #ffffff;
	       font-size: 120%;
	       text-align: center;
	       border-bottom-style:solid;
                background-color: #675fac;
	       border-bottom-width: 2px;
	       border-bottom-color: #675fac;
	       margin: 0;}

.featurebox h4 {padding-left: 2px;
               padding-right: 2px;}
					
.featurebox p {padding-left: 2px;
               padding-right: 2px;
               vertical-align: middle;
	      margin-top: 5px;
	      margin-bottom: 5px;}
					
.featurebox img {padding-left: 2px;
                 padding-right: 2px;
                 vertical-align: middle;
	        margin-top: 5px;
	        margin-bottom: 5px;}

.featurebox a {padding-left: 2px;
               padding-right: 2px;}
					
					
.featurelinks {color: #675FAC;
               font-weight: bold;}
	   
.featurelinks ul {list-style-type: none;
                  margin-left: 0px;
                  padding: 15px 2px 2px 2px;}
						
.featurelinks ul li {width: 170px; 
                     padding-bottom: 2px;
                     margin-left: 0px;}
	                
/* Homepage feature box styles */
	 
.latestnewsbox {width: 99%;
                background-color: #FEFDFD;
                padding: 1px 1px 1px 1px;
				margin-top: 4px;
				margin-bottom: 4px;
	       border:1px solid #675fac;}
				 
.latestnewsbox h1 {width: 100%;
                   color: #ffffff;
        		 font-size: 140%;
		 border-bottom-style:solid;
	          background-color: #675fac;
		 border-bottom-width: 2px;
		 border-bottom-color: #675fac;
		 margin: 0;}
		 
.latestnewsboxpink {width: 99%;
                background-color: #FEFDFD;
                padding: 1px 1px 1px 1px;
				margin-top: 4px;
				margin-bottom: 8px;
	       border:1px solid #EC098D;}
				 
.latestnewsboxpink h1 {width: 100%;
                   color: #ffffff;
        		 font-size: 140%;
		 border-bottom-style:solid;
	          background-color: #EC098D;
		 border-bottom-width: 2px;
		 border-bottom-color: #EC098D;
		 margin: 0;}

.latestnewsboxpink ul li
		{list-style-image: url(http://www.dhcs.act.gov.au/__data/assets/image/0008/66743/pink_bullet.gif)
		;}
	
fieldset {float: right;
          padding-right: 0px;}

.right {position: relative;
        float: right;
        margin: 2px 2px 2px 2px;}

.left {position: relative;
        float: left;
        margin: 2px 2px 2px 2px;}



/*************** Readspeaker *************/
.speaker{
    padding: 0 0 0px 0px; 
    text-align:right;
    font-weight:bold;
    color:#003366;
    margin-top:0px;
    margin-bottom:5px;
}
.speaker a {
    font-weight:bold;
    color:#003366;
    text-decoration:none;
    }
.speaker a:hover {
    text-decoration:underline;
}
.listen {
    vertical-align:right;
    margin-left:5px;
    width:30px;
    height:10px;
    border:none;
    }