/* CSS Document */
 

body {position:relative;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0;
background-image: url(../images/BG_grad_40_1200_blue.png) ;
background-repeat:repeat-x;
color: #000;
background-color:#006;
font-family:Arial, Helvetica, sans-serif;
/* font-size: 0.67em; */
font-size:11px;
height:auto;
}

/*html, body, #wrapper { 
	min-height: 99%;
	height: 99%;
} */

html>body, html>body #wrapper {
height:auto;
} 

#wrapper {
	position:relative;
	width:960px;
/*  height:inherit; */
	text-align:left;
  height:600px;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
	border: solid 1px #000;
	background-image: url(../images/QCmasthead7_mid.jpg);
	background-repeat:repeat-x;
}

#banner {background-color:transparent;
height:100px;
/*text-align:center;
*/
color: #FFF;
margin-left: auto;
margin-right: auto;
padding: 0;}

.ban-left {float:left;
margin-left: 10px;}

.ban-right {float:right;
margin-right: 10px;}

#mainmenu {background-color:transparent;
z-index:1001;
background-image: url(../images/footer_blue_50.jpg);
background-repeat:repeat-x;
height: 40px;
color: #FFF;}

#search {position:relative;
background :transparent;
color: #066;

margin-top : 20px;
margin-left: 650px;
margin-right: 40px;
margin-bottom : -20px;
text-align:right; }
 

dl.curved {background:#7f7f9c url(../images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width:95%;}
dl.curved dt {background:transparent url(../images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(../images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(../images/c_br.gif) bottom right no-repeat; }

 

/******************** generic classes *************************/
.heading { font-size: 1.5em;
        color: #066;
				text-transform:capitalize; }

.date { font-size: 0.8em;
        color: #555;}
				
.deg {  margin-top:-10px;
        font-size: 0.8em;
        color: #555;}
								
.person {font-size: 1.4em;
         color:#963 }

.req  {
			  color:#f00;
			}
	
 				 				
.job {  margin-top:-5px;
        margin-bottom:-5px;
        font-size: 1.2em;
        color:#6C3600}				


#prof td {
  font-size:1.1em;
}

/* grower profile banners */
.gprof { background-color: #2e6ab1 ;
         padding-left:25px;
       	 margin-top:-7px;    
				 margin-left:-3px; 
				 margin-right:-3px;
				 padding-top:5px; 
      	 padding-botton:10px; 
      	 font-size: 1.2em;
				 color:#FFF;
				 border: 1px solid #000;
				 
				}

.message {
  font-size: 1.2em;
	color:#F00;
	text-align:center;
}

a {color: #2e6ab1;
font-weight: bold;
text-decoration: none;}

a:hover {text-decoration:underline;}

.newstitle {
text-align:center;
font-size: 1.3em;
}

p {
  margin-right: 2em;
  /* margin-left: 2em; */
}

li {  
  /* list-style-image:url(../images/bullet_black.png); */
  list-style-image:url(../images/boll_dot.jpg); 
}

#data li {  
  /* list-style-image:url(../images/bullet_black.png); */
  list-style-image:url(../images/boll_dot.jpg); 
  padding:3px;	
}


#gmenu li , .menu li {  
  list-style-image: none;
}
 
.border{border : 1px solid navy;
background-color:lightyellow;
 padding : 5px;
 margin-left: 250px;
}
.fact { 
			 text-align:center;
			 color: navy;
			 font-size: 1.1em;
			 font-weight:bold;
			 
}	

#growwho {
 text-align: left;
 font-style: italic;
 letter-spacing: 1px;
}		 
/******************** main content *************************/

#content {position:relative;
background: transparent ;
}

.headimage {display:inline;}
.title, .stattitle, .navtitle, .subtitle, .title2{ 
margin-top : 5px;
margin-left : 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006;}

.title {
text-align : left;
font-size: 1.5em;
}

.gtitle 
font-size: 1.2em;
color:#FFF;
}
.subtitle {
text-align : left;
font-size: 1.3em;
}

.title2 {
text-align : center;
font-size: 1.3em;
}

.navtitle {
text-align: center ;
font-size: 1em;
text-decoration:none;
color: #006;
font-weight:bold;
}

#content .stattitle {
text-align : center;
font-size: 1.8em;
}

.container .indexcontainer {
position:relative;
min-width:550px;
padding: 5px 5px 5px 5px ;
text-align:left;
background: transparent;}

.indexcontainer {margin-right : 260px;}
	
.container {margin-left : 200px;
            margin-right : 1px;
						}

