/* Typography style for the main content area */

/******************************************************************
						 Start general styles
******************************************************************/

/* NOTE: min-width should be set to fit a 1024x768 resolution monitor.  It is set
less than 1024 to compensate for the side scroll bar wich ia approx 24px wide. 
Min width should be 1000px less so for content */

html body {
	margin: 0; 
	padding: 0; 
	font-size: 75%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000;  
/*	background: url(null) fixed no-repeat #fff;*/
	min-width: 1024px;   /*Minimum width of layout - remove line if not required */

}

/* NOTE: The styles below are used to assist with setting the min width in
	IE as IE currently does not support min-width */

* html .minwidth {
	border-left: 996px solid #fff;
	margin-left: 32px;
}

* html .minWidthIE {
	margin-left: -996px;
	position: relative;
}

/*\*/
* html .minwidth, * html .minWidthIE, * html .mainContent {
	height: 1px;
}
/**/


/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */

p,tr,td,ol,li,ul,table {
	font-size: 1em;
}

h1 {
	font-size: 1.7em;
	font-weight: normal;
	color:#990000;
	margin: 0.6em 0 0.8em;
}

h2 {
	color: #2F58A7;
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 20px;
	font-weight: 700;
}


h3 {
	color: #37676D;
	font-size: 1.1em;
	margin-bottom: 0;
	margin-top: 10px;
}

h4 {
	font-size: 1em;
	color: #2F58A7;
}

h5 {
	font-size: 1em;
	color: #000;
}

h6 {
	font-size: 1em;
	color: #990000;
	font-style:italic;
}

div.lastUpdated {
	font-size:.9em;
	float:right;
	padding:5px;
	margin-top:10px;
	border:solid 1px #ddd;
	}
	
div.lastUpdated p {
	color: #666666;
	line-height:0.3;
	margin:0;
	}	
	
/* use this style if you want to hide an element.  Currently used to 
hide the h1 header on the site so if the client browser supports css then 
the image is dispalyed otherwise the h1 text is displayed. */
.hiddenElement {
	display: none;
}

/* Used to clear elements within the page.  This clear has a 1px height on it 
which means that it gives a small gap between the cleared elements. */
.clear {
	clear: both;
	height: 1px;
}

/* As above, used to clear elements within the page */
.clearboth { 
	clear: both;
}

/* As above, used to clear  left floats */
.clearleft { 
	clear: left;
}
/* As above, used to clear  right floats */
.clearright { 
	clear: right;
}

.caption {
	font-size: 0.87em;
}	

/******************************************************************
						Start page content styles
******************************************************************/

#mainContent p {
	line-height: 1.5em;
	margin-left: 0; /*this is required for chrome to position the p against the margin. it has no impact in other browsers*/
}

#mainContent li {
	line-height: 1.5em;
	padding-bottom:6px;	
}

h2.faq {
	font-size: 1.0em;
}



/*****************************************************************
                     Start Page Links
*****************************************************************/

#mainContent a:link { 
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
}

#mainContent a:visited { 
   text-decoration : underline;
   color: #2F58A7;
   background-color: inherit;
}
#mainContent a:hover {
	text-decoration : none;
	background-color: inherit;
}

/******************************************************************
						Start External Links
******************************************************************/

/*NOTE: this style is currently applied to external link however 
has not been defined pending further consideation about whther we apply it*/

a.externalLink {

}

/*****************************************************************
                      Start Back to Top					
*****************************************************************/

/** NOTE: this style is used for the in-page back to top . The back 
to top in the footer is defined in the shell style sheet.**/

#mainContent p.top {
	position: relative;
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
	font-size: .95em;
}

#mainContent p.top a:link,
#mainContent p.top a:visited {
	color: #0000ff;
	text-decoration:none;
}

#mainContent p.top a:hover {
   	color: #2c9baf;
	text-decoration: underline;
}

/******************************************************************
						Start inpage index styles
******************************************************************/
#mainContent .pageIndex {
   border: 1px dotted #ccc;
   margin: 20px 0;
   padding: 10px 10px;
   background-color: #F3F3F3;
   line-height: 1.3em;
}

#mainContent .pageIndex ul {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: inherit;
}

#mainContent .pageIndex li {
   list-style-image: url(../images/chevron_transparent.gif);
}

#mainContent .pageIndex p {
   margin: 0;
   font-weight: bold;
   font-size: .9em;
   background-color: #F3F3F3;
}


#mainContent .pageIndex a:link, 
#mainContent .pageIndex a:visited {
	text-decoration : none;
	color: #0000ff;
}

#mainContent .pageIndex a:hover, 
#mainContent .pageIndex a:active {
   	color: #2c9baf;
	text-decoration: underline;
}

#mainContent .bottomSpace ul {
	margin-top: 5px;
	margin-bottom: 65px;
	background-color: inherit;
}

/******************************************************************
		Start style for bottom margin on bulleted list
******************************************************************/

ul.bottomSpace {
}

ul.bottomSpace li {
	margin-bottom: 15px;
}

/******************************************************************
						Start External Links
******************************************************************/

/*NOTE: this style is currently applied to external link however 
has not been defined pending further consideation about whther we apply it*/

a.externalLink {

}

/******************************************************************
						Start Contact Block
******************************************************************/

#contactsPage h2 {
	margin-bottom: 10px;
}

.contactBlock h3 {
	font-size: 1.0em;
	margin-bottom: 5px;
	margin-top: 10px;
}

.contactBlock p {
	margin-top: 0;
	margin-bottom: 5px;
}

.contactBlock {
	border: 1px solid #ccc;
	padding: 0 10px 0 10px;
	margin: 3px 0;
}

.contactBlock ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 2px;
}

.contactBlock ul li {
	display: inherit;
	height: auto;
	border:none;
	background-image: url(../images/chevron_transparent_related.gif);
	background-repeat:no-repeat;
	padding:0px 0px 8px 18px;
}

/******************************************************************
						Start Page Table 
******************************************************************/

table.inPageTable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.inPageTable th {
	background-color: #003366;
	color: #fff;
	padding: 4px;
}

table.inPageTable td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px;
	vertical-align: top;	
}

table.inPageTable th.tableSubHeading {
	background-color: #6F9BAC;
	text-align: left;
}


table.inPageTableVerticalColumn  {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.inPageTableVerticalColumn th {
	border-bottom: 1px solid #ccc;
	background-color: #E6E6E6;
	padding: 6px;
	text-align: left;
}

table.inPageTableVerticalColumn td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px;
	vertical-align: top;	
}


/******************************************************************
						Start Permits Search Table 
******************************************************************/

table.permitsSearch {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.permitsSearch th{
	background: #003366;
	color: #fff;
	padding: 4px;
}

table.permitsSearch td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px;	
}

/******************************************************************
						Start Review Recommendations
******************************************************************/

p.reviewRecommendations {
	border: 1px solid #663333;
	padding: 10px;

}

/******************************************************************
						Start Address Block
******************************************************************/

div.address {
	margin-left: 30px;
}

div.address p {
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0;
}

/******************************************************************
		  				Start General images styles
******************************************************************/

div.imageThumbnail {
	padding: 5px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
	float: left;
	display: block;
}

div.imageThumbnail p {
	font-size: .95em;
	margin: 0 2px 0 0;
	padding: 0; 
	background-color: transparent;
}

div.imageThumbnail p.enlarge{
	padding: 0;
	margin: 0;
}

div.science_fellows {
	float:right;
	padding:5px;
	}
	
div.toc
{
	background-color: #F3F3F3;
	width:550px;
	min-height: 60px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 5px;
	float:right;
}

.contents ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 8px 18px;
}

.contents ul li {
    background-image: url("../images/chevron_transparent_related.gif");
    background-repeat: no-repeat;
    border: medium none;
    display: inherit;
    height: auto;
    padding: 0 0 8px 18px;
}

div.toc_space
{
	padding-left:10px;
	}



/******************************************************************
				  Start Page Image/Text Columns 
******************************************************************/

#imageColumn {
	width: 186px;
	float: left;
	margin: 20px 20px 0 0;
	border: 1px solid #fff;
	display: inline;
}

#textColumn {
	padding-top: 5px;
}

#textColumn ul {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}


#textColumn ul.index {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}

#imageColumn ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#imageColumn li {
	position: relative;
  	float: left;
	width: 180px;
  	margin: 0;
	margin-bottom: 20px;
	background-color: #fff;
	display: inline;
}

#imageColumn li .thumbnail {
	width: 180px;
	float: left;
	padding: 5px 0 0 5px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
}

