﻿body {
    background-color:#ffffff;
    background-image:url(../images/skin/bgfade.gif); 
    background-repeat:repeat-x; 
    margin:0px; 
    color:#01573c;
    }
	
#posit {
	text-align: center;	
	}
	
#wrapper {
	position: relative;
	width: 896px;
	margin: 0 auto;
	text-align: left;
	}

.main { 
    width:896px; 
    background-color:#ffffff; 
    background-repeat:no-repeat;
}
.content {
    padding:10px;
}


/* Font Families */
h1, h2 , h2 a{
	font-family: "Trebuchet MS" ,Helvetica,Arial, Geneva,sans-serif;
	}
h3, a, p , td {
	font-family: "Arial";
	}

/* Font Sizes */
h1	{ 
    font-size: 16px;
	}
h2, h2 a	{
    font-size: 14px;
	}
h3, a, p, li , td , div {
    font-size: 12px;
	}

/* Font Colour */
h1, h2, h2 a {
    color: #339933;
    }
h3, a , td {
    color: #01573c;
}
a.white, a.white:hover {
    color: white; 
    }
a.black, a.black:hover {
    color: black; 
	}

/* Font Decorations */
a:hover, a.white, a.black {
    text-decoration:none;
	}
a.white:hover, a.black:hover  {
    text-decoration:underline;
	}


/* Margins  Padding Alignments  Borders*/
h1, h2, h3, p, ul, li  { 
	margin-bottom: 0px;
	margin-top:0px;
  }
td {
    vertical-align:top;
	}
	
	
hr {
    height: 0;
    border-style: dashed;
    border-width: 1px 0 0 0;
    border-color: #007700;    
}
img {
    border: 0px;
}

/* Elements */
fieldset {
    width: 650px;
    margin: 15px 0 15px 40px;
    border: 1px solid #01573c;
    background-color: #E0FFC1;
    -moz-border-radius: 10px;
}
label {
/*  width:20%;
 margin-right:0.5em;
  padding-top:0.2em;*/
  text-align:right;
  font-weight:bold; 
}
legend {
    padding: 0.4em 0.8em;
    border: 1px solid #013D29;
    color: #CCFF99;
    background-color: #01573c;
    font-size: 95%;
    text-align: right;
    font-weight: bold;
}

/* Positioning Elements*/
.whitetab { 
    position:absolute;
    top:0px;
    left:-1px;
}
.logo { 
    position:absolute;
    top:7px;
    left:7px;
    z-index:1;
}
.nav_multiLvl1 {
    position:absolute;
    top:63px;
    left:120px;
    z-index:1;
}
.thingreenline {
    width:896px;
    height:8px;
    background-color:#01573c;
    border-bottom:solid 2px #e0f0d8;
    position:absolute;
    top:200px;
}
.footer {
    background-color:#01573c;
    font-size:12px;
    color:white;
    padding:5px;
 }
.footer td {
    background-color:#01573c;
    font-size:12px;
    color:white;
    padding:5px;
 }

 
/* Menu Control  */
.nav_multiLvl1 td {
	font-size:14px;
    z-index: 1000;
}
.toplevel {
	background: #ffffff;
	font-size:14px;
} 
.toplevel a {
    font-family:Verdana;
    font-weight:bold;
}
.toplevel a:hover {
    color:#94C878;
}
.dynlevel {
	background: #ffffff;
	font-size:14px;
	border-top:solid 1px #01573c;	
} 
.dynlevel a {
    font-family:Verdana;
    font-weight:bold;
}
.dynlevel a:hover {
    color:#94C878;
}
.adjustedZIndex {
    z-index: 1000;
}


.clear	{
	clear:both;
	}

/* News */
.newsitem {
    margin: 15px 0 0 10px;
}
.itembody {
    padding-left: 10px;
    color: #2A2A2A;

}
.newsdate {
    color: #339933;
    font-size: 14px;
}
.newsdateupdated {
    color: #808080;
    font-size: 12px;
}
.addnewslabel {
      float:left;
      width:50px;
      margin-right:0.5em;
      padding-top:0.2em;
      text-align:right;
      font-weight:bold;
}
.addnewsbutton {
       margin: 0 0.5em 0 55px;
}
.small{font-size:12px;} 

/* Misc */
.pager {
    margin: 15px 0 0 0;  
}    
.floatright { 
    float: right; 
}

 
/* Events*/

.item {
    padding: 10px;
}



.altitem
{
    background-color: #E6FDD7;
}

.listitem {
  float:left;
  width:15%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

div.row { 
    margin: 0;
    padding: 0;
    width: 98.5%;
}

.cols1 {
    font-weight: bold;
    width: 60px; 
    margin: 0 3px 0 0; 
    padding: 0;
}

.cols2 {
    width: 250px;
    margin: 0 3px 0 0; 
    padding: 0;
}
.cols3 {
    font-weight: bold;
    width: 120px; 
    margin: 0 3px 0 0; 
    padding: 0;
}
.cols4 {
     width:356px;
    margin: 0 3px 0 0; 
    padding: 0;
}
div.cols1, div.cols2, div.cols3 
{
	float:left;
}
.eventImage
{
	text-align:right;
}
.eventImageLeft
{
	text-align:Left;
}

/*Pests and Beneficials */
#pest .sublink   { color: #FFFFFF;  font-family : Arial, Helvetica;  font : 12px;  text-decoration : none;}
#pest a.sublink   { color: #FFFFFF;  font-family : Arial, Helvetica;  font : 12px;}
#pest a.sublink:hover  { color: #FFCC33;  font-family : Arial, Helvetica;  font : 12px;  text-decoration : underline;}


#pest P {font-family: Arial, Helvetica;  font-size: 14px;}

#pest .events {	 font-family: Arial, Helvetica; font-size: 7pt;}

#pest .small   	{  font-family: Arial, Helvetica; font-size: 8pt }

#pest EM {
	font-family : Arial, Helvetica;
	font-weight : bold;
	color : #CCCCCC
}

