TABLE.siteWidth { width:760px; margin-left:auto; margin-right:auto }

BODY { margin:6px; overflow:scroll; overflow:moz-scrollbars-vertical }

P { margin-top:0px }

.body {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.74em;
	color : #555555;
	line-height : 1.6em;
}
UL {
	font-family: Arial, Helvetica, sans-serif;
	line-height:180%;
	font-weight: normal;
	margin: 1em 1em 1em 1.8em;
}

/* default link colors */
A:visited { color:#330099 }

/* main header cells */
TD.mainHead1 { padding-left:5px; padding-top:0px; padding-bottom:6px; width:168px }
TD.mainHead2 { padding:0px; background-color:white }

/* main page structure, main content cells */
TD.mainCol1 	{ padding:8px 6px 16px 6px; width:168px; background-color:#F5F8F4; border-top:2px solid white }
TD.mainCol1Wide	{ padding:12px 0 0 0px; width:760px }
TD.mainCol2		{ padding:12px 0px 18px 8px; width:592px }
TD.subCol2		{ padding:4px 8px 16px 0px }
TD.mainCol3		{ padding-left:14px; padding-top:12px; width:190px }
TD.subCol3		{ padding:12px 0px 16px 0px; width:190px }

/* panel inside col1 */
TD.mainCol1b { padding:3px; background-color:#B5ADCB }

A.mainNavLink:link, A.mainNavLink:visited { text-decoration:none; color:#eeeeee }
A.mainNavLink:hover { text-decoration:underline; color:#eeeeee }
A.mainNavLink:active { text-decoration:underline; color:#ffffff }

/* TOP NAVIGATION BUTTONS */
TD.mainNavCell {
	padding: 8px 0 8px 4px;
	background: #B3D0BF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
A.nav1,A.nav1:visited {
	background: #DDE7E3;
	padding: 3px 8px 3px 8px;
	color: #457363;
	border: 1px solid #789E91;
	text-align: left;
	text-decoration: none;
}
A.nav2,A.nav2:visited,A.nav3,A.nav3:visited,A.nav4,A.nav4:visited,A.nav5,A.nav5:visited,A.nav6,A.nav6:visited,A.nav7,A.nav7:visited  {
	background: #DDE7E3;
	padding: 3px 8px 3px 8px;
	color: #457363;
	border: 1px solid #789E91;
	margin-left: 4px;
	text-align: left;
	text-decoration: none;
}
A.nav1:hover,A.nav2:hover,A.nav3:hover,A.nav4:hover,A.nav5:hover,A.nav6:hover,A.nav7:hover  { border : 1px solid #F0F0FA }

/* CRUMBTRAIL */
TD.crumbCell {
	background: #F5F8F4;
	padding:4px 0 4px 6px;
	border-bottom : 2px solid #B3D0BF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	text-align: justify;
}
A.crumbTrail:link { color : #555555 }
A.crumbTrail:hover { color : #2222ee }
A.crumbTrail:visited { color : #777777 }

/* crumbtrail current location */
.crumbHi { font-weight: normal }


/* SUBNAV */
/* left hand panel navigation box 							*/
.sideNavTxt {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}

/* left hand navigation buttons and rollover highlight			*/
/* for two-tier nav, use leftNavMain and leftNavSub				*/
/* for three-tier nav, use leftNavMain, leftNavSub1 and leftNavSub2	*/
#sideNav a {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 0px 1px 2px;
	color: white;
	background-color: #ddddff;
	text-decoration: none;
}
#sideNav a.leftNavMain {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 0px 1px 4px;
	color: #305145;
	background: #ccdfd8;
	text-decoration: none;
	text-transform:uppercase;
}
#sideNav a.leftNavSub {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 0px 1px 2px;
	text-decoration: none;
	color: #406256;
	background: #EDF3F5;
	padding-left: 8px;
}
/* background was #DDE6E3 */
#sideNav a.leftNavSub1 {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 0px 1px 2px;
	text-decoration: none;
	color: #406256;
	background: #EDF3F5;
	padding-left: 8px;
}
#sideNav a.leftNavSub2 {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 0px 1px 2px;
	text-decoration: none;
	color: #406256;
	background: #FCFCFC;
	padding-left: 12px;
}

/* rollover style for left nav buttons */
#sideNav a.leftNavMain:hover	{ background-color: #789D90; color: white }
#sideNav a.leftNavMain:active	{ background-color: #789D90; color: white }
#sideNav a.leftNavSub1:hover, #sideNav a.leftNavSub:hover	{ background-color: #CCDAD5; color: #406256 }
#sideNav a.leftNavSub1:active, #sideNav a.leftNavSub:active	{ background-color: #CCDAD5; color: #406256 }
#sideNav a.leftNavSub2:hover	{ background-color: #F5F7F7; color: #406256 }
#sideNav a.leftNavSub2:active	{ background-color: #F5F7F7; color: #406256 }

#getreader {
	display:block;
	width:100%;
	text-align: center;
	margin-top: 8px;
}

SELECT.leftNavMenu {
	background: white;
	color: #144E77;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	width:152px; margin:0 0 2px 0;
}

.pageUpdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.74em;
	color: #777777;
	padding-top:2px;
	border-top:1px solid #bbbbbb;
}

/* view highlight rollover, default text style	*/
.vwNavTxt {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.74em;
	color : #585858;
	font-weight: normal;
}

/* view highlight rollover 				*/
/* for two-tier nav, use vwNavMain and vwNavSub	*/
/* previously used ID:#vwNav */
a.vwNavMain {
	display:block;
	width:100%;
	margin: 2px 0 0 0; padding:2px 2px 3px 4px;
	background-color: #F5F8F4;
	border-top:1px solid #efefef; border-bottom:1px solid #efefef;
	color: #000000;
}
a.vwNavSub {
	display:block;
	width:100%;
	margin: 0px 0 0 0; padding:2px 2px 3px 4px;
	color: #333333;
	background-color: #F5F8F4;
	border-left:3px solid #ddddff;
	border-bottom:1px solid #ddddff;
	text-decoration: none;
}


/* right hand panel navigation box */
TD.rtNavTitle {
	padding-top : 4px;
	padding-bottom : 0px;
	padding-left : 4px;
	padding-right : 4px;
	background: #EBEBEB;
	font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size : 0.75em;
	color : #666666;
	text-align: left;
	text-transform: uppercase;
}

TD.rtNavBox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	font-weight: normal;
	padding:2px;
	background: #EBEBEB;
	border: 2px solid #EBEBEB;
}

/* right hand panel navigation buttons/rollovers */
A.rtNavMain {
	display:block;
	width:100%;
	margin: 0 0 0 0; padding:2px 2px 3px 3px;
	color: #333333;
	background-color: white;
	text-decoration: underline;
	border-bottom:1px solid #e9e9e9;
}
A.rtNavSub {
	display:block;
	width:100%;
	margin: 0 0 0 0; padding:2px 2px 2px 3px;
	color: #333333;
	background-color: white;
	border-left:3px solid #ddddff;
	border-bottom:1px solid #ddddff;
	text-decoration: underline;
}
A.rtNavMain:hover {
	background-color: #F9F9F9;
	color: #0000ee;
}
A.rtNavMain:active {
	background-color: #eeeeee;
	color: #00aa00;
}

/* MORE button */
#moreButton a {
	display: block;
	width: 50px;
	margin: 0; padding:4px 4px 4px 4px;
	color: #777777;
	text-decoration: none;
}
#moreButton a:hover {
	background-color: #ddddff;
	color: #333333;
}
#moreButton a:active {
	background-color: #ffffff;
	color: #333333;
}