#imageColumn li .thumbnail p {
	font-size: .95em;
	margin: 0 2px 0 0;
	padding: 0; 
	background-color: transparent;
}

#imageColumn li .thumbnail p.enlarge{
	padding: 0;
	margin: 0;
	background-image: url(/images/enlarge.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 18px;
	height: 18px;
	text-align:right;
}

#imageColumn li .thumbnail a:link,
#imageColumn li .thumbnail a:visited {
	text-decoration: none;
	color: #1198b8;
	border: none;
}

#imageColumn li .thumbnail a:hover {
	text-decoration: underline;
	border: none;
}


/******************************************************************
		  		   Start Downloadable Document General
******************************************************************/

ul.DownloadableDocument {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 30px;
}

ul.DownloadableDocument li {
	color: #33475C;
	padding: 0 0 0 10px;
	margin: 0 0 7px 7px;
	list-style:  url("/images/document.gif");
	vertical-align: middle;
}


/******************************************************************
		  	Start Downloadable Report - ChemicalReviews
******************************************************************/

ul.ReviewReport {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

ul.ReviewReport li {
	color: #33475C;
	padding: 0 0 0 10px;
	margin: 0 0 7px 7px;
	list-style:  url("/images/document.gif");
	vertical-align: middle;
}


/******************************************************************
		  					Start Notices
******************************************************************/

div.notice {
	border: 1px solid #ccc;
	padding: 0 20px;
	background-color: #F7F7F7;
}

div.noticeagenda {
	border: 0px;
	padding: 0 20px 5px;
	background-color: #F7F7F7;
}


/*****************************************************************
                     Start A-Z Index
*****************************************************************/

#a_z ul{
	margin-top: 0;
	margin-left: 10px;
}

#a_z ul li{
	padding-bottom: 4px;
	line-height: normal;
	list-style-type: none;
}

#a_z ul li ul{
	margin-top: 5px;
	margin-left: 30px;
}

#a_z ul li ul li{
	list-style-type: disc;
}

#a_z h3 {
	color: #007079;
	font-size: 1.2em;
	margin-bottom: 2px;
	margin-top: 20px;
	font-weight: bold;
	font-style:italic;
	padding:0;
}

#a_z p.azKey  a:link,
#a_z p.azKey a:visited {
	text-decoration : none;
	color : #0000ff;
	background-color: inherit;
	border-right: 1px solid #ccc;
	padding: 0 4px 0 4px;
}

#a_z span.unlinked {
	color: #999;
	padding: 0 5px 0;
	border-right: 1px solid #ccc;
}

#key {
	border: 1px solid #999;
	float: right;
	width: 30%;
	padding: 2px;
}

#key ul {
	margin: 0 2px 0 2px;
}

#key li {
	border-bottom: 1px dotted #ccc;
	line-height: normal;
}

#key li.last {
	border-bottom: none;
}

#key li p {
	font-size: .9em;
	line-height: normal;
	margin: 2px 0 0 38px;
}

#key h3{
	font-size: 1.1em;
	line-height: normal;
	margin: 0;
	padding: 2px;
	background-color: #F3F3F3;
	text-align: center;
}


#key span.keyName {
	font-weight: bold;
   	color: #2c9baf;
   	margin-left: -38px;
}

#a_z li span.suspension {
	vertical-align: text-top;
	font-size: .9em;
   	color: #F00;
}

#a_z li span.retain {
	vertical-align: text-top;
	font-size: .9em;
   	color: #060;
}

#a_z li span.moreData {
	vertical-align: text-top;
	font-size: .9em;
   	color: #F60;
}

#a_z li span.keyLink {
	vertical-align: text-top;
	font-size: .9em;
	color: #666666;
}

#a_z li span.keyLink a:link,
#a_z li span.keyLink a:visited {
	color: #2c9baf;
	text-decoration: none;
}



/*****************************************************************
                     Start Tabbed Navigation
				Used in Reviews and Guidelines	
*****************************************************************/

#reviewCurrent,
#reviewCompleted,
#reviewAtoZ,
#reviewNominated,
#reviewCancelled,
#reviewSpray,
#reviewSuspend,
#reviewRetain,
#reviewsupported,
#reviewnotsupported,
#reviewlabelrestraints,
#reviewsugarcane,
#reviewpineapples,
#guidelineTitle,
#guidelineNumber,
#guidelineKeyword {
	border: 1px solid #999;
	padding: 10px;
	margin-top: 0;
	background: url(/images/tabshadow.gif) no-repeat 8px 100% #fff;	
	background-position:top;
}

#reviewCurrent h2,
#reviewCompleted h2,
#reviewAtoZ h2,
#reviewNominated h2,
#reviewCancelled h2,
#reviewIndex h2,
#reviewSuspend h2,
#reviewRetain h2,
#guidelineTitle h2,
#guidelineNumber h2,
#guidelineKeyword h2 {
	margin-top: 0;
}

#reviewRetain p {
		font-size: 1.1em;
}

#reviewTabs{
	margin-top: 20px;
	height: 18px;
}

#nav{
  font-weight: bold;
  color: #666;
  margin: 0;
  float: left;
  list-style-type: none;	
}

html>body #nav{
  margin-left: 8px;
  background: url(/images/tabshadow.gif) no-repeat <strong>4px</strong> 100% #fff;
}

#nav li{
  float: left;
  list-style-type: none;
  margin: 0 0 0 4px;
  padding: 0 0 0 10px ;
  background: url(/images/tabgrey.gif) #c0c0c0 top left no-repeat;
}

#nav li a {
  color: #666;	
  background: url(/images/tabgrey.gif) transparent top right no-repeat;
  display: block;
  padding: 0 10px 0 0;
  text-decoration: none;
}

#nav a:link,
#nav a:visited {
  text-decoration: none !important; 
  color: #990000;
}

#nav li.cur,
#nav li.over,
#nav li:hover {
  background: url(/images/tabblue.gif) #3375b2 top left no-repeat;
}


ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a,
ul#nav li:active a {
  display: block;
  color: #fff !important;
  padding: 0 10px 0 0;
  text-decoration: none;
  background: url(/images/tabblue.gif) transparent top right no-repeat;
}



/******************************************************************
		  	CCC and ILC meetings
******************************************************************/



#agendaTabs
{
	margin-top: 20px;
	height: 18px;
}

#agendaOne
{
	border: 1px solid #999;
	padding: 10px;
	margin-top: 0;
	background: url(/images/tabshadow.gif) no-repeat 8px 100% #fff;	
	background-position:top;
}

#agendaTwo
{
	border: 1px solid #999;
	padding: 10px;
	margin-top: 0;
	background: url(/images/tabshadow.gif) no-repeat 8px 100% #fff;	
	background-position:top;
}

#agendaThree
{
	border: 1px solid #999;
	padding: 10px;
	margin-top: 0;
	background: url(/images/tabshadow.gif) no-repeat 8px 100% #fff;	
	background-position:top;
}

#agendaFour
{
	border: 1px solid #999;
	padding: 10px;
	margin-top: 0;
	background: url(/images/tabshadow.gif) no-repeat 8px 100% #fff;	
	background-position:top;
}

#nav{
  font-weight: bold;
  color: #666;
  margin: 0;
  float: left;
  list-style-type: none;	
}

html>body #nav{
  margin-left: 8px;
  background: url(/images/tabshadow.gif) no-repeat <strong>4px</strong> 100% #fff;
}

#nav li{
  float: left;
  list-style-type: none;
  margin: 0 0 0 4px;
  padding: 0 0 0 10px ;
  background: url(/images/tabgrey.gif) #c0c0c0 top left no-repeat;
}

#nav li a {
  color: #666;	
  background: url(/images/tabgrey.gif) transparent top right no-repeat;
  display: block;
  padding: 0 10px 0 0;
  text-decoration: none;
}

#nav a:link,
#nav a:visited {
  text-decoration: none !important; 
  color: #990000;
}

#nav li.cur,
#nav li.over,
#nav li:hover {
  background: url(/images/tabblue.gif) #3375b2 top left no-repeat;
}


ul#nav li.cur a,
ul#nav li.over a,
ul#nav li:hover a,
ul#nav li:active a {
  display: block;
  color: #fff !important;
  padding: 0 10px 0 0;
  text-decoration: none;
  background: url(/images/tabblue.gif) transparent top right no-repeat;
}



