﻿/* CSS Document */
@import url("nav.css");

html, body{ 
 margin:0; 
 padding:0; 
 background-color:#FFFFFF;
 text-align:left; 
 height:100%;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight:normal;
 text-decoration:none;
 background-image:url(/images/back.jpg);
 background-repeat:no-repeat;

} 
p {margin-top:0px; text-align:justify;}
.image{ margin:10px; padding:2px; border:1px solid #666; }

h1{
	/* font-weight:normal; 
	 font-size:2em; 
	 color:navy; 
	 * changed by Peter Grundy *
	 */

	font-weight: bold;
	font-size: 1em; 
	color: 	#1B4DA2;
	margin-top:0;
	clear: both;
}
h2
{
	/*font-weight:normal;
	color:navy;
	font-size:1.5em;
	* changed by Peter Grundy *
	*/
	font-weight:bold;
	font-size:1em;
	/*color: #1B4DA2;*/
	color: #000000;
	
	
}
h3
{
	/* font-size:1.2em; 
	* changed by Peter Grundy
	*/
	font-size:1em;
	color:#00B5E4;
}	
a:link { color: navy; }

/* changed by Peter Grundy 
a:visited { color:navy; }
*/

#pagewidth
{ 
 width:912px; 
 text-align:left;
 margin-left:0px; 
 margin-right:0px;
 background-image:url(/images/container_bg.gif);
} 
#topbar
{
width:912px;
height:23px;
background-color:#00A990;
}
/*top bar items - MOVED TO nav.css (imported by this doc)*/
/* end top bar items*/

#topimages
{
width:912px;
height:110px;
background-color:#FFFFFF;
}
#topleftimage
{
width:280px;
height:110px;
background-color:#FFFFFF;
background-image:url('/images/arphs_logo_inside.jpg');
float:left;
}
#toprightimage
{
width:632px;
height:110px;
background-color: #EFF3F4;
text-align:right;
float:left;
}

#horiline, .horiline
{
clear:both;
margin:0; 
padding:0;
width:912px;
font-size:1px;
background-color: #B5B5B5;
line-height:1px;
height: 1px;
}
#first
{
width:112px;
height:29px;
background-color:#FFFFFF;
float:left;
}

#second
{
width:168px;
height:29px;
background-color:#1A569E;
float:left;
}

#third
{
width:464px;
height:29px;
background-color:#FFFFFF;
float:left;

}
#breadcrumbs
{
text-align:left;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
vertical-align:middle;
margin-top:8px;
}

#fourth
{
width:158px;
height:29px;
background-color:#00B5E4;
float:left;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 2em;
vertical-align:middle;
margin-top:8px;
margin-left:10px;

}

#firsttab
{
width:112px;
text-align:left;
height:531px;
line-height:500px;
background-image:url('/images/side_art.jpg');
float:left;
}
#secondtab
{
width:168px;
padding-top:0px;
text-align:left;
background-color:#1A569F;
float:left;
}
/*left side items*/
.leftmenu ul{
margin: 0px;
padding: 0px;
margin-left:0px;
margin-top: 0px;
list-style-type: none;
}

.leftmenu ul li{
position: relative;
display: inline;
float: left;
}

.leftmenu ul li a, .leftmenu ul li a:visited{
width:156px;
height:auto;
display: block;
padding: 6px 0px 6px 12px;
border-top: 1px solid #CBCBCB;
border-left-width: 0px;
border-right-width: 0px;
text-decoration: none;
background-color:#1A569F;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
	
.leftmenu ul li a:hover, .leftmenuActive{
background: url(/images/left_tab_back_hove.gif) center center repeat-x;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

/* left sub menus */
.leftmenu ul li ul li a, .leftmenu ul li ul li a:visited{
width: 125px; 
height: auto;
/* height:12px; Peter Grundy changed to work with Firefox */
font-weight: normal;
padding: 6px 18px;
padding-left:25px;
border-top: 1px solid #CBCBCB;
border-left-width: 0px;
border-right-width: 0px;
background: url(/images/arrow_left.gif) no-repeat left;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#BFD3E6;
}


.leftmenu ul li ul li a:hover, .leftmenu ul li ul li a:visited.submenuActive{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
background: url(/images/left_tab_back_hove.gif) center center repeat-x;
}

* html p#iepara{ 
padding-top: 1em;
}
	
* html .leftmenu ul li { float: left; height: 1%; }
* html .leftmenu ul li a { height: 1%; }
/*left side items end*/
#thirdtab
{
width:464px;
height:auto;
background-color:#FFFFFF;
float:left;
color:#000000;

}
#fourthtab
{
width:168px;
background-color:#00B5E4;
float:left;


}
/*right side items*/
.rightmenu ul{
margin: 0px;
padding: 0px;
margin-left:0px;
margin-top: 0px;
list-style-type: none;
}

.rightmenu ul li{
position: relative;
display: inline;
float: left;
}

.rightmenu ul li a, .rightmenu ul li a:visited{
width:130px;
height:15px;
display: block;
padding: 4px 8px;
padding-left:30px;
border: 0px solid #CBCBCB;
border-left-width: 0px;
border-right-width: 0px;
text-decoration: none;
background:  url(/images/right_tab_back.gif) center center repeat-x;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
}


.rightmenu ul li.qa a, .rightmenu ul li.qa a:visited {
width:130px;
height:15px;
display: block;
padding: 4px 8px;
padding-left:30px;
border: 0px solid #CBCBCB;
border-left-width: 0px;
border-right-width: 0px;
text-decoration: none;
background:  url(/images/right_tab_back.gif) center center repeat-x;
color: #ffff00;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
		
.rightmenu ul li a:hover, .rightmenu ul li a:visited.rightmenuActive, a.rightmenuActive{
background: url(/images/right_tab_back_hove.gif) center center repeat-x;
color: #1B4DA2;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.rightmenu ul li ul li a:hover{
background: #F2F2F2;
}

* html p#iepara{ 
padding-top: 1em;
}
	
* html .rightmenu ul li { float: left; height: 1%; }
* html .rightmenu ul li a { height: 1%; }
/*right side items end*/

#righttabimage
{
width:168px;
text-align:left;
height:179px;
background-image:url('/images/pasfic_art.jpg');
float:left;
}
#quicklinkimage
{
/* margin-top: 30px; */
width:168px;
text-align:left;
height:30px;
background-image:url('/images/quick.jpg');
float:left;
}

#footer
{
clear:both;
width:912px;
height:43px;
background-color:#EFF3F3;
}
#footerimage
{
text-align:right;
width:900px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#636363;
background-color:#EFF3F3;

}
#middletext
{
width:auto;
padding: 10px 10px 10px 10px;
font-size:12px;
line-height:1.5em;
margin-bottom:10px;
}

.LeftPadding10px { padding-left: 10px; }
.Padding10px { padding:10px; }
.RightPadding10px { padding-right:10px; }

/*** HOME PAGE ONLY TOP AREA DEFINITIONS - 
15.12.2008 Tim@netpotential.co.nz moved hometopnav styles to nav.css 
 **/
#hometopbar
{
width:912px;
height:23px;
background-color:#00A990;
}



#hometoplogo
{
width:912px;
height:89px;
background-color:#FFFFFF;
}
#homelogospace
{
width:113px;
height:89px;
background-color: #FFFFFF;
float:left;
}
#homelogo
{
width:327px;
height:89px;
float:left;
}
#hometopimages
{
width:912px;
height:191px;
background-color:#FFFFFF;
}
#hometopleftimage
{
width:113px;
height:191px;
background-color: #EFF3F4;
float:left;
}
#hometoprightimage
{
width:799px;
height:191px;
background-color: #EFF3F4;
text-align:right;
float:left;
}
/* END HOME PAGE TOP AERA */

/* Additional divs added by Peter Grundy used instead of tables for links/downloads sections at foot of main column */
#bottombox
{
width:auto;
margin: 0;
padding: 0;
}

#bottomleft
{
width:220px;
margin:0;
padding:0;
overflow: auto;
/* background-color: yellow; * for testing! */
float: left;
}

#bottomright
{
width:220px;
margin: 0;
padding: 0;
/* background-color: pink; * for testing! */
float: right;
}

#bottomleft ul
{
list-style-type: none;
}

#bottomleft li
{
margin: 0 0 10px -10px;
}

#bottomleft img
{
margin-right: 10px;
}

/* end of "bottombox" changes */

/* Misc styles added by Peter Grundy*/

blockquote
{
font-style: italic;
}

ul.pdflist, ol.pdflist
{
list-style-image: url(/images/pdf.gif);
}

ul.wordlist, ol.wordlist
{
list-style-image: url(/images/icon-ms-word.gif);
}


ul.rsslist, ol.rsslist
{
list-style-image: url(/images/feed-icon-14x14.png);
}
ul.pdflist > ul
{ list-style-image:none ;}

.pdflist li, .wordlist li {
padding-left: 7px;
margin: 0 0 10px 0;
}

/* since above does not work with IE6 ... */
ul.xlist
{list-style-image: none;}

ul.xxlist
{ list-style-type: none; }

ul.xxxlist
{ list-style-type: none; }

.xxlist li
{
margin-left: -25px;
margin-bottom: 10px;
}

#middletext 
{
overflow: auto;
}

.report {
color: black;
}

.shadow {
color: #000000;
background-color: #cccccc;
padding: 5px 0 10px 5px;
}

/* q tag "fix" (from A List Apart article "Long Live the Q Tag") */
q:before, q:after {
    content: ""; }
    

.it { 
font-style: italic;
overflow: visible;
height:1%;
}

.totalrow {
font-weight: bold;
font-size: 100%;
}

/* special format for global pandemic info table - note IE6 will ignore these */

/* default alignment is right aligned */
tr > td {
text-align: right;
}

/* but first column of a table is left aligned */
tr > td:first-child {
text-align: left;
}

.all_left td { text-align: left; }

.j { text-align: justify; }

caption { font-weight: bold; font-size: 100%}

/* left sub sub menus */
.leftmenu ul li ul li ul li a, .leftmenu ul li ul li ul li a:visited {
width: 100px; 
height: auto;
font-weight: normal;
/* padding: 6px 18px;
padding-left:50px; */
padding: 6px 18px 6px 50px; 
border-top: 1px solid #CBCBCB;
border-left-width: 0px;
border-right-width: 0px;
background: url(/images/arrow_left.gif) no-repeat 20px;
/* background: url(/images/arrow_left.gif) no-repeat left; */
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#BFD3E6;
}

/* for third menu level - "subsub"menu */
.leftmenu ul li ul li ul li a:hover, .leftmenu ul li ul li ul li a:visited.subsubmenuActive {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
background: url(/images/left_tab_back_hove.gif) center center repeat-x;
}

#whakautauki
{
color: #000080;
margin:40px 50px;
padding:0;
overflow: visible;
height: 1%;
font-size: 90%;
font-weight: bold;

}

label {
width: 175px;
margin-bottom: 15px;
}

#breadcrumbs.kiaora {
text-align: left;
font-size: 2em;
font-weight: bold;
}


/* for back to top */
.back {text-align: right; }

/* for Feetbeat */
img { border-style: none; }

.submit { margin-left: 130px; }

label { margin-right: 10px; }

.shrink, .shrink input, .shrink select { font-size: 9px; }

#fbi { position: relative; left: 70px; }

#Work_Place_Name, #Team_Name, #TeamLeader_Email, #TeamLeader_Fname, #TeamLeader_Sname, #TeamLeader_WPhone, #TeamLeader_OPhone, #name { float: right; margin-top: -18px;}
#TeamLeader_Fname, #TeamLeader_WPhone { margin-right: 10px; }
#Number_in_Team { margin-left: 20px; }

/* for Calendar of Events */
h2.month, h2.year {text-align: center; }

tr.cal_international { background-color: rgb(153,204,204); }
tr.cal_region { background-color: navajowhite; }
tr.cal_event { background-color: rgb(255,250,250); }
tr.cal_general { background-color: rgb(204,102,153); }

/* feetbeat? */
#fbsub { position: relative; left: 20%; top: 15px; }

#thisyear { border: 1px solid; }
#thisyear p { margin-left: 10px; margin-top: 5px; }


#fblogo { margin-left: 45px; 
}