DIV.linkButton {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

TD.vwTitle  {
	padding: 3px 4px 4px 4px;
	background: #F3F3F3;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	color : #CCCCCC;
	text-align: left;
}

TD.vwDate {
	padding: 3px 4px 4px 4px;
	background: #F3F3F3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #999999;
	text-align:right;
}
.vwMain  {
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	margin-bottom:10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	color : #777777;
	border-bottom : 2px solid #F3F3F3;
}

/* general view styles - i.e. contacts/distributors */

TD.vwLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	font-weight: normal;
	border-bottom:1px solid #e0e0e0;
	padding: 3px 0 3px 0;
}

/* view highlight rollover style */
A.vwLink, A.vwLink:visited { width:100%; color: #333333; padding-top:1px; padding-bottom:1px }
A.vwLink:hover { width:100%; background-color: #eaeaea; color: #000000 } 


.vwTxtHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.84em;
	font-weight:bold;
}

.viewTxtSml {
	font-family: Tahoma, "Microsoft Sans Serif", verdana, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	font-weight: normal;
}

.vwTxtMed {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	font-weight: normal;
}

.vwSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #4F88B1;
	font-weight:bold;
	padding-right : 8px 8px 4px 0;
	border-bottom : 1px solid #4F88B1;
}

SELECT {
	background: #F5F8F4;
	color: #144E77;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
}

TEXTAREA {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left : 2px;
	border-top : solid 1px #444444; border-right : solid 1px #aaaaaa; border-left : solid 1px #444444; border-bottom : solid 1px #aaaaaa;
	overflow-y:auto;
}

INPUT { font-family : verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; padding: 2px; border: solid 1px #999999 }

INPUT.searchBox {
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:13px; 
	height:21px; border-top : solid 1px #B2B2B2; border-right : solid 1px #B2B2B2; border-left : solid 1px #B2B2B2; border-bottom : solid 1px #B2B2B2;
	vertical-align:middle;
	padding: 2px 2px 2px 2px;
	width:120px;
	background: #F9F9F9;
	color: #144E77;
}
INPUT.searchButton {
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:11px;
	font-weight: bold;
	margin-left:4px;
	padding:1px 4px 1px 4px;
	vertical-align:middle;
	border : solid 2px #B2B2B2;
	background: #cccccc;
	color: #666666;
	text-transform: uppercase;
}

@media print {
	INPUT.searchButton { visibility:hidden }
	INPUT.searchBox { visibility:hidden; width:16px }
}

/* form styles */
.formButton {
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:11px;
	font-weight: bold;
	vertical-align:middle;
	border : solid 2px #4F88B1;
	background: #4F88B1;
	color: white;
	text-transform: uppercase;
}

.goButtonSmall {
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:11px;
	font-weight: bold;
	vertical-align:middle;
	border : solid 2px #4F88B1;
	background: #4F88B1;
	color: white;
	text-transform: uppercase;
	width:28px; height:19px; padding:0px; margin-top:0px; margin-bottom:5px;
}

INPUT.txtLine {
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:13px; 
	height:21px; border-top : solid 1px #4F88B1; border-right : solid 1px #4F88B1; border-left : solid 1px #4F88B1; border-bottom : solid 1px #4F88B1;
	vertical-align:middle;
	padding: 2px 2px 2px 2px;
	width:300px;
	background: #F9F9F9;
	color: black;
}

.txtField {
	width:300px; height:34px; overflow-y:auto;
	font-family: verdana, Arial, Helvetica, sans-serif; font-size:13px; 
	border-top : solid 1px #4F88B1; border-right : solid 1px #4F88B1; border-left : solid 1px #4F88B1; border-bottom : solid 1px #4F88B1;
	vertical-align:middle;
	padding: 2px 2px 2px 2px;
	background: #F9F9F9;
	color: black;
}

TD.fieldLabel {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.74em;
	color : #585858;
	line-height : 1.6em;
	padding-right:8px;
}

INPUT.buttonSmall {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-top : solid 1px #444444; border-right : solid 1px #aaaaaa; border-left : solid 1px #444444; border-bottom : solid 1px #aaaaaa;
	height:17px;
	margin-top:0px; margin-bottom:0px; padding:0px;
}

P.pList { margin:0px; margin-bottom:5pt; line-height:10pt }

/* use wherever minimum size readable font is needed */
.smallFont {
	font-family: Verdana, Arial, sans-serif;
	font-size : 7pt;
}

/* home pages */
.homeTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: white;
}
.homeBody {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color: white;
	padding: 2px 10px 4px 1px;
	line-height: 1.55em;
	text-align: left;
}

.zonetext {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	line-height : 140%;
	color : #585858;
	text-align: justify;
}