.data {padding:0 10px 50px 20px;
height:580px;
overflow: auto;
background-image:url(../images/cotton_watermark_lg.jpg)  ;
background-repeat:no-repeat;
background-position: right bottom;
}

/* main document hyperlinks */
.normal {color: #F00;
  font-weight: normal; 
	text-decoration: none;}


.data a {color: #2e6ab1;
 font-weight: bold; 
	text-decoration: none;}


.data a:visited {color: #2e6ab1;
}

.data li {
  padding:2px;	
}

.data  a:hover {text-decoration:underline;}

.data td {color: #2e6ab1;
font-weight: normal;
font-size:1.2em;
vertical-align:top;
text-decoration: none;}

 .bold { font-weight:bold;
      }

.question { color: #2e6ab1;
						font-weight: bold;
						list-style-type:none;
				 	  padding : 3px;
}
.answer { color: #000;
						font-weight:normal;
						list-style-type:none;
				 	  padding-bottom : 8px;
}

.rep { list-style-type:none;
     list-style-image:url(../images/report.png);
		 padding : 3px;
}

#contacts td {width: 180px;
font-size:1em;} 

#mktconts td {width: 230px;
font-size:1em;} 

#ozconts td {width: 300px;
font-size:1em;} 



/* table list definitions */
 
dt{
 padding-left: 15px;
 font-size:1.1em; 
 color : #066 ;
 font-weight:bold;
}

dd .dept{
 font-size:1.1em; 
 color : #099 ;
}

dl hr {

  width:160px;
	text-align:left; 
}
 
h1.headline {margin:20px 0 10px 0;
font-size:1.5em;}

h1.navhead {margin:40px 0 10px 0;
font-size:1.5em;}

h2 {margin:40px 0 10px 0;
font-size:1.4em;}

.image-left, .image-logo {float:left;
margin:  0px 40px 10px  0px;
z-index:10;}

.image-right, .image-media {float:right;
margin: 10px 20px 20px  10px;
z-index:10;
}

.image-right, .image-left, .image-rightup  {
border: 1px solid navy;}

.image-media {
border: 0px solid navy;}

.image-rightup {float:right;
margin-left : 20px ;
margin-right : 10% ;
margin-bottom : 20px ;
width:160px; 
height:160px;
z-index:100;}

/* ==footer== */
#footer {position: relative;
margin-top:-10px;
text-align: center;
background-color:transparent;
color: #111;
height : 40px;
width:100%;
margin-left: auto;
margin-right: auto;
background-image: url(../images/footer_blue_50.jpg);
background-repeat:repeat-x;
font-size: 1em;
color: #ccc;}

#footer p { 
	padding-top:8px;
	clear:both;
}

#footer a {color: #3c3;
}

/**************** css menuing style for all browsers *************/

.menu {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:11px; height:28px; margin:0; padding:0; list-style-type:none; margin:0px 10px 0px 40px; z-index:1002;

}
.menu ul {
padding:0; margin:0; list-style-type:none;  /* for Firefox */
}
.menu li {
float:left; position:relative;
}
.menu li a, .menu li a:visited {
display:block; text-decoration:none; width:120px; color:#fff; float:left; padding-right:1em; height:28px; line-height:28px;  background:#006; border:1px solid #FFF;  text-align:center; margin-right: 3px;
}
* html .menu li a, .menu li a:visited {
width: 120px; w\idth: 120px;  /* hack for IE5.5 */
}
.menu li a.drop, .menu li a.drop:visited {
 font-weight:bold;  
}
.menu li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
text-decoration:none;  border: 1px solid #fff;
background-color: #039; 

}
.menu li:hover ul,
.menu li a:hover ul {
visibility:visible; height:auto; width: 120px; color:#2e6ab1; background:#FFFFCC; border:0px solid #FFF; left:0; top:30px; overflow:visible;
}
.menu li:hover ul li a,
.menu li a:hover ul li a {
display:block; font-weight:normal; background-color:#FFF; text-decoration:none; height:auto; line-height:1.5em; 
padding-top:0.2em; padding-bottom:0.2em; padding-right:0.4em; padding-left:0.4em;  color:#2e6ab1; border:1px solid #2e6ab1;  margin-right: 0px;   font-weight:bold;  margin-bottom:0px;
 }
