body {
margin:0px;
padding:0px;
background: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
background: url(/assets/backfade.gif) repeat-x top left;
}

/*#banner {
position:absolute;
left: 190px;
top: 10px;
width: 600px;
height: 27px;
margin:0px;
padding:0px;
}*/

#banner {
position:absolute;
left: 190px;
top: 15px;
width: 730px;
height: 27px;
margin:0px;
padding:0px;
padding-bottom:10px;
font: 300 1.8em Georgia, serif;
color:#c90;

/*background: #333;*/
}

#montage {
	position:absolute;
	left: 191px;
	top: 47px;
	width: 61.7em; /*57.5em;*/
	w\idth: 61em; /*56.8em; /*IE hack - this give Mozilla correct width*/
	height: 30px;
	border: 1px solid #333;
	background-image: url(/assets/organicveg/montage.jpg);
	background-repeat: repeat-x;
}


#logo
{
position:absolute;
left: 15px;
top: 9px;
font-size:0.9em;
color:#777;
text-align:center;
}

#topnav
{
padding: 0em 24em 0em 190px;

}

#topnav ul
{
position:absolute;
left: 190px;
top: 78px;
t\op: 69px; /*IE hack - this give Mozilla correct placement*/
padding-left: 0;
margin-left: 0;
background-color: #c90;
color: White;
font-size: 0.9em;
font-weight: bold;
line-height: 1.6em;
border-bottom: 8px solid #fff; 

}

#topnav ul li { display: inline; }

#topnav ul li a
{
padding: 0.2em 0.4em;
background-color: #c90;
color: #fff;
text-decoration: none;
float: left;
border-left: 1px solid #fff; /*#cc9;*/
border-top: 1px solid #c90;
border-bottom: 1px solid #c90;
}

#topnav ul li a:hover
{
background-color: #fff; 
color: #c90;
border-top: 1px solid #c90;
border-bottom: 1px solid #c90;
}
#topnav li#active a
{
background-color: #fff; 
color: #960;
border-top: 1px solid #fff;  /*#c90;*/
border-bottom: 1px solid #fff; 
border-right: 1px solid #960; 
}
#topnav li#active a:hover 
{
cursor: default;
}

/*#topnav li#active a { color: #960; }*/

#sidenav {
	width: 165px;

	padding: 0; 
	margin-left: 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	float: left;
	position: absolute; 
	top: 150px;	
	}

#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#sidenav li {
	border-top: 1px solid #cc9;
	margin: 0;
	}
	
#sidenav li li {
	font-weight: normal;
	margin: 0;
	}	
#sidenav li li li{
	margin: 0;
	}	

#sidenav li#inactive a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #c90;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

#sidenav li li#inactive a {
	display: block;
	border-left: 4px solid #c90; /*#fff4d8;*/
	list-style: circle;
	background-color: #ffe490;
	color: #960;
	text-decoration: none;
	w\idth: 100%;
	}
#sidenav li li li#inactive a { 
	background-color: #ffc; 
	border-left: 10px solid #fff4d8;
	color: #960;
	}

html>body #sidenav li#inactive a {
	width: auto;
	}
html>body #sidenav li a {
	width: auto;
	}
html>body #sidenav li#active a {
	width: auto;
	}	
#sidenav li#inactive a:hover {
	background-color: #ffc; 
	color: #c90;
	}
#sidenav li li#inactive a:hover {
	border-left: 4px solid #c90; 
	background-color: #ffc; 
	color: #960;
	}
#sidenav li li li#inactive a:hover {
	border-left: 10px solid #fff4d8; 
	background-color: #ffc; 
	color: #960;
	}
	
#sidenav li#active a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #fff;
	color: #960;
	text-decoration: none;
	border-right: 1px solid #fff;
	width: 100%;
	}
#sidenav li#active a:hover {
	color: #960;
	text-decoration: none;
	/*cursor: default;*/
	background-color: #fff;	
	}	

#sidenav li li#active a {
	display: block;
	border-left: 4px solid #fff;
	background-color: #fff;
	color: #960;
	text-decoration: none;
	}
#sidenav li li#active a:hover {
	color: #960;
	text-decoration: none;
	cursor: default;
	}	
	
#sidenav li li li#active a {
	display: block;
	border-left: 10px solid #fff;
	background-color: #fff;
	color: #960;
	text-decoration: none;
	}
#sidenav li li li#active a:hover {
	border-left: 10px solid #fff;
	color: #960;
	text-decoration: none;
	cursor: default;
	}		
	
.floatImgRight {
	float: right;
	/*margin-left: 1em;*/
	margin-right: 0;
	margin-top:0.6em;
	margin-bottom:0.3em;
	border-bottom: 20px solid #fff;
	border-left:20px solid #fff;
	font-size:0.9em;
	line-height:1.2em;
	color:#444;
	text-align:center;
	/*background:#eee;*/
	padding:0 10px 6px 10px;
}
div.floatImgRight img { 
	border: 1px solid #666; 
	margin-bottom:0.6em;
}
div.floatImgRight img.GIFBorder {
	border: none;
	margin-bottom:0.4em;
}


#navlist 
{
border-top:1px solid #ccc;
margin: 0;
margin-top:0.4em;
font-size: 0.9em;
padding:0.4em 0 0.4em 0 ;
text-align:center;
color:#666;
}

#navlist a:link, #navlist a:visited
{
color:blue;
}

#navlist a:hover
{
text-decoration: underline;
color: #c00;
}

.smallCentre {
	text-align: center;
	font-size:0.9em;
	color:#666;
	padding-top:0.2em;
	padding-bottom:0.3em;
	background-color:inherit;	
	line-height:1.5em;
}