/*****************************************************************
                     Start Buttons		
*****************************************************************/
div.linkButton  {
	width: 60%;	
	background-color: #365860;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.linkButton a:link, 
div.linkButton a:visited {
	display: block;
	border: 1px solid #999999;
	padding: 4px 10px;
	color: #fff !important;
	background-color: #577b84;
	text-align:center;
	text-decoration: none !important;
	font-weight: bold;
	font-size: .9em;
	
}

div.linkButton a:hover {
	display: block;
	border: 1px solid #999999;
	padding: 4px 10px;
	color: #fff !important;
	background-color: #365860;
	text-align:center;
	text-decoration: none !important;	
	font-weight: bold;
	font-size: .9em;
}

/*****************************************************************
                     Start Gazette		
*****************************************************************/


#gazetteTOC h3 {
 	color: #3E80A4;
	font-size: 1.0em;
}

#gazetteTOC ul {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 30px;
}

#gazetteTOC ul li {
	color: #33475C;
	padding: 0 0 0 10px;
	margin: 0 0 7px 7px;
	list-style:  url("/images/document.gif");
	vertical-align: middle;
}

#gazetteTOC p.TocHeading {
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
}

/*****************************************************************
                 Start Choosing the Right Chemicals		
*****************************************************************/

#label {
 float:left;
 width: 340px;
}



/*****************************************************************
                Start Home Page - News and Hot Topics		
*****************************************************************/

#newsShell{
	position: relative;
	width: 99%;
	margin:0;
	padding: 0;

}

#newsShell h2{
	margin: 2px 2px 2px 5px;
	font-size: 1.0em;
	text-transform: uppercase; 
	font-style: normal;
	color: #c00;
}

#rssFeed {
	background-image:url(../images/rss_icon.gif);
	background-repeat:no-repeat;
	display:block;
	height:14px;
	width:14px;
	margin:3px 3px 0px 0px;
	float:right;
}

#rssFeedInPage {
	background-image:url(../images/rss_icon.gif);
	background-repeat:no-repeat;
	display:block;
	height:14px;
	width:14px;
	margin:3px 3px 0px 0px;
	float:left;
}

#latestNews {
	float: left;
	width: 47%;
	border-right: 1px solid #ccc;
	padding-right: 10px;	
}


#hotTopics {
	float: left;
	width: 47%;
	border-right: none;
	margin-left: 10px;
}


#newsShell ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#newsShell ul li {
	border-bottom: 1px solid #e9e9e9;
	display: block;
	height: auto;
	padding: 10px 10px 10px 0;
	margin: 5px;
}

#newsShell ul li.topStory {
	background-color: #f4f4f4;
	display: block;
	height: 85px;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	border: 1px solid #ccc;
	font-weight: bold;
}

#newsShell ul li.bottomStory {
	background-color: #f4f4f4;
	display: block;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	border: 1px solid #ccc;
	
}

#newsShell p {
	font-size: 0.9em;
	font-style: normal;
	margin: 0;
	background-color: transparent;
}

#newsShell p.date {
	text-transform:uppercase; 
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
}

#newsShell p a:link,
#newsShell p a:visited {
	color: #006699;
	text-decoration:none;
}

#newsShell p a:hover,
#newsShell p a:active  {
	color:#990000;
	text-decoration: underline;

}

#newsShell img {
	float: left;
	margin: 0 10px 0px 0;
	border: 1px solid #ccc;
	padding: 2px 2px;
}

#newsShell p.more {
	text-align: right;
}

#newsCommunity {
	background-color:#f4f4f4;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 5px;
	margin:5px 5px 10px 5px;
}

#newsCommunity ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#newsCommunity ul li {
	font-size: .9em;
	display: inherit;
	height: auto;
	border:none;
	background-image: url(../images/chevron_transparent_related.gif);
	background-repeat:no-repeat;
	padding:0px 0px 2px 18px;
}

#newsCommunity a:link,
#newsCommunity a:visited {
	color: #006699;
	text-decoration:none;
}

#newsCommunity a:hover,
#newsCommunity a:active  {
	color:#990000;
	text-decoration: underline;
}

/*****************************************************************
                Start Vets Landing Page		
*****************************************************************/
.vetsImg {
	border: 1px solid #ccc;
	padding: 3px 3px 3px 3px;
	margin:0px 5px 5px 5px;	
}

.forVets {
	background-color:#f4f4f4;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 5px;
	margin:5px 5px 10px 5px;
}