@import "reset.css";

body, html {color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif}
body {min-width:960px;background-color:#F6A20F; }
html {min-height: 101%;}
h1, h2, h3, h4 {letter-spacing:.5px;}
a {color:#ef4506; text-decoration:none}
a:hover {color:#6d8400;}
a:focus {outline: none}
table {width:100%}
td {border:none; width:50%; vertical-align:top}
.clear {clear:both}
.small {font-size:77%}
.hilite1 {text-decoration:underline}
.hilite2 { font-weight:bold;}
.hilite3 {font-weight:bold; }
.calyxResults li span {color:#ef4506;}
p.hilite3 {padding:0; margin:0}

/*  <CONTAINERS>
--------------------------------------------------*/
#outerWrap {width:960px; margin:20px auto}
#wrapper { width:960px; background: url(/images/bkgWrapper.jpg) repeat-y; }
#container {width:960px; padding-top:19px; background: url(/images/cornersTop.jpg) no-repeat left top }

#left {float:left; min-height:660px;  width:178px; background:url(/images/logo.png) no-repeat bottom center}
#middle {float:left; width:159px;}
#middle .logo {text-align:center; padding-top:10px}
#right {float:left; width:623px}
#rightInner {padding:35px 50px 0 15px}
#rightInner h1.byline { background:url(/images/byline.jpg) no-repeat; text-indent:-2000px; display:block; margin:0 0 20px 0; padding:0}

#right p { letter-spacing:1px; line-height:150%; font-size:85%;}
#right .para {font-size:85%; color:#666666;letter-spacing:1px; line-height:150%;}
#right li {padding-bottom:5px;font-size:85%;line-height:150%;letter-spacing:1px;}
#right ol li li {font-size:100%}
#right ul li { background: url(/images/bullet.jpg) no-repeat 7px 5px; list-style-type:none; margin:5px 0 5px -30px; padding: 0 0 0 20px; }
#right h1 {color:#f04603; font-weight:normal }
h2 {font-weight:normal}
#right h4 { padding-top:5px; line-height:150%; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:93%; letter-spacing:2px;  font-weight:normal}


/*  <FOOT>
--------------------------------------------------*/
#foot { width:960px; height:19px; background:url(/images/cornersBot.jpg) no-repeat}
#footBot {clear:both; color:#FFFFFF; font-size:77%; padding:5px 20px 0 20px; margin-bottom:10px}
#footBot a {color:#ffffff}
#footbot a:hover {color:#ffffff}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav {margin:0 0 20px 0; padding: 75px 0 0 30px; text-align:left; list-style-type:none;}
#nav a {padding:0 0 30px 0; text-transform:uppercase;color:#9c9a9a; font-weight:bold;text-decoration:none;font-size:85%;display:block; letter-spacing:.05em; line-height:1.25em}
#nav a:hover  {color:#ef4700;}
#home #nav .home a,
#dest #nav .dest a,
#lodging #nav .lodging a,
#agri #nav .agri a,
#projects #nav .projects a,
#about #nav .about a,
#resources #nav .resources a,
#news #nav .news a,
#contact #nav .contact a
	{color:#ef4700; cursor:default;}

/*  <SUB NAVIGATION>
--------------------------------------------------*/
#subMenu ul {margin:0; padding-left:7px;}
#subMenu li { list-style-type:none;color:#a7a6a6; font-weight:bold;text-decoration:none; font-size:85%; padding-top:8px}
#subMenu li a {display: block; color:#a7a6a6}
#subMenu li a:hover {color:#ef4700}
#subMenu li ul  {padding-left:20px}
#subMenu li ul li { font-size:93%}
#subMenu .active {color:#ef4700}
#smenu1 {padding-top:275px; }
#smenu1 ul {display: block;}
#smenu2 {padding-top:129px;}
#smenu2 ul {display: block;}



/*  <BLOCKQUOTE>
--------------------------------------------------*/
.boxT {background: url(/images/boxBorderDot.jpg) top left repeat-x; margin:0 0 5px 15px }
.boxB {background: url(/images/boxBorderDot.jpg) bottom left repeat-x}
.boxL {background: url(/images/boxBorderDot.jpg) top left repeat-y}
.boxR {background: url(/images/boxBorderDot.jpg) top right repeat-y}
.boxBL {background:url(/images/boxBL.jpg) no-repeat bottom left}
.boxBR {background:url(/images/boxBR.jpg) no-repeat bottom right;}
.boxTL {background:url(/images/boxTL.jpg) no-repeat top left;}
.boxTR {background:url(/images/boxTR.jpg) no-repeat top right; padding:10px 15px 10px 10px}

.quote {float:right; width:300px; margin:0 0 5px 15px}
blockquote {padding:0; margin:0;background: url(/images/unquote.gif) no-repeat bottom right; font-style:italic;color:#666666;}
blockquote p {display:inline;margin: 0; padding:0 0 0 25px;background: url(/images/quote.gif) no-repeat 0px 0px;}
.quotee { text-align:right; margin:0; padding:0 0 10px 0;}
.quotee span {font-size:85%; color:#666666;font-style:italic; }

/*  <ACCORDION>
--------------------------------------------------*/
#accordion {margin:20px 0px;}
#accordion h3.selected  { color: #f04603 !important; border-bottom:1px solid #f04603 !important; background-image:url(/images/arrow_up.png) !important;}
#accordion h3.toggler {cursor: pointer;border-bottom: 1px solid #555; color:#555; background:url(/images/arrow_down.png) no-repeat right center;
	margin: 0 0 10px 0;padding: 3px 5px 2px 5px; clear:both;font-size:93%; font-weight:bold;}
#accordion h3.back { }
#accordion div.element  {	margin:0px;padding:4px 4px 4px 10px;}
#accordion .toggler:hover   { color: #f04603; border-bottom-color:#f04603}  

#accordion-inline {}
#accordion-inline span.selected  { }
#accordion-inline span.toggler {cursor: pointer;font-weight:bold; text-decoration:underline}
#accordion-inline span.back { }
#accordionInline div.element  {	}
#accordion-inline .toggler:hover   { color: #f04603;}  

/*  <SPECIAL LINK TYPES>
--------------------------------------------------*/
a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; }
a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.rssfeed {background:url(/images/imagesCMS/rss48.png) no-repeat left center; padding-left:52px; line-height:48px}


/*  <MISC>
--------------------------------------------------*/
img.imgBorder, .imgBorder img {box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;}
a img:hover {-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

.floatL {float: left; margin:0 10px 10px 0 }
.floatR {float: right; margin:0 0 10px 10px }
.floatC {margin:0 auto 10px auto }
.clear {clear:both}
.right {float:right; text-align:right}
.left {float:left}

.shadow {box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;}
.roundedCorners {-webkit-border-radius:5px;-khtml-border-radius:5px;	-moz-border-radius:5px;border-radius:5px;}
.quote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#888181; font-size:.9em}

/*  clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */