/* generic text, background color - only content class has line-height feature, for body and td, it would mess up image positioning */

body { 
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	color: #000000;
	margin: 0px; 
	background: url("/images/bg.jpg");
}

.show {
	display:inline;
}
.hide {
	display:none;
}	
	
.kidsred { color: #cf0e0e; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif;	font-size: 12px; }
.blue { color: #0066cc; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.green { color: #019901; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.yellow { color: #996600; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.purple { color: #c931d2; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.darkblue { color: #1450b4; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.orange { color: #f79e46; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.pink { color: #f05bcb; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}
.black { color: #000000; font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}

.kids { font-family: Comic Sans MS, 'Trebuchet MS', 'Gill Sans', Sans-serif; font-size: 12px;}

.content {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	color: #000000;
}
      
td {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	color: #000000;
}


/* forms */

input, textarea, select { 
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	color: #222222; 
}

.submitbutton {
	cursor:pointer;
	border:outset 1px #0066cc;
	background:#0066cc;
	color:#FFFFFF;
	font-weight:bold;
	padding: 2px 2px;
	text-decoration: none;
}

.submitbuttonsub {
	cursor:pointer;
	border:outset 1px #0066cc;
	background:#0066cc;
	color:#FFFFFF;
	font-weight:bold;
	padding: 1px 1px;
	text-decoration: none;
}

a.submitbutton, a.submitbutton:hover, a.submitbutton:visited {
	cursor:pointer;
	border:outset 1px #0066cc;
	background:#0066cc;
	color:#FFFFFF;
	font-weight:bold;
	padding: 2px 2px;
	text-decoration: none;
}

.deletebutton {
	cursor:pointer;
	border:outset 1px #cc0000;
	background:#cc0000;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	padding: 2px 2px;
}


/*link color - font and size, line-height is inherited*/

a{
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #0066CC; 
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}

a.content {
	color: #0066CC;
	text-decoration: none;
}

a.content:visited {
	color: #0066CC;
	text-decoration: none;
}

a.content:hover {
	color: #666666;
	text-decoration: underline;
}


/* headers - display inline does not add any extra line breaks */

h1 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 18px;
	color: #0066CC;
}

h2 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 13px;
	color: #333333;
}

h3 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 12px;
	color: #0066cc;
}

h4 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 13px;
	color: #666666;
}

h5 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 13px;
	color: #000000;
}

h6 {
	display: inline;
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 15px;
	color: #000000;
}


/* list styles added here */

ul {
	display: block;
	list-style-position: outside;
}

ul.inline {
	display: block;
	list-style-position: outside;
}


/* styles for small text */

.directions {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #00CC00;
}

.footer {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #000000;
}

.small {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	color: #333333;
}

.small2, a.small2 {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	text-decoration: underline;
}

a.small2:hover, a.small2:visited {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	text-decoration: none;
}

.red, a.red {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #CC0000; 
	text-decoration: none;
}

a.red:hover, a.red:visited {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	text-decoration: underline;
}
 
.help {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 12px; 
	font-style: normal; 
	color: #660099;
}

.help2 {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 12px; 
	font-style: normal; 
	color: #ffff00;
}

.callout {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	color: #000099;
}

.caption {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	color: #009900;
}


/* nav styles */

.footernav {
	color: #000000; 
	font-size: 11px; 
	text-decoration: none;
}

a.footernav, a.footernav:visited {
	color: #000000; 
	text-decoration: underline;
}

a.footernav:hover {
	color: #000000; 
	text-decoration: none;
}
          