#rightcolumn {
float: right;
	padding: 0em 4em 0em 0.2em;
	width: 22em;
	w\idth: 18em; /*IE hack - this give Mozilla correct width*/	
	text-align : left;
	line-height: 1.2em;	

}

#breadcrumbs {
margin: 0em;
padding: 120px 24em 0.5em 18.5em;
font-size: 0.9em;
line-height: 1.3em;
color: #666;
}
	
#content {
margin: 0em;
padding: 10px 24em 2em 195px;
font-size: 1.0em;
line-height: 1.8em;
color: #333;
}

#content p {
font-size: 1.0em;
line-height: 1.8em;
color: #333;
}

#content table,tr,td {
font-size: 1.0em;
line-height: 1.8em;
color: #333;
}

#content b, strong {
color: #960;
font-weight: bold;
}
	
#content ul,li {

	list-style: outside url(/assets/box-arrow.gif); 

}	
	
/*h1 {
font-size: 1.5em;
font-weight: bold;
color: #960;
margin: 0 0 0.7em 0;}

h2 {
font-size: 1.3em;
font-weight: bolder;
color: #c90;
margin: 0 0 0 0;}

h3 {
font-size: 1.1em;
font-weight: bold;
color: #c90;
margin: 0;
padding: 0;
}*/

h1 {
	font: 300 2.2em Georgia, serif;
	color: #960;
	margin-top: 0em;
	margin-bottom: 0.6em;
	}

h2 {
    font: 300 1.8em Georgia, serif;
    color: #c90;
	margin-bottom: 0.3em;
	padding:0.3em;
	padding-bottom:0.1em;
	padding-left:1.1em;
	background: url(/assets/hdra-blob-big.gif) no-repeat left 0.3em;
	border-bottom:1px solid #bbb;
}	

h3 {
	font: 300 1.5em Georgia, serif;
	margin: 1.2em 0em 0.6em 0em;
	color: #960;
	padding:3px 0px 4px 6px;
	background:#fff url(/assets/backfade.gif) repeat-x top left;
	border-bottom:1px solid #e0e0e0; 	
	}


h4 {
font-size: 1.1em;
font-weight: bold;
color: #960;
margin: 0;
}

h5 {
font-size: 0.9em;
font-weight: normal;
color: #c90;
margin: 0;
padding: 0;
}

hr {
	color: #c90;
	border: 0;
	background-color: #c90;
	height: 1px;
}

/*
textarea {
width: 400px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
border: 1px solid #960;
}

input {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
border: 1px solid #960;
}
*/

#SearchContainer {
	width:176px;
	padding:0;
	margin:0;
	margin-bottom:0.2em;
	border:1px solid #ccc;
	border-top:none;
	border-right:none;
	position:absolute;
	top: 0;
	right:0;
}

#SearchBox form {
	padding:0.3em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background-color: #fff; /*#CFF7FF;*/
	color: #000;	
	text-align:left;
	border: 0;
	font-size:0.9em;
	/*border: 1px solid #9c9;
	border-top:0;
	border-right:0;*/
	margin: 0; 	
	
}    

#SearchBox input[type=text]	{
    padding:0.1em;
	font-size: 1em;
	margin-left:0.3em;
	margin-top:0.3em;
    vertical-align: middle;
	font-weight:normal;
	
	}
.searchtext {
    padding:0.1em;
	font-size: 1em;
	margin-left:0.3em;
	margin-top:0.3em;
	vertical-align: middle;
} 
#SearchBox a{
	font-size: 0.9em;
	color: blue;		
	padding: 0;
	border: 0;	
} 
#SearchBox a:hover{
	color: red;
	text-decoration: underline;
	padding: 0;
	border: 0;	
} 

.SearchSubmit { 
        border: 1px solid #999;
		margin-left:0.3em;
		margin-top:0.2em;
        background-color: #ffe490;
        font-size: 1em;
        vertical-align: middle;
		padding-left:0.4em;
		padding-right:0.4em;		
    } 
#SearchBox input[type=submit]
	{
        border: 1px solid #999;
		margin-left:0.3em;
		margin-top:0.2em;
        background-color: #ffe490;
        font-size: 1em;
        vertical-align: middle;
	}	
.searchlabel {
	color:#666;
	padding:0.3em;
	margin-bottom:0.4em;
	margin-top:3px;
	font-weight:bold;
}

input{
    font-size:1.1em;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(/assets/fieldbg.gif) repeat-x top;
}	
input text, textarea, select{
    font-size:1.1em;
    /*line-height:1.3em;*/
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(/assets/fieldbg.gif) repeat-x top;
}	


input.submit
{
 color: #333;
background: #ffe490;
border: 1px outset #666;
padding:0.1em 0 0.2em 0;
}
input.submit:hover
{

background: #ffc;
border: 1px inset #666;

}

.ErrorField {
	background:#ff5;
}

.red-bold {
	font-weight: bold;
	color: #a63120; /*#c00;*/
}

textarea{
	font-family: verdana, arial, helvetica, sans-serif;
	width: 400px;
}	


#commentbox {
	border: 1px solid #c90;
	font-size: 0.9em;
	padding: 0.5em;
	color: #333;
}
.case_table {
	border: 1px solid #333;
	/*width: 57.5em;
	w\idth: 56.8em; *//*IE hack - this give Mozilla correct width*/
}

.case_table td {
	font-size: 0.9em;
	line-height: 1.3em;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;		
}
#case_key table{
	border: 1px solid #333;
	width: 14.1em;
	w\idth: 14.1em;	
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 1em;
}