/* ZONES: main home page zones */
A.zoneLink, A.zoneLink:visited {
	display: block;
	width: 100%;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

.zone1picturebox		{ padding:11px; background: #E3AEA6 }
.zone1textbox		{ width: 25%; background: #F0DCD9; padding: 8px }
.zone1linkbox		{ width: 25%; background: #F0DCD9; padding: 4px }
A.zone1linkColor:hover	{ color: white; background-color: #BF422E }
A.zone1linkColor		{ color: #BF422E; background-color: #E3AEA6 }

.zone2picturebox		{ padding:11px; background: #EEEB93 }
.zone2textbox		{ width: 25%; background: #F5F4D6; padding: 8px }
.zone2linkbox		{ width: 25%; background: #F5F4D6; padding: 4px }
A.zone2linkColor:hover	{ color: white; background-color: #E1DA11 }
A.zone2linkColor		{ color: #E18611; background-color: #EEEB93 }

.zone3picturebox		{ padding:11px; background: #B3D0BF }
.zone3textbox		{ width: 25%; background: #D6E4DC; padding: 8px }
.zone3linkbox		{ width: 25%; background: #D6E4DC; padding: 4px }
A.zone3linkColor:hover	{ color: white; background-color: #4A8663 }
A.zone3linkColor		{ color: #4A8663; background-color: #B3D0BF }

.zone4picturebox		{ padding:11px; background: #FBEA98 }
.zone4textbox		{ width: 25%; background: #FAF0C2; padding: 8px }
.zone4linkbox		{ width: 25%; background: #FAF0C2; padding: 4px }
A.zone4linkColor:hover	{ color: white; background-color: #E8A900 }
A.zone4linkColor		{ color: #BA8700; background-color: #FBEA98 }

.zoneheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.7em;
	color: #585858;
	text-align: left;
}

/* ZONES: other non home page four-zone styles */
A.zLink,A.zLink:visited {
	display:block;
	width:100%;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

.z1picturebox		{ padding:8px; background: #AAC2BA }
.z1textbox			{ width: 25%; background: #DDE7E3; padding: 7px }
.z1linkbox			{ width: 25%; background: #DDE7E3; padding: 4px }
A.z1linkColor		{ color: #486E61; background-color: #AAC2BA }
A.z1linkColor:hover	{ color: white; background-color: #789E91 }

.z2picturebox		{ padding:8px; background: #CF93A5 }
.z2textbox			{ width: 25%; background: #ECD4DB; padding: 7px }
.z2linkbox			{ width: 25%; background: #ECD4DB; padding: 4px }
A.z2linkColor		{ color: #83223F; background-color: #CF93A5 }
A.z2linkColor:hover	{ color: white; background-color: #B3526F }

.z3picturebox		{ padding:8px; background: #D9CC7F }
.z3textbox			{ width: 25%; background: #F0EBCC; padding: 7px }
.z3linkbox			{ width: 25%; background: #F0EBCC; padding: 4px }
A.z3linkColor		{ color: #899003; background-color: #D9CC7F }
A.z3linkColor:hover	{ color: white; background-color: #C3AE33 }

.z4picturebox		{ padding:8px; background: #F5C57F }
.z4textbox			{ width: 25%; background: #FBE8CC; padding: 7px }
.z4linkbox			{ width: 25%; background: #FBE8CC; padding: 4px }
A.z4linkColor		{ color: #bF7303; background-color: #F5C57F }
A.z4linkColor:hover	{ color: white; background-color: #EFA333 }


H2 { 
	font-family: Tahoma, "Microsoft Sans Serif", verdana, sans-serif;
	font-size: 0.71em;
	font-weight: normal;
}

.headTitle {
	height:49px;
	background-color:#E7D872;
	padding: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight:bold;
	color: white;
}

.pageTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color : #4F88B1;
	margin: 0px 0px 2px 0px;
	padding: 0 0 2px 0;
	border-bottom : 1px solid #4F88B1;
}

DIV.sectionHeadGfx { background:#E7D872 }
DIV.emphasised {
	margin: 0px 8px 4px 0;
	padding: 8px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	line-height : 1.3em;
	color : #3f3f3f;
	text-align: left;
	background: #F5F8F4;
}

/* FOOTER */
TD.footerContainer {
	padding:0px 0 4px 0;
	border-top : 2px solid white;
	border-bottom : 2px solid white;
}
TD.footerContactdetails {
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	color : #777777;
	text-align: left;
	border-top : 1px solid #BBCEC7;
	border-left : 1px solid #BBCEC7;
	border-right : 1px solid #BBCEC7;
}
TD.footerLinks {
	background : #F5F8F4;
	color:white;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 6px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	text-align: left;
	border-bottom : 1px solid #BBCEC7;
	border-left : 1px solid #BBCEC7;
}
TD.footerLogo {
	background : #F5F8F4;
	padding: 2px;
	border-bottom : 1px solid #BBCEC7;
	border-right : 1px solid #BBCEC7;
}
.footerlink { margin: 0 6px 0 6px; color : #568474 }
.footerlink:hover { color : #568474 }
.footerlink:visited { color : #568474 }


/* print specific style overrides */
@media print {
TABLE.siteWidth { width:100%; margin-left:auto; margin-right:auto }
BODY { margin:0px }
TD.mainHead1 { padding-left:0px; padding-top:0px; padding-bottom:6px }
TD.mainCol1 { padding:8px 4px 8px 4px; border-right:1px solid #bbbbbb }
A.nav1,A.nav1:visited,A.nav2,A.nav2:visited,A.nav3,A.nav3:visited,A.nav4,A.nav4:visited,A.nav5,A.nav5:visited,A.nav6,A.nav6:visited,A.nav7,A.nav7:visited  {
	background: #4F88B1;
	padding: 2px 3px 2px 3px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration : none;
	color: black;
	border: 1px solid #4F88B1;
	margin-right: 4px;
	text-align: left;
}
TD.crumbCell {
	padding:4px 0 6px 6px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	border:0px;
}
A.crumbTrail:link, A.crumbTrail:hover,A.crumbTrail:visited { color:black }
DIV.sideNavTxt { font-family : Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal }
TD.footerContainer { padding: 2px 0 0 0; border-top:1px solid #777777 }
.footerContactdetails,.footerLinks { border:0px; padding: 4px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color:black; font-weight: normal }
.footerlink,.footerlink:hover,.footerlink:visited { color:black }
}
/* end print styles */