/* ~~~~~~~~~~~~~~~~~~~~~~~ handheld styles ~~~~~~~~~~~~~~~~~~~~~~ */
* {
    margin:0;
    padding:0;
    max-width: 100%;    
}

body {
    padding:0 0 20px;
    color:#333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#width {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
#access, #tools, #left, #right, #content, #footer {
    font-size: 80% !important;
}

/********************* general links *********************/
a, a:link, a:link, a:link, a:hover {
    background:transparent;
    text-decoration:underline;
    cursor:pointer;
}
a:link {
    color:#10519a;
}
a:visited {
    color:#663399;
}
a:hover, a:active {
    color:#CC6600;
}
/********************* header ***********************/
#access {
    position: inherit;
    left: 0;
    width: auto;
    border-bottom: 1px solid #5D94D0;
    padding: 0.25em; 
}
div#header {
    background-image: none;
    clear: both;
    display: block;
    height: auto;
}
#qglogo {
    width: auto;
    padding: 0;
    margin: 1.75em 0 0 0;
}
#tools ul {
    display: block;
    clear:both;
}
#tools ul {
    display: block;
    clear:both;
}
#tools ul li {
    display: block;
}
div#search form {    
    white-space: normal;
    text-align: right;
}
input#searchbox {
    width: 10em;
    height: 1.5em;
}
input.submitbutton {
    width: 4.5em;
    height: 2em;
}
div#agency {
    margin-top: 0;
    padding-top: 0;
}
/********************* structural divs *********************/
div#main {
    margin: 0;
}
div#left {
    width: 100%;
    display: block;
    margin: 0;
    clear: both;
}
div#leftbackground {
    display: none;
}
div#right {
    display: block;
    width: 100%;
    margin: 0 ;
    clear: both;
    float: none;
}
div#feature {
    z-index: 0;
    display: block;
    width: 99% !important;
    height: auto !important;
    margin: 0;
    clear: both;
}
div.sideblock {
    width: auto;
    display: block;
}
div#centre {
    width: auto;
    float: none;
    display: block;
    clear: both;
    margin: 0 0 0 1em !important;
    padding: 1em 0 0 0 !important;
}
div#content {
    float: none;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

#footer {
    background-image: none !important;
    text-align: left !important;
    margin: 0.75em 0 0 0 !important;
    padding: 0.5em !important;
}
/*** show extra links for handhelds in footer ***/
#footer-hh {
    border-bottom: 1px solid #e9e9e9; 
    margin: 0 0 0.5em 0; 
    padding: 0 0 0.75em 0;
    display: block;
}

/********************* primary nav *********************/
.udm {
    float:none;
    width:100%;
}
.udm li {
    display:inline;
    width:auto;
    float:left;}
.udm li a {
    position:static;
    display:block;
    float:left;
    white-space:nowrap;
}
div#primenav {
    margin-bottom: 0.75em;
    float: left;
    width: 100%;
    background-color: #1B1A5C;
    /*background: #1B1A5C url() repeat-x 0 100%;*/
    list-style-type:none;
    height: auto;
}
/* Parent items */
div#primenav ul#udm {
 background-color: #1B1A5C;
 /*background-image: #1B1A5C url() repeat-x 0 100%;*/
 padding: 0;
 border-left: 10px solid #1B1A5C;
 width: auto; 
}
div#primenav ul#udm li a, div#primenav ul#udm li a:link, div#primenav ul#udm li a:visited {
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 text-decoration: none;
 border: none; 
 border-right: 1px solid #afafaf;
 display: inine !important;
 padding: 0.3em 0.7em 0.2em 0.7em !important;
 margin: 0;
} 
/* Rollover state for parent items (also includes selected state) */
div#primenav ul#udm li a.selected,
div#primenav ul#udm li a:hover, 
div#primenav ul#udm li a:focus, 
div#primenav ul#udm li a:hover, 
div#primenav ul#udm li a.udmR, 
div#primenav ul#udm li a.udmR:visited, 
div#primenav ul#udm li a:active {
 background: none;
 background-color: #efefef;
