@charset "utf-8";
/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
img {behavior:url(/inc/pngbehavior.htc);}
.pad5 {padding:5px;}
.pad20left {padding:0px 0px 0px 20px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
ul, ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
.hrleft {width:520px; height:1px; height:1px!important; min-height:1px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/lefthr.jpg); margin:5px 0px 5px 0px;}
.hrright {width:260px; height:1px; height:1px !important; min-height:1px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/righthr.jpg); margin:5px 0px 5px 0px;}
.shhhh {display:none;}
/********** FONT STYLES **********/
h1 {font-family:"Trebuchet MS"; font-size:24px; font-weight:normal; line-height:35px; color:#333333;}
h2 {font-family:"Trebuchet MS"; font-size:20px; font-weight:normal; line-height:28px; color:#333333;}
h3 {font-family:"Trebuchet MS"; font-size:18px; font-weight:normal; line-height:26px; color:#333333;}
h4 {font-family:"Trebuchet MS"; font-size:16px; font-weight:normal; line-height:24px; color:#333333;}
p {font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:22px; color:#333333;}
p.indent {text-indent: 10px; margin-bottom:7px;}
h5 {font-family:"Trebuchet MS"; font-size:12px; font-weight:normal; line-height:20px; color:#333333;}
h6 {font-family:"Trebuchet MS"; font-size:10px; font-weight:normal; line-height:18px; color:#333333;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
.white {font-weight:bold;color:#FFFFFF;}
.lightblue {width:645px; height:20px; height:auto !important; min-height:20px; background-color:#E8F8FF;padding:2px 0px 2px 5px;margin:2px 0px 0px 0px;}
.lightblue2 {width:645px; height:20px; height:auto !important; min-height:20px; background-color:#D5F1FF;padding:2px 0px 2px 5px;margin:2px 0px 0px 0px;}
.lightgreen {width:645px; height:20px; height:auto !important; min-height:20px; background-color:#C8FDC8; padding:2px 0px 2px 5px; margin:2px 0px 0px 0px;}
.lightgreen2 {width:645px; height:20px; height:auto !important; min-height:20px; background-color:#9AFC9A; padding:2px 0px 2px 5px; margin:2px 0px 0px 0px;}
/*************** NEW WINDOW *************/
a[target ="_blank"] {padding-right:18px; background:transparent url(/images/newwindow.gif) no-repeat center right;}
a.nonewwin {padding-right:0px; background:transparent url(/) no-repeat center right;}
a[target ="_blank"].pdf {padding-right:0px; background:transparent url(/images/adobe-pdf.gif) no-repeat center right;}
ul#pdf a[target ="_blank"] {background:none;}
/********** LINKS **********/
a.box:link {color:#FFFFFF; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box:visited {color:#FFFFFF; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box:hover {color:#ffffff; padding:4px; background-color:#00a3d4; margin:2px 0px 2px 0px;}
a.box2:link {color:#333333; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box2:visited {color:#333333; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.box2:hover {color:#ffffff; padding:4px; background-color:#00a3d4; margin:2px 0px 2px 0px;}
a.countybox:link {color:#FFFFFF; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.countybox:visited {color:#FFFFFF; text-decoration:none; padding:4px; margin:2px 0px 2px 0px;}
a.countybox:hover {color:#ffffff; padding:4px; background-color:#FF0000; margin:2px 0px 2px 0px;}
a:link {color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover {color:#3399FF;}
a img {border:none;}
a.credit:link {color:#333333; text-decoration:none; padding:0px;}
a.credit:visited {color:#333333; text-decoration:none; padding:0px;}
a.credit:hover {color:#00a3d4; padding:0px;}
/************** BASE STRUCTURE *************/
html, body {height:100%; width:100%; margin:0px auto;}
body {margin:0 auto; background-repeat:repeat-x; background-position:center top; background-image:url(/images/bg.jpg); font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:20px; color:#333333; background-color:#f6ecdc;}
#container {width:1220px; margin:0px auto 0px auto;}
#wrapper {width:1024px; margin:0px auto 0px auto;}
#content {width:1024px; height:555px; height:auto !important; min-height:555px; background-repeat:repeat-y; background-position:center top; background-image:url(/images/content.png); behavior:url(/inc/pngbehavior.htc); margin:0px;padding:0px}
#header {width:1024px; height:245px; margin:0px; padding:0px;}
#topnav {width:1024px; height:55px; margin:0px; padding:0px;}
#logoarea {width:1024px; height:148px; margin:0px; padding:0px;}
#hccelogo {width:427px; height:148px; margin:0px; padding:0px; float:left;}
#uktoplogo {width:99px; height:148px; margin:0px; padding:0px; float:left;}
#youtube {width:96px;height:96px;margin:20px 0px 0px 50px; float:left;}
#uklogos {width:311px; height:124px; margin:0px; padding:0px;float:left;}
#facebook {width:311px; height:69px; margin:0px; padding:0px;float:left;}
#weather {width:311px; height:69px; margin:0px; padding:0px;float:left;}
#clover {width:49px; height:49px; margin:0px; padding:0px; float:right;}
#newsletter {width:311px; height:69px; margin:0px; padding:0px;float:left;background-repeat:no-repeat; background-position:center top; background-image:url(/images/newsletter2.png); behavior:url(/inc/pngbehavior.htc);}
#newsletterinside {width:225px; height:30px;margin:35px 0px 0px 55px;float:left;}
*html #newsletterinside {margin:35px 0px 0px 30px; width:225px;}
#addressbar {width:960px; height:28px; margin:0px 0px 0px 32px; padding:0px; background-color:#333333;font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:25px; color:#FFFFFF; text-align:center;}
#searchbox {width:228px; height:148px; margin:0px; padding:0px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/searchbox.png); behavior:url(/inc/pngbehavior.htc);float:left;}
#searchfieldbox{width:144px; height:48px; margin:53px 0px 0px 7px; padding:0px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/searchfieldbox.png); behavior:url(/inc/pngbehavior.htc);float:left;}
#searchsubmitbox {width:66px; height:48px; margin:53px 11px 0px 0px; padding:0px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/searchsubmitbox.png); behavior:url(/inc/pngbehavior.htc);float:right;}
#searchboxinside {width:211px; height:48px; margin:40px 0px 0px 7px; padding:0px;float:left;}
#secondnav {width:1024px; height:42px; margin:0px; padding:0px;}
#footer {width:1220x; height:189px; margin:0px auto 0px auto; padding:0px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/footerbg2.png); behavior:url(/inc/pngbehavior.htc);}
#footertext {width:960px; height:60px; margin:0px 0px 0px 60px; padding:140px 50px 0px 50px; text-align:center;}
#classes {width:270px;height:148px;margin:0px;padding:0px;float:left;}
#credit{width:100px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;float:right;}
#copyright{width:950px;height:50px;margin:5px;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;padding:0px;text-align:left;}
#googlemap {width:311px; height:270px; border:1px solid #000000;line-height:15px;float:left;margin:0px 0px 20px 0px;}
#bannerads {width:1024px; height:108px; margin:0px 0px 0px 100px; padding:0px;}
#rightcolnav {width:354px; height:215px; margin:0px; padding:0px;}
#rightcol {width:713px; height:555px; height:auto !important; min-height:555px; float:right; margin:0px; padding:0px}
#leftcol {width:311px; height:555px; height:auto !important; min-height:555px; float:left; margin:0px; padding:0px}
#text {width:645px; height:555px; height:auto !important; min-height:555px; float:left; margin:20px 0px 0px 20px; padding:0px;}
*html #text {margin:20px 0px 0px 10px;}
.leftboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/leftcol.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.familyboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/familybox.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.countyboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/statefairtab.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.hortboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/horticulturetab.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.districtboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/district5tab.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.agboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/agtab.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.fourhboxes {width:311px; height:41px; background-repeat:no-repeat; background-position:center top; background-image:url(/images/fourh.png); margin:0px; padding:0px; behavior:url(/inc/pngbehavior.htc);}
.lefttext {width:250px; font-family:"Trebuchet MS"; font-size:16px; line-height:35px; font-weight:normal; color:#FFFFFF; margin:0px 0px 0px 50px; padding:0px;}
.highlight {background-color:#E8F8FF; padding:5px;}
.special {padding:5px; border:#000 1px solid;}
.special h1 {color:#0066FF;}
/************** CONTACT FORM ************/
form#contact {margin:0px 0px 20px 0px;padding:5px;float:right;width:275px;background:#cccccc; border:none;font-family:"Trebuchet MS";font-size:0.75em;font-weight:normal;} 
#contact label,#contact input {display:block;width:150px;float:left;margin-bottom:10px;}
#contact label {text-align:right;width:75px;padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px;position:relative;display:block;border:1px solid #ffffff;padding:0px 10px 10px 10px;} 
#contact legend {color:#333333;font-variant:small-caps;padding:2px 5px;position:relative;font-family:"Trebuchet MS";font-size:18px;line-height:17px;font-weight:bold;}
#contact span.state {width:130px;float:left;text-align:right;}
#contact #zip {width:60px;margin-right:12px;float:left;}
#contact #zipname {width:27px;margin-left:13px;float:left;}
#contact #comments {display:block;width:240px;height:70px;margin-bottom:15px;}
textarea{overflow:auto;}
#contact #submit {width:85px;height:32px;margin-left:90px;}
#contact .shhhh, .shhhh {display:none;}
/************** SECOND NAV ************/
a.whatisrollover {display:block; width:288px; height:42px; background:url("/images/whatis.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.whatisrollover {display:block; width:288px; height:42px; background:url("/images/whatisroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.abouthccerollover {display:block; width:97px; height:42px; background:url("/images/abouthcce.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.abouthccerollover {display:block; width:97px; height:42px; background:url("/images/abouthcceroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.newsrollover {display:block; width:53px; height:42px; background:url("/images/news.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.newsrollover {display:block; width:53px; height:42px; background:url("/images/newsroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.eventsrollover {display:block; width:64px; height:42px; background:url("/images/events.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.eventsrollover {display:block; width:64px; height:42px; background:url("/images/eventsroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.resourcesrollover {display:block; width:93px; height:42px; background:url("/images/resources.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.resourcesrollover {display:block; width:93px; height:42px; background:url("/images/resourcesroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.photogalleryrollover {display:block; width:117px; height:42px; background:url("/images/photogallery.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.photogalleryrollover {display:block; width:117px; height:42px; background:url("/images/photogalleryroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.blogrollover {display:block; width:51px; height:42px; background:url("/images/blog.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.blogrollover {display:block; width:51px; height:42px; background:url("/images/blogroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.contactusrollover {display:block; width:95px; height:42px; background:url("/images/contactus.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.contactusrollover {display:block; width:95px; height:42px; background:url("/images/contactusroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.scholarshipsrollover {display:block; width:166px; height:42px; background:url("/images/scholarships.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.scholarshipsrollover {display:block; width:166px; height:42px; background:url("/images/scholarshipsroll.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
/************** TOP NAV ************/
#nav2 .menu {padding:55px 0px 0px 0px; overflow:hidden; height:0px !important; height /**/:55px; float:left;}
#nav2 a#blank1 {background:url(/images/1.png) no-repeat; width:70px;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#blank1:HOVER, .blank1 #nav2 a#blank1 {background:url(/images/1.png) no-repeat; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#agriculture-natural-resources {background:url(/images/2.png) no-repeat; width:232px;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#agriculture-natural-resources:HOVER, .agriculture-natural-resources #nav2 a#agriculture-natural-resources {background:url(/images/2roll.png) no-repeat; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#family {background:url(/images/3.png) no-repeat; width:194px;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#family:HOVER, .family #nav2 a#family {background:url(/images/3roll.png) no-repeat;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#horticulture {background:url(/images/4.png) no-repeat; width:88px; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#horticulture:HOVER, .horticulture #nav2 a#horticulture {background:url(/images/4roll.png) no-repeat; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#hyd {background:url(/images/5.png) no-repeat; width:160px;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#hyd:HOVER, .hyd #nav2 a#hyd {background:url(/images/5roll.png) no-repeat; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#district5 {background:url(/images/6.png) no-repeat; width:201px; behavior:url(/inc/pngbehavior.htc);}
#nav2 a#district5:HOVER, .district5 #nav2 a#district5 {background:url(/images/6roll.png) no-repeat;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#blank2 {background:url(/images/7.png) no-repeat; width:79px;behavior:url(/inc/pngbehavior.htc);}
#nav2 a#blank12:HOVER, .blank2 #nav2 a#blank2 {background:url(/images/7.png) no-repeat; behavior:url(/inc/pngbehavior.htc);}

/******* HORIZONTAL NAV MENU ***********/
#nav2 {height:55px; width:1024px; float:left;}
*html #nav2 {position:absolute; z-index:500;} /*IE 6*/
ul#imagenav {margin:0; border:0 none; padding:0; width:1024px; /*For KHTML*/ list-style:none; height:55px; padding:0px;}
ul#imagenav li {margin:0; border:0 none; padding:0; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:55px; z-index:500;}
ul#imagenav li li {height:20px; margin:0px 0px 2px 0px; padding:2px 0px 2px 0px;}
ul#imagenav ul {margin:0px 0px 0px 0px; border:0 none; padding:0; width:200px; list-style:none; display:none; position:absolute; top:34px; right:0;}
ul#imagenav ul li {float:none; /*For Gecko*/ display:block !important; display:inline; /*For IE*/ }
ul#imagenav a { padding: 2px 2px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #333333; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ font-family: "Trebuchet MS"; font-size: 16px; line-height: 24px; font-weight: normal; }
ul#imagenav a:hover, ul#imagenav li:hover a, ul#imagenav li.iehover a { background: #CCC; color: #FFF; }
ul#imagenav li:hover li a, ul#imagenav li.iehover li a { float: none; background:#FFFFFF; border:1px solid #CCCCCC; color: #999999; font-size:16px; height:50px; text-indent:5px; }
*html #imagenav { z-index:500; position:relative; }
ul#imagenav li:hover li a:hover, ul#imagenav li:hover li:hover a, ul#imagenav li.iehover li a:hover, ul#imagenav li.iehover li.iehover a { background: #DBF4FF; color: #999999; }
ul#imagenav li:hover li:hover li a, ul#imagenav li.iehover li.iehover li a { background: #EEE; color: #666; }
ul#imagenav li:hover li:hover li a:hover, ul#imagenav li:hover li:hover li:hover a, ul#imagenav li.iehover li.iehover li a:hover, ul#imagenav li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }
ul#imagenav li:hover li:hover li:hover li a, ul#imagenav li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }
ul#imagenav li:hover li:hover li:hover li a:hover, ul#imagenav li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; }
ul#imagenav ul ul, ul#imagenav ul ul ul { display: none; position: absolute; top: 0; left:200px; }
*+html ul#imagenav ul ul, ul#imagenav ul ul ul {left:166px;}/*For IE7*/
ul#imagenav li:hover ul ul, ul#imagenav li:hover ul ul ul, ul#imagenav li.iehover ul ul, ul#imagenav li.iehover ul ul ul { display: none; }
ul#imagenav li:hover ul, ul#imagenav ul li:hover ul, ul#imagenav ul ul li:hover ul, ul#imagenav li.iehover ul, ul#imagenav ul li.iehover ul, ul#imagenav ul ul li.iehover ul { display: block; }
#flmove {background:url(../images/agmainimage.png) top right no-repeat; width:713px; height:273px;}
/******* ICON MENU ***********/
a.fourhicon {display:block; width:96px; height:50px; background:url("/images/4hicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.fourhicon {display:block; width:96px; height:50px; background:url("/images/4hicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.ukagicon {display:block; width:87px; height:50px; background:url("/images/ukagicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.ukagicon {display:block; width:87px; height:50px; background:url("/images/ukagicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.mastericon {display:block; width:59px; height:50px; background:url("/images/mastericon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.mastericon {display:block; width:59px; height:50px; background:url("/images/mastericon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.ksuicon {display:block; width:69px; height:50px; background:url("/images/ksuicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.ksuicon {display:block; width:69px; height:50px; background:url("/images/ksuicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.purple {display:block; width:96px; height:74px; background:url("/images/purple.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.purple {display:block; width:96px; height:74px; background:url("/images/purple.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.ukicon {display:block; width:107px; height:74px; background:url("/images/ukicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.ukicon {display:block; width:107px; height:74px; background:url("/images/ukicon.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a.keha {display:block; width:108px; height:74px; background:url("/images/keha.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}
a:hover.keha {display:block; width:108px; height:74px; background:url("/images/keha.png") 0 0 no-repeat; float:left; behavior:url(/inc/pngbehavior.htc);}