/*	SafeWork SA Interim Site stylesheet	*/

/*	COLOUR PALETTE 

	Shades of Stone:									
	F2EFEC	Navigation BG, 
			Level 1 Nav (Education and training)
	E9E4DF	Level 2 Nav (Hazard Management)
	E2DCD5 	Level 3 Nav (Chemicals)
	D8D0C7	Level 4 Nav (The law)
	D2C8BE	Level 5 Nav (MSDS), 
			Site BG
	C6BCB2	
	BDB4AB	Page Shadow
	B3AAA1	
	AAA096	Nav above shadow line
	978F88	Nav above shadow darker line
	60606A	Dark Warm Grey
	
	Other Colours:	
	00337A	Blue
	336699	Lt Blue
	

*/




/*	Base HTML tags	*/

/*body {
	background-color: #D2C8BE;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 20px 0 20px 0;
	font-size: 70%; 
	word-wrap: break-word;
}
table {
	border: 0;
	padding: 0;
	width: 100%;
	empty-cells: show;	
}
th {
	padding: 0.3em 0.5em 0.3em 0.5em;
	font-weight: normal;
	background-color: #E9E4DF;
	text-align: left;
}
td {
	padding: 0.3em 0.5em 0.3em 0.5em;
	border-bottom: 1px solid #CBC1B3;
	line-height: 1.4em;
	vertical-align: top;
}
caption {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 1em;
}
h1 background-repeat: no-repeat;
	background-position: top right;
}
#breadcrumbs {
	word-wrap: break-word;
	float: none;
	width: 460px;
	color: #AAA096;
	line-height: 1.4em;
}
#column-1, #column-2 {
	width: 260px;
	float: left;
}
#column-1 {
	margin-right: 19px;
}
#footer {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	color: #60606A;
	line-height: 1.4em;
}
#footer img {
	position: absolute;
	top: 0; right: 0;
}


/*	LINKS	*/
/*
a:link, a:visited {
	color : #000;
	text-decoration : underline;
}
a:hover {
	text-decoration : none;
}*/
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #D2C8BE;
}
#footer a:link, #footer a:visited {
	color: #60606A;
}



/*	NAVIGATION	*/

#topnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 745px;
	background-color: #E5DFD9;
}
#topnav li {
	float: left;
}
#topnav a:link, #topnav a:visited {
	padding: 5px 10px 5px 9px;
	display: block;
	text-decoration: none;
	border-right: 1px solid #D2C8BE;
	background-color: #E5DFD9;
	text-align: center;
}
#topnav a:hover {
	background-color: #FFF;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: normal;
}
#navigation li {
	
}
#navigation a:link, #navigation a:visited {
	text-decoration : none;
	font-weight: bold;
	display: block;
	color : #00337A;
	width: 156px;
	margin: 0;
	border-bottom: 1px solid #808080;
	padding: 2px 5px 2px 15px;
	background-repeat: repeat-y;
	/*background-image: url(../images/BGNav1Off.gif);*/
}
/*#navigation ul li ul {
	border-top: 1px solid #AAA096;
	border-bottom: 1px solid #FFF;
}
#navigation ul li ul li ul {
	border-top: 1px solid #AAA096;
	border-bottom: 1px solid #FFF;
}
#navigation ul li ul li ul li ul {
	border-top: 1px solid #978F88;
	border-bottom: 1px solid #FFF;
}
#navigation ul li ul li ul li ul li ul {
	border-top: 1px solid #978F88;
	border-bottom: 1px solid #FFF;
}*/
#navigation ul li a:link, #navigation ul li a:visited {
	background-color: #E2DCD5;
	color: #00337A;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #FFFFFF;
}
#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
	background-color: #E2DCD5;
	color : #00337A;
	/*background-image: url(../images/BGNav2Off.gif);*/
	border-bottom: 1px solid #808080;
	border-top: 1px solid #FFFFFF;
}
#navigation ul li ul li ul li a:link, #navigation ul li ul li ul li a:visited {
	background-color: #E2DCD5;
	color : #00337A;
	/*background-image: url(../images/BGNav3Off.gif);
	border-bottom: 1px solid #E9E4DF;*/
	border-bottom: 1px solid #808080;
	border-top: 1px solid #FFFFFF;
}
#navigation ul li ul li ul li ul li a:link, #navigation ul li ul li ul li ul li a:visited {
	background-color: #D8D0C7;
	color : #00337A;
	/*background-image: url(../images/BGNav4Off.gif);
	border-bottom: 1px solid #E5DFD9;*/
	border-bottom: 1px solid #808080;
	border-top: 1px solid #FFFFFF;
}
#navigation ul li ul li ul li ul li ul li a:link, #navigation ul li ul li ul li ul li ul li a:visited {
	background-color: #D2C8BE;
	color : #00337A;
	/*background-image: url(../images/BGNav5Off.gif);
	border-bottom: 1px solid #E2DCD5;*/
	border-bottom: 1px solid #808080;
	border-top: 1px solid #FFFFFF;
}
#navigation a:link.nav-on, #navigation a:visited.nav-on {
	/*background-image: url(../images/BGNav1On.gif);*/
}
#navigation a:link.nav-current, #navigation a:visited.nav-current {
	/*background-image: url(../images/BGNav1Current.gif);*/
	background-color: #FAA23E;
}
#navigation a:hover.nav-current {
	background-color: #FFFFFF;
}
#navigation a:hover, #navigation ul li a:hover, #navigation ul li ul li a:hover, #navigation ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li ul li ul li ul li a:hover {
	color: #33648A;
	text-decoration : none;
	background-color: #FFFFFF;
}
#navigation img {
	vertical-align: middle;
}