/* background-image: #efefef url() repeat-x 0 100%;*/
 color: #000 !important; 
}
/* Child items */
div#primenav ul#udm li ul {
 border: none !important;
 margin: 0 !important;
 border-left: 1px solid #afafaf !important;
 border-right: 1px solid #afafaf !important;
 display: none;
 left: -999em;
}
div#primenav ul#udm li ul li {
 border-bottom: 1px solid #afafaf !important;
 width: 11em !important;
}
div#primenav ul#udm li ul li a, div#primenav ul#udm li ul li a:link, div#primenav ul#udm li ul li a:visited {
 background-color: #efefef;
 border: none !important;
 color: #000;
 padding: 5px 0.7em !important; 
}
/* Rollover state for child items */
div#primenav ul#udm li ul li a:hover, 
div#primenav ul#udm li ul li a:focus, 
div#primenav ul#udm li ul li a:hover, 
div#primenav ul#udm li ul li a.udmR, 
div#primenav ul#udm li ul li a.udmR:visited, 
div#primenav ul#udm li ul li a:active {
 background: none;
 background-color: #1B1A5C;
 color: #fff !important;
}
/********************* Lists *********************/
div#content ul {
margin-left: 3em;
list-style-type: square;
color: #444;
}
div#content ul li {
margin: 0.5em 0;
}
div#content ol {
margin-left: 3em;
color: #444;
}
div#content ol li {
margin: 1em 0;
}
/********************* Tables *********************/
/* Project and Pest + disease alert */
div.research table tr {
    display: block;
    text-align: left;
    margin: 1em 0;
}
div.research table tr th {
    display: block;
    width: 100%;
    background-color: #f1f6fa;
    margin-bottom: 1em;
}
div.research table tr td {
    display: block;
}
/* species id table*/
table.speciesid tr {
    display: block;
    text-align: left;
    margin: 1em 0;
}
table.speciesid tr th {
    display: block;
    width: 100%;
}
table.speciesid tr td {
    display: block;
}
/* news + event listings */
table.listing tbody tr td {
    display: block;
}
table.listing tbody tr  {
    display: block;
    border-bottom: 1px solid #e1ebf4 ;
    margin: 0;
}
/* event */
.eventsummary {
    border: none !important;
    padding-bottom: 0.75em;
    display: block;
}
.eventdate {
    padding: 0.5em 0.5em 0 0.25em;
    width: 100%;
    color: #666;
    font-size: 95%;
}
.eventname {
    font-weight: bold;
    color: #333;
    padding-top: 0.5em;
}
.eventtype, .eventlocation, .eventinfo {
    display: block;
    padding: 0.5em 0;
    margin: 0;
    color: #555;
    font-size: 85%;
    float: none;
    width: 100%;
    text-align: left; }
/* news */
.newssummary {
    border: none !important;
    padding-bottom: 1em;
}
.newsdate {
    padding: 0.75em 0.5em 0 0.3em;    
    width: 100%;
    color: #666;
    font-size: 95%;
}
.newsname {
    padding-bottom: 0.75em;    
    }
/* event detail */
div.eventdetail table tbody tr {
    text-align: left;
}
div.eventdetail table tbody tr th, div.eventdetail table tbody tr td {
    display: block;
    clear: both;
    width: 100% 
}
/********************* homepage *********************/
div.promotion {
    width: 168px;
}
/********************* landing page *********************/
div.landingimage {
    display: none;    
    background: none;
}

/********************* product + service *********************/
div.producttab {
    float: none;
    margin: 0;
    padding: 0;
}
div.productdetail {
    display: block;
    clear: both;
    width: 100%;
}
div.pricingdetails {
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
}
div.pricingdetails dl {
    margin: 0 0 1em 0;
}
div.pricingdetails dl dt {
    width: 100%;
}
div.pricingdetails dl dd {
    width: 100%;
    margin: 0;
    padding: 0;
}
/********************* staff profile *********************/
div.stafftab {
    float: none;
    margin: 0;
    padding: 0;
}
div.staffprofile {
    display: block;
    clear: both;
    width: 100%;
}
div.staffprofile table tr {
    display: block;
    text-align: left;
    margin: 1em 0;
}
div.staffprofile table tr th {
    display: block;
    width: 100%;
    background-color: #f1f6fa;
    margin-bottom: 1em;
}
div.staffprofile table tr td {
    display: block;
}
/********************* report detail *********************/
div.pubdetails {
    margin: 0;
    padding: 0;
}
div.pubdetails dl {
    margin: 0 0 1em 0;
}
div.pubdetails dl dt {
    width: 100%;
}
div.pubdetails dl dd {
    width: 100%;
    margin: 0;
    padding: 0;
}
/********************* landing nav lists *********************/
dl.navlist {
    clear: both;
    width: 100%;
}
/********************* photo guide  *********************/
div.photoguide {
    padding: 1em 0em 0em 0em !important;
    margin: 1.5em 0 0 0 !important;
}
div.photoguide ul {
    margin: 0 !important;
}
div.photoguide ul li {
    display: block;
    float: none;
    width: 50%;
    clear: right;
    margin-bottom: 2em !important;
}
div.photoguide ul li img {
    margin: 0 !important;
}
div.photoguide ul li div {
    display: block !important;
    clear: both;
}
div.photoguide ul li div span {
    margin: 0 !important;
}

/********************* photo gallery  *********************/
ul.gallery {
    padding: 1em 0em 0em 0em !important;
    margin: 1.5em 0 0 0 !important;
    width: auto;
}
ul.gallery li {
    display: block;
    float: none;
    width: 50%;
    clear: right;
    margin-bottom: 2em !important;
}
ul.gallery li img {
    margin: 0 !important;
}
ul.gallery li div {
    display: block !important;
    clear: both;
}
ul.gallery li div span {
    margin: 0 !important;
}
.category {
    background-color: #fff !important;    
}
/********************* ministerials *********************/
div.ministerial {
    float: none;
    clear: both;
    width: auto;
    padding-left: 0;
}
div.ministerial ul {
    margin-left: 0 !important;
}

/********************* search results *********************/
div.search {
    font-size: 110%;
    margin: 0;
}
div.search div.feature {
    background-image: none;
}
div.searchresults span.resNum {
    float: none;
}
div.searchresults div.resultdata {
    margin-top: 1em;
}
div.searchresults div.result {
    margin-left: 0em;
}

/***** rate this page ******/
form#frmratethispage .small {
    font-size: 100%;
}
form#frmratethispage .rateoption {
    font-size: 100%;
    margin-right: 1em;
}
/***************************************************/
/* handheld handheld small*/