* html .menu li a:hover ul li a {
width:120px; w\idth:120px; /* hack for IE5.5 */
}
.menu li:hover ul li a.drop,
.menu li a:hover ul li a.drop {
font-weight:bold;
}
.menu li:hover ul li ul,
.menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
text-decoration:none; background-color:#FFC ; text-align:center; color:#000; border:1px solid #006;
}
.menu li:hover ul li:hover ul,
.menu li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:120px; 
} 
.menu li:hover ul li:hover ul li a,
.menu li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu li:hover ul li:hover ul li:hover a,
.menu li a:hover ul li a:hover ul li a:hover {
text-decoration:none;
}
.menu .active {width: 120px;
text-align:center;
margin-top :5px;
margin-right: 3px;
padding-top: 5px;
font-weight: bold;
border: 1px solid #fff;
background-color: #2e6ab1;
color: #FFF;
height: 24px;
line-height:20px;}





/**************** END TOP LEVEL MENU  *************/





.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

.caption{ text-align:center;
margin-top : -10px;
font-style:italic;
}

.middle {text-align:center;
}

/************************ sub Navigation *********************/

/* ==navigation== */

#subnav {
	float:left;
	position:absolute;
	top :3px;
	width: 160px;
	padding:19px;
	padding:0;
	margin:0;
	width:0;
	z-index:1000;
}

#subnav li {list-style-type:none;
 list-style-image:none;
width:200px;
margin:2px 0;
clear:both;}

#subnav a, #subnav a:visited {position:relative;
display:block;
width:120px;
height:18px;
background-color:#fff;
padding-left:3px;
border: 1px solid #9aafe5;
color: #2e6ab1;
text-decoration:none;}

#subnav li.long a,  #subnav li.long a:visited {display:block;
width:120px;
height:32px;
background-color:#fff;
padding-left:3px;
border: 1px solid #9aafe5;
color: #2e6ab1;
text-decoration:none;}

#subnav li.active {position:relative;
display:block;
width:120px;
height:18px;
padding-left:3px;
text-decoration:none;
font-weight: bold;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;}

#subnav li.lactive {position:relative;
display:block;
width:120px;
height:32px;
padding-left:3px;
text-decoration:none;
font-weight: bold;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;}

/* the little arrow */

#subnav span {position:absolute;
display:block;
left:130px;
top:0;
width:0px;
height:0px;
border-left:8px solid NAVY;
border-top:8px solid #fff;
border-bottom:8px solid #fff;
font-size:1px;
line-height:0;}

#subnav a:hover , #subnav li.long  	a:hover {border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;}

* html #subnav a:hover span {width:8px;
height:16px;
w\idth:0;
he\ight:0;}

/************************ under sub Navigation *********************/

/* ==navigation== */

#undernav , #grownav {float:left;
position:absolute;
text-align:center;
top: 300px;
width: 160px;
margin-left :15px;
padding-left : 5px; 
clear: both;
background-color:#fff;}

#grownav {
border: 1px solid navy;
}

#passnav {float:left;
position:absolute;
text-align:center;
top: 20px;
width: 160px;
margin-left :20px;
clear: both;
background-color:#fff;}


/******************** homepage right navigation *************************/
#nav {
  position: relative;
  float: right;
	height: 500px;
  width : 260px;
  padding-left: 0.4em;
  margin-top :2em;
 	background-image: url(../images/panel_240x500_ff9933.gif); 
/* 	background-image: url(images/panel_240x500_teal.gif); 
 	background-image: url(../images/panel_240x500_straw.gif); 
 	background-image: url(images/panel_240x500_kak.gif); 
 	background-image: url(images/panel_240x500_grey.gif);*/ 
  background-repeat:no-repeat; 
	background-color:transparent;
}


#navnews {
	height: 80px;
  width : 200px;
	/*padding:0 10px 0px 10px;*/
  margin-left: 9px;
	border: 1px solid #00f;
/* 	background-image: url(images/box_body_240x500_xtras.gif); 
  background-repeat:no-repeat; 
		background-color:#ccc	;*/		
	background-color:transparent	;
  color:#000;
  padding : 5px;
}

#navlogin {
  width : 200px;
  margin-left: 9px;  
	margin-top: 8px;
  padding : 3px;
	border: 0px solid #00f;
	background-color:transparent	;
	color:#000;
}

/*************  Container Pagination ***********/

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.pagination {padding: 2px;}

.pagination ul {margin: 0;
  list-style-image:none;
padding: 0;

/* text-align: left; */

/*Set to "right" to right align pagination interface*/
/*font-size: 16px;
*/}

.pagination li {list-style-type: none;
display: inline;
padding-bottom: 1px;}

.pagination a, .pagination a:visited {padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;}

.pagination a:hover, .pagination a:active {border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;}

.pagination li.currentpage {font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;}