/* scrolling news - NO LONGER USED*/
/* 

#scrnews, #scrnews a, #scrnews a:visited {
width: 153px;
height: 79px;
padding: 5px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
float: left;
}

#scrnews a:hover {
background-color: #70d5ef;
width: 153px;
height: 79px;
padding: 5px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
float: left;
margin-right: 5px;
}

*/

/* Scrolling news - new style replacing above */

#marqueecontainer{
position: relative;
width: 153px;
height: 79px;
padding: 5px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
overflow: hidden;
}



/* formatting for yellow fever centres table (notifiable\yellowfever.asp) */

tr.ta { background-color: silver; }
table.ihr { border-bottom: 1px solid; }

/* Demographic profile */
.demography {
	margin: 20px;
	font-size: 12px;
}

.mapdescription { color: black; }

.demography p { width: 892px; }

.demography .dhb {  
text-align: center;
font-size: 1.2em; }

.demography th.tacz {
font-style: italic;
text-align: center;
border: 1px solid black;
font-weight: normal;
}

.demography td {
text-align: left;
}

.demography tbody, .demography table {
border: 1px solid black;
 border-collapse: collapse;
}

th.bottrow, td.bottrow {
border-bottom: 1px solid black;
}

.rowalt, .rowaltb {background-color: #ffffcc; }
.row1, .row1b {background-color: #ccffcc; }

.rowaltb td, .row1b td{
border: 1px solid grey;
text-align: right;
}

.red { color: red;
	}
	
/* .col2006, td.col2006, col2006 td { border-right: 1px solid black; }*/

th.lb, th.lbh { border-left: 1px solid black; }

th.lbh { text-align: center; }

.forwardnav { position: relative; margin-left:  790px; margin-top: -12px; margin-bottom: 10px; }


/* Below added by NetPotential @ 01.07.09 START */
.leftAlign, .leftAlign tr td p
{
    text-align: left;
}

.button
{
    float: right;
    background-image: url( '/images/bg-button.png' );
    background-position: left top;
    background-repeat: no-repeat;
    color: #fff;
    width: 89px;
    height: 30px;
    padding: 10px 0px 0px 24px;
    margin: 0 5px 5px 10px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    border: 0;
}

.button:hover
{
    background-position: left -40px;
}

a.button, a:link.button
{
    color: #fff;
}

.tableRow
{
    background: url(/images/bg-table-row.png) repeat-x 0 0 #CFD6E0;
}

.tableRowAlternate
{
    background: #fff;
}

.faqsTable h1, .faqsTable h2
{
    text-align: left;
    margin: 0;
    padding: 0;
}

.faqsTable p
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}
/* Above added by NetPotential @ 01.07.09 END */