#pest LI { font-family: Arial, Helvetica;  font-size: 14px; margin-bottom : 6px;}

#pest A {
	FONT:  Arial, Helvetica, sans-serif; COLOR:#FF0000; TEXT-DECORATION: underline;
}
#pest A:hover {
	FONT:  Arial, Helvetica, sans-serif; FONT-VARIANT: normal; COLOR: #006633; TEXT-DECORATION: none; 
	}
#pest h1  		 { font-family: Arial, Helvetica;  font-size: 12pt; color: #006633;  }
#pest h2  		 { font-family: Arial, Helvetica;  font-size: 11pt;  line-height: 12pt; color: #006633;  margin-bottom : 0px;  margin-top : 0px;   }
#pest h3  		 { font-family: Arial, Helvetica;  font-size: 10pt;  line-height: 12pt; color: black; }

#pest hr 			 { color : #006633; border-collapses : collaps; height : 1 }
#pest .grey {  color: #999999}
#pest .green {  color: #006633}
#pest .baselink { font-family: Arial, Helvetica; font-size: 8pt 
}
#pest .error {
	FONT-SIZE: 11px; COLOR: #dc143c; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, SansSerif; FONT-VARIANT: normal; TEXT-DECORATION: none;
	letter-spacing : 1px; margin : 12pt;
}	

#pest .bullets {
	list-style-image: url(cms/images/bullets.gif);
	list-style-type: circle;
}
#pest .whiteheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

/*Irrig Map*/
#irrigation {
    width: 300px; height: 430px;
    background: url(../images/skin/Maps/IrrigMap.gif);
    margin: 10px auto; padding: 0;
    float:right;
    position: relative;
    }
#irrigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
    }
#irrigation li, #irrigation a {
    display: block;
    }
    
#irrig1 {top:    0px; left:0; height:94px; width:600px;}
#irrig2 {top:  95px; left:0; height:50px; width:600px;}
#irrig3 {top: 145px; left:0; height:57px; width:600px;}
#irrig4 {top: 202px; left:0; height:63px; width:600px;}
#irrig5 {top: 265px; left:0; height:60px; width:600px;}
#irrig6 {top: 321px; left:0; height:108px; width:600px;}

#irrig1 a {height:94px;}
#irrig2 a {height:50px;}
#irrig3 a {height:57px;}
#irrig4 a {height:63px;}
#irrig5 a {height:60px;}
#irrig6 a {height:108px;}

#irrig1 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -430px no-repeat;}
#irrig2 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -524px no-repeat;}
#irrig3 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -574px no-repeat;}
#irrig4 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -631px no-repeat;}
#irrig5 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -694px no-repeat;}
#irrig6 a:hover {background: transparent url(../images/skin/Maps/IrrigMap.gif) 0px -750px no-repeat;}

#irrig1 a table {display:none; color:White}
#irrig2 a table {display:none; color:White}
#irrig3 a table {display:none; color:White}
#irrig4 a table {display:none; color:White}
#irrig5 a table {display:none; color:White}
#irrig6 a table {display:none; color:White}

#irrig1 a:hover table {display: block; position: absolute; top: -0px; left: -275px;}
#irrig2 a:hover table {display: block; position: absolute; top: -95px; left: -275px;}
#irrig3 a:hover table {display: block; position: absolute; top: -145px; left: -275px;}
#irrig4 a:hover table {display: block; position: absolute; top: -202px; left: -275px;}
#irrig5 a:hover table {display: block; position: absolute; top: -265px; left: -275px;}
#irrig6 a:hover table {display: block; position: absolute; top: -325px; left: -275px;}

/*casetab*/
#casetab {
    float:left;
    width:100%;
    background:white;
    font-size:14px;
    line-height:normal;
    }
    
#casetab ul {
    margin:0;
    padding:0;
    list-style:none;
    /*overflow:auto;*/
    }
 
#casetab li {
    float:left;
    background:url("../images/skin/casetab/tab_right.gif") no-repeat right top;
    margin:0;
    padding:0;
    }

#casetab li:hover {
	background:url("../images/skin/casetab/select_right.gif") no-repeat right top;
	margin:0;
    padding:0;
    }
    
#casetab li a {
    display:block;
    color:White;
    background:url("../images/skin/casetab/tab_left.gif") no-repeat left top;
    padding:5px 15px;
    }

#casetab li a:hover {
	display:block;
	color:black;	
	background:url("../images/skin/casetab/select_left.gif") no-repeat left top;
	padding:5px 15px;
	}

#casetab ul li ul {
	display: none;
	}

#casetab ul li:hover ul {
	text-align:left;
	display:block;
	/*overflow:auto;*/
	position:absolute; 
	left:0; 
	text-align:left;
	}

#casetab ul li:hover ul li {
	padding:10px;
	width:872px;
	/*overflow:auto;*/
	border:2px solid #006633;
	background:none;
	}

#casetab ul li:hover ul li a{
	background:none;
	color: #01573c;
	display:inline;
	padding: 0 0 0 0;
	
	}