.pagination li.disablepage {padding: 0 5px;
border: 1px solid #929292;
color: #929292;}

.pagination li.nextpage {font-weight: bold;}

* html .pagination li.currentpage, * html .pagination li.disablepage {/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;}

/******************  Online tips ***************/

/* Used in some of the example templates below. */

.tipClass {font: 12px Arial, Helvetica;
color: #ccc ;
background-color:#2e6ab1;}

/*********** Report Tables *******************/

#reports {background: url(../images/bg_caption.gif) repeat-x;
padding: -1em 0 0 0 ;

}

#reports  table {margin-left:10px;
                 margin-top : 3em ;
                 margin-bottom : 2em ;
font: 95%/130% Tahoma, Arial, Helvetica, sans-serif;
border-spacing: 0;}

#reports table caption {/*	background: url(images/caption_title.jpg) no-repeat 50% 0;
*/
	color: #2442b1;
font-size: 150%;
letter-spacing: .1em;
margin :  2.5em 0 0 1em;
padding-bottom: 1.5em;
text-align: left;
text-transform:capitalize;}

#reports thead th, tbody th {background: #2442b1 url(../images/left_corner.gif) no-repeat;
color: #fff;
font-weight: bold;
padding: .2em .7em .2em .8em;
text-align: left;
border-top: 1px solid #fff;
border-right: 1px solid #c6cdd8;
border-bottom: 1px solid #c6cdd8;
border-left: 1px solid #fff;}

#reports thead th {font-size: 1em;}

#reports tbody th {background: #dee2e9 url(../images/bg_col1.gif) repeat-x;}

#reports tbody tr.odd th {background: #e2e2e2;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;}

#reports tbody th a, #reports tbody th a:link,#reports  tbody th a:visited, #reports tbody th a:hover, #reports tbody th a:active {color: #2442b1;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;}

#reports tbody th a:hover {text-decoration: underline;}

#reports td a:link {color: #537fc3;}

#reports tbody th a:visited, td a:visited {color: #444;}

#reports th a:hover, td a:hover {text-decoration: none;}

#reports td {background: #f3f8fd url(../images/bg_col2.gif) repeat-x;
color: #203276;
border-top: 1px solid #fff;
border-right: 1px solid #c6cdd8;
border-bottom: 1px solid #c6cdd8;
border-left: 1px solid #fff;
padding: 1.5em 0.5em 1.5em 0.8em;}

#reports td:hover {background: #f3f8fd;}

#reports tr.odd td {background: #f8f8f8 url(../images/bg_col3.gif) repeat-x;
color: #444;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;}

#reports tr.odd td:hover {background: #f8f8f8;}

#reports tfoot th, tfoot td {background: #444 !important;
padding: .5em .5em .5em .5em !important;
color: #fff;}



/*********** media  Tables *******************/

#media {padding: -1em 0 0 0 ;}

#media .title {text-transform:capitalize;
text-align : left;
margin-top : 5px;
margin-left : 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #006;}



#media  a  {color: #537fc3;
                text-decoration:underline;}


/*********** USDA Tables *******************/

#usda {
padding: -1em 0 0 0 ;
margin-bottom: 100px;}

#usda .title {text-transform:capitalize;
text-align : center;
margin-top : 5px;
margin-left : 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #006;}

#usda  table {margin: 2em auto;
font: 95%/130% Tahoma, Arial, Helvetica, sans-serif;
border-spacing: 0;}

#usda thead th, tbody th {background: #2442b1 ;
color: #fff;
font-weight: bold;
padding: .2em .3em .2em .4em;
text-align: center;}

#usda thead tr th {font-size: 1em;
                 text-align:center;}

#usda tbody th {background: #dee2e9 url(../images/bg_col1.gif) repeat-x;}

#usda tbody tr.odd th {background: #e2e2e2;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#000;}

#usda td {background: #f3f8fd url(../images/bg_col2.gif) repeat-x;
color: #203276;
border-top: 1px solid #fff;
border-right: 1px solid #c6cdd8;
border-bottom: 1px solid #c6cdd8;
border-left: 1px solid #fff;
padding: 1.5em 0.5em 1.5em 0.8em;}

#usda td:hover {background: #f3f8fd;}

#usda tr.odd td {background: #f8f8f8 url(../images/bg_col3.gif) repeat-x;
color: #444;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;}

#usda tr.odd td:hover {background: #f8f8f8;}
#usda td.odd {background: #f8f8f8;}
 
#usda p {margin-left: 100px; margin-right: 100px; }