a.nav, a.nav:visited {
	color: #666666; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.nav:hover {
	color: #0066cc; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}

a.navon, a.navon:visited {
	color: #000000;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.navon:hover {
	color: #000000; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}



a.milkloversnavon, a.milkloversnavon:visited {
	color: #0066cc;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.milkloversnavon:hover {
	color: #0066cc; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}
a.aboutnavon, a.aboutnavon:visited {
	color: #0066cc;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.aboutnavon:hover {
	color: #0066cc; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}

a.schoolsnavon, a.schoolsnavon:visited {
	color: #cf0e0e;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.schoolsnavon:hover {
	color: #cf0e0e; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}
a.healthnavon, a.healthnavon:visited {
	color: #663399;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.healthnavon:hover {
	color: #663399; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}
a.medianavon, a.medianavon:visited {
	color: #996600;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.medianavon:hover {
	color: #996600; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}

a.farmersnavon, a.farmersnavon:visited {
	color: #019901;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.farmersnavon:hover {
	color: #019901; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}

a.jdmnavon, a.jdmnavon:visited {
	color: #996600;
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.jdmnavon:hover {
	color: #996600; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: underline;
}


.subnavon, a.subnavon, a.subnavon:visited {
	margin-left: 10px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

a.subnavon:hover {
	margin-left: 10px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}

a.subsubnavon, a.subsubnavon:visited {
	margin-left: 17px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: none;
}

a.subsubnavon:hover {
	margin-left: 17px; 
	color: #000000; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}
   
a.navactive, a.navactive:visited {
	color: #0066cc; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
}

a.navactive:hover {
	color: #0066cc;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

a.milksub, a.milksub:visited {
	margin-left: 10px; 
	color: #0066cc; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

a.milksub:hover {
	margin-left: 10px; 
	color: #0066cc; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}

a.milksubsub, a.milksubsub:visited {
	margin-left: 17px; 
	color: #666666; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: none;
}

a.milksubsub:hover {
	margin-left: 17px; 
	color: #0066cc; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}

.schoolssub, a.schoolssub, a.schoolssub:visited {
	margin-left: 10px; 
	color: #cf0e0e; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

a.schoolssub:hover {
	margin-left: 10px; 
	color: #cf0e0e; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}   

a.schoolssubsub, a.schoolssubsub:visited {
   margin-left: 17px; 
   color: #666666; 
   font-weight: bold; 
   font-size: 10px; 
   text-decoration: none;
}

a.schoolssubsub:hover {
	margin-left: 17px; 
	color: #cf0e0e; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}   

a.healthsub, a.healthsub:visited {
	margin-left: 10px; 
	color: #663399; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
   
a.healthsub:hover {
	margin-left: 10px; 
	color: #663399; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}   

a.healthsubsub, a.healthsubsub:visited {
	margin-left: 17px; 
	color: #666666; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: none;
}

a.healthsubsub:hover {
	margin-left: 17px; 
	color: #663399; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}   

.mediasub, a.mediasub, a.mediasub:visited {
	margin-left: 10px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
   
a.mediasub:hover {
	margin-left: 10px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}   

a.mediasubsub, a.mediasubsub:visited {
	margin-left: 17px; 
	color: #666666; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: none;
}
   
a.mediasubsub:hover {
	margin-left: 17px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}   

a.farmerssub, a.farmerssub:visited {
   margin-left: 10px; 
   color: #019901; 
   font-weight: bold; 
   font-size: 11px; 
   text-decoration: none;
}

a.farmerssub:hover {
	margin-left: 10px; 
	color: #019901; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}   

a.farmerssubsub, a.farmerssubsub:visited {
   margin-left: 17px; 
   color: #666666; 
   font-weight: bold; 
   font-size: 10px; 
   text-decoration: none;
}

a.farmerssubsub:hover {
	margin-left: 17px; 
	color: #019901; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}   

a.aboutsub, a.aboutsub:visited {
	margin-left: 10px; 
	color: #0066cc; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}

a.aboutsub:hover {
	margin-left: 10px; 
	color: #0066cc; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}

.jdmsub, a.jdmsub, a.jdmsub:visited {
	margin-left: 10px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
   
a.jdmsub:hover {
	margin-left: 10px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}   

a.jdmsubsub, a.jdmsubsub:visited {
	margin-left: 17px; 
	color: #666666; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: none;
}
   
a.jdmsubsub:hover {
	margin-left: 17px; 
	color: #996600; 
	font-weight: bold; 
	font-size: 10px; 
	text-decoration: underline;
}   


 img, .pngfix, div.menu, div.popup { behavior: url("/public/js/iepngfix.htc") }

/* styles governing all table layouts in admin interfaces: */

/* admin titles and sub titles */ 

.title {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif;
	font-size: 16px; 
	color: #0066CC; 
	font-weight: bold; 
}

.subtitle {
	font-family: 'Trebuchet MS', 'Gill Sans', Sans-serif; 
	font-size: 13px; 
	color: #15c1f1; 
	font-weight: bold; 
}

.bold {
	font-weight: bold;
}


 /* stroke outline color for tables */

.admstroke { 
	background-color: #008fd5;
} 


          .admtablehead { font-family: verdana, arial, helvetica; font-size: 12px; padding:3px; color: #ffffff; font-weight: bold; background-color: #37a8df; }
   .admtablehead a:link { font-family: verdana, arial, helvetica; font-size: 13px; padding:3px; color: #ffcc00; font-weight: bold; text-decoration: underline; }
.admtablehead a:visited { font-family: verdana, arial, helvetica; font-size: 13px; padding:3px; color: #ffcc00; font-weight: bold; text-decoration: underline; }
  .admtablehead a:hover { font-family: verdana, arial, helvetica; font-size: 13px; padding:3px; color: #ff0000; font-weight: bold; text-decoration: underline; }




/* cell background, font for most table cells */

.adm { background-color: #faf6e7; font-family: 'Verdana', 'Arial', 'Trebuchet MS', 'Gill Sans', Sans-serif; } 
	
	
/* cell background, slightly different than class=adm for striping search results, etc */

.adm2 {  background-color: #ffffff; font-family: 'Verdana', 'Arial', 'Trebuchet MS', 'Gill Sans', Sans-serif; } 


/* test styles for bold/italics/link javascript */

.buttons {
	background: #ccc;
	border: 1px solid #ccc;
	margin: 1;
	float:left;
}

.raise	{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: #ccc;
	margin:1;
	float:left;
}

.press {
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	background: #ccc;
	margin:1;
	float:left;
}

#toolbar {
	margin: 0;
	width: 105px;
	padding: 0;
	height:20px;
	background: #ccc;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	text-align:left;
}


      .active { color: #009900; } 
    .inactive { color: #990000; } 




	/* Easy Slider */



	/* for tooltip display */

	#tooltip{
		position:absolute;
		border: 0px solid #ccc;
		background:#3e5885;
		padding:2px 5px;
		color:#FFF;
		display:none;
		z-index: 3;
	}	

	/*  */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	#container {
		position:relative;
		width: 250px;
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		border: 0px solid #FFF;
	}				



	#slider{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		height: 175px;
		border-left: 0px solid #FFF;
		border-right: 0px solid #FFF;
		z-index: 2;
	}
	
	#slider ul, #slider li{
		margin: 0px;
		padding:0px;
		list-style:none;
		}
		
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:175px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		z-index:1;
		width:1px;
		height:1px;
		position:relative;
		left:0px;
		top:0px;
		border: 0px solid #0000cc;
		}	
		
	#nextBtn{ 
		left:30px;
		}	
		

	#prevBtn a, #nextBtn a{  
		display:block;
		width:1px;
		height:1px;
		background: #ffffff;	
		}	
		
	#nextBtn a{ 
		background: #ffffff;	
		}