/*	LISTS	*/

#doc-downloads ul, ul.documentlist {
	list-style-type: none;
	margin: 0 0 1.4em 0;
	line-height: 1.4em;	
	text-align: left;
	padding: 0;
	clear: left;
}
li.navlink, li.navlinknew, li.navlinkbelow, li.navlinknewbelow, li.navhttp, li.navnewwindow, li.navasf, li.navemail, li.navexcel, li.navflash, li.navimage, li.navlote, li.navpdf, li.navppt, li.navqtime, li.navsecure, li.navtext, li.navrichtxt, li.navtime, li.navviewlet, li.navword, li.navzip, li.navblank, li.navbookmark {
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.4em;	
	margin-bottom: 0.5em;	
}
.navlink, .navlinknew, .navlinkbelow, .navlinknewbelow, .navhttp, .navnewwindow, .navasf, .navemail, .navexcel, .navflash, .navimage, .navlote, .navpdf, .navppt, .navprint, .navqtime, .navsecure, .navtext, .navtop, .navrichtxt, .navtime, .navviewlet, .navword, .navzip, .navblank, .navbookmark {
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 1.4em;	
	margin-bottom: 0.5em;	
}
.navlink {
	background-image:  url(../images/DocWebPage.gif);
}
.navlinknew {
	background-image:  url(../images/DocWebPageUpdated.gif);
}
.navlinkbelow {
	background-image:  url(../images/DocWebPageBelow.gif);
}
.navlinknewbelow {
	background-image:  url(../images/DocWebPageUpdatedBelow.gif);
}
.navhttp {
	background-image:  url(../images/DocWebLink.gif);
}
.navnewwindow {
	background-image:  url(../images/DocNewWindow.gif);
}
.navasf {
	background-image:  url(../images/DocASF.gif);	
}
.navbookmark {
	background-image:  url(../images/DocBookmark.gif);
}
.navemail {
	background-image:  url(../images/DocEmail.gif);	
}
.navexcel {
	background-image:  url(../images/DocMSexcel.gif);	
}
.navflash {
	background-image:  url(../images/DocFlash6.gif);	
}
.navimage {
	background-image:  url(../images/DocImage.gif);	
}
.navlote {
	background-image:  url(../images/DocLote.gif);	
}
.navpdf {
	background-image:  url(../images/DocPDF.gif);
}
.navppt {
	background-image:  url(../images/DocMSppt.gif);	
}
.navprint {
	background-image:  url(../images/DocPrint.gif);	
}
.navqtime {
	background-image:  url(../images/DocQuickTimeWhite.gif);	
}
.navsecure {
	background-image:  url(../images/DocSecureSite.gif);	
}
.navtext {
	background-image:  url(../images/DocText.gif);
}
.navrichtxt {
	background-image:  url(../images/DocRichTxt.gif);	
}
.navtime {
	background-image:  url(../images/DocTime.gif);	
}
.navtop {
	background-image:  url(../images/DocTopOfPage.gif);	
}
.navviewlet {
	background-image:  url(../images/DocViewlet.gif);	
}
.navword {
	background-image:  url(../images/DocMSWord.gif);	
}
.navzip { 
	background-image:  url(../images/DocZip.gif);	
}



/*	BOXES, FONTS, IMAGES	*/

.box {
	border: 1px solid #BDB4AB;
	padding: 1em;
	line-height: 1.4em;
}
.boxfill {
	padding: 1em;
	background-color: #E9E4DF;
	line-height: 1.4em;
}
.box p, .boxfill p, .box h2, .boxfill h2, .box h3, .boxfill h3 {
	margin-top: 0;
}
.button, #search-button {
	background-color: #D2C8BE;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;	
	cursor: hand;	
	border: 1px solid #AAA096;
	margin: 0;	
	padding: 0;	
}
#search-button {
	width: 2.2em;
	height: 1.7em;
}
.imageleft {
	margin: 0 1em 1em 0;
}
.imageright {
	margin: 0 0 1em 1em;
}

.hidden {
	display: none;
}
.spacer { 
	clear: both; 
	height: 1px;
	font-size: 1px;
}


/*	LANGUAGES  */

.langamharic, .langtigrigna {
	font-size: 1.4em; 
	font-family: GF Zemen Unicode,Ethiopia Jiret,VG Main,Visual Geez Main;
} 
.langamharic p, .langtigrigna p, .langamharic div, .langtigrigna div,  {
	font-size: 1.4em; 
	font-family: GF Zemen Unicode,Ethiopia Jiret,VG Main,Visual Geez Main;
	line-height: 1.2em;
}
.langamharic h1, .langtigrigna h1 {
	font-size: 2em; 
}
.langarabic, .langkurdish, .langpersian {
	font-size: 1.4em;
	padding-right: 1px;
}
.langarabic p, .langkurdish p, .langpersian p, .langarabic div, .langkurdish div, .langpersian div {
	font-size: 1.4em;
	line-height: 1.4em;
	padding-right: 1px;
}
.langarabic h1, .langkurdish h1, .langpersian h1 {
	font-size: 2.2em;
}
.langchinese {
	font-size: 1.4em;
}
.langchinese p {
	font-size: 1.4em;
	line-height: 1.8em;
}
.langchinese h1  {
	font-size: 2em;
}
.langpunjabi {
	font-size: 1.2em;
}
.langpunjabi p, .langpunjabi div {
	font-size: 1.2em;
	line-height: 1.4em; 
}
.langpunjabi h1 {
	font-size: 2em;
}
.langarabicenglish, .langkurdishenglish, .langpersianenglish {
	font-size: 1em;
}
#navigation .langamharic, #navigation .langtigrigna {
	font-size: 1.4em; 
}
#navigation .langarabic, #navigation .langkurdish, #navigation .langpersian {
	font-size: 1.6em;
	padding: -0.4em 0 0 0;
}
#navigation .langchinese {
	font-size: 1.2em; 
}


/*	FORMS	*/

.formrow {
	clear: both;
	padding-top: 1px;
}
.formrowtotal {
	clear: both;
	padding-top: 3px;
	font-weight: bold;
	border-top: 1px solid #CBC1B3;
	margin-top: 10px;
}
.formbuttonleft {
	padding-top: 10px;
	float: left;
}
.formbuttonright {
	padding-top: 10px;
	float: right;
	text-align: right;
}
.formbuttonlefttop {
	float: left;
	margin-bottom: -6px;	
}
.formbuttonrighttop {
	float: right;
	text-align: right;
	margin-bottom: -6px;	
}
.field, .field50, .field80, .fieldwide {
	float: right;
	text-align: left;
	padding-bottom: 6px;
}
.fieldlabel, .fieldlabel50, .fieldlabel80, .fieldlabel3col, .fieldlabelwide {
	padding-bottom: 6px;
	float: left;
	text-align: left;
}
.field {
	width: 80%;
}
.field50 {
	width: 50%;
}
.field80 {
	width: 20%;
	text-align: right;	
}
.fieldwide {
	width: 80%;
}
.field3colleft {
	padding-bottom: 3px;
	float: left;
	width: 30%;
	text-align: right;	
}
.field3colright {
	padding-bottom: 3px;
	float: right;
	width: 30%;
	text-align: right;	
}
.fieldlabel {
	width: 20%;
}
.fieldlabel50 {
	width: 50%;
}
.fieldlabel80 {
	width: 80%;
}
.fieldlabel3col {
	width: 50%;
}
.fieldlabelwide {
	width: 50%;
}
.pagingrecords {
	padding: 5px; 
	background-color: #E9E4DF;
	line-height: 1.4em;
}
.datatable th {
	background-color: #00337A;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}
.datatable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1C8BF;
	vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
}