@charset "utf-8";
/* CSS Document */
.ui-tabs {overflow:hidden;}

.modules {display: none;}
body { margin:0px; padding:0px; background:url(../images/page_bg.jpg) repeat-x fixed #f2efc4; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-size: 12px; }
a { color:#CCCCCC; }
a:hover { color:#999999; }
img { border:0px; }
div.clear { clear:both; line-height:1px; height:1px; font-size:1px; }
h1 { margin:0px; padding:0px; margin-bottom: 33px; margin-top: 5px; color: #006600; text-transform: uppercase; height:18px; border-bottom:3px solid #006600; position:relative; overflow:visible; }
h1 span { position:absolute; font-size:36px; line-height:36px; background:#FFF; font-weight: normal; padding-right:10px; }
.sidemount { list-style: none; display: bloack; }
.sidemount li { width: auto; height: 140px; font-size: 12px; padding: 10px; text-align:center; float: left; }
.sidemount li:hover { background: #f0f0f0; }
hr { clear: left; margin-top: 6px; }
/*| PAGE CONTAINER |*/
#container { margin-left:auto; margin-right:auto; width:952px; height:auto; background:url(../images/container_bg.png) repeat-y; padding:0px 24px; position:relative; z-index:1; }

#flashBox {overflow:hidden; width:460px;}
#flash_overlay {position:absolute; top:0; z-index:11000; overflow:hidden; width:460px; height:385px; zoom: 1; filter:alpha(opacity=50); opacity: 0.5;}
#flash_overlay img {min-width:460px; height:360px;}

/*| HEADER |*/
#header { position:relative; z-index: 10000; }
#logo { width:314px; height:189px; position:absolute; left:0px; top:19px; z-index:2; }
#rotator_image { position:relative; width:952px; height:208px; z-index:1; background:#000; }
#rotator_image img { position:absolute; top:0px; left:0px; }
#topbuttons { position:absolute; right:12px; top:0px; margin:0px; padding:0px; z-index:2; }
#topbuttons li { background:url(../images/login_tabs.png) no-repeat left; padding-left:5px; position:relative; float:left; margin-left:15px; height:22px; list-style:none; }/*contains the left edge of the rounded rectangle */
#topbuttons li a { background:url(../images/login_tabs.png) no-repeat right; padding:0px 12px 0px 0px; margin:0px -12px 0px 0px; height:22px; line-height:22px; display:block; font-size:12px; color:#000000; text-decoration:none; }/*contains the right edge of the rounded rectangle */
#topbuttons li a:hover { color:#666666; }
#topbuttons li#login a span { display:block; padding-left:20px; background:url(../images/icon_login.jpg) no-repeat left center; }
#topbuttons li#spanish a span { display:block; padding-left:20px; background:url(../images/icon_spanish.jpg) no-repeat left center; }
.school_only { display: none; }
.fair_only { display: none; }
.other_only { display: none; }
.special_only { display: none; }
.staff_table td { vertical-align: top!important; }
.error { border: 3px solid #FF0000; }
.error h3 { margin: 0px; padding: 6px; color: #fff; background-color:#6A0000; }
.notsc {background-color: #D2DBFF;}
.new1 {background-color:#E2FFE1!important;}
.deld {background-color: #FFECEC;}
.odd {background-color:#ddd}
.loading1,.loading1-bg,.loading1-text { width: 175px; height: 50px; padding: 0px; margin: 0px; }
.loading1 { position: absolute; top: 150px; left: 275px; z-index: 1000; }
.loading1-bg { position: absolute; top: 0px; left: 0px; background-color: black; opacity: 0.7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 1000;  }
.loading1-text { text-align: center; color: white; font-weight: bold; font-size: 21px; position: absolute; top: 0px; left: 0px; background: url(../images/loading2.gif) no-repeat 20px 16px; z-index: 2000; padding: 11px 0px 0px 12px;  }
.staff_table td  p {margin: 0!important; padding: 0!important; }
#calendar a { color: #000; }
.fc-event a { color: #fff!important; }

.table td { border-bottom: 1px solid #aaa; text-align: left; color: #333; }
.tb_header { border: 1px solid #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tb_header th { text-align: left; color: #fff!important; background: #333; font-weight: bold; border-bottom: none;  }
.tb_header th:first-child { -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px;-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; }
.tb_header th:last-child { -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px;-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.tb_header th a { color: #fff!important; text-decoration: none; }
.tb_header a.sort_asc { display: block; float: left; padding-right: 14px; background: center right no-repeat url(../images/sort_asc.gif);  }
.tb_header a.sort_desc { display: block; float: left; padding-right: 14px; background: center right no-repeat url(../images/sort_desc.gif);  }

.form_table { background-color: #f5f5f5; padding: 10px; }
.form_table td { padding: 6px; font-size: 12px; color: #666; text-align: right; border-bottom: 1px solid #aaa; }
.form_table tr td.lastchild { padding-left: 8px; text-align: left; }
th { white-space: nowrap; }
.form_table tr td.firstchild { padding-right: 8px; width: 155px; }
.big_block { margin: 10px 4px !important; }

.pagination { float: right; width: 210px; padding: 0px; margin: 32px 0px 0px 0px; }
.normal_pagination { text-align: right; padding: 0px; margin: 10px 35px 0px 0px; }


/*| NAVBAR |
#navbar{height:32px; width:auto; clear:both; position:relative; z-index:10;}
#navbar ul{margin:0px; padding:0px;}
#navbar li{float:left; list-style:none; position:relative;}
#navbar li a{height:32px; display:block; background:url(../images/navbar.jpg) no-repeat; text-decoration:none;}
span.nodisplay{visibility:hidden;}
#navbar li#about a{width:82px; background-position:0px 0px;}
#navbar li#about a:hover{background-position:0px -32px;}

#navbar li#calendar a{width:80px; background-position:-83px 0px;}
#navbar li#calendar a:hover{background-position:-83px -32px;}

#navbar li#dairy a{width:116px; background-position:-162px 0px;}
#navbar li#dairy a:hover{background-position:-162px -32px;}

#navbar li#outreach a{width:141px; background-position:-277px 0px;}
#navbar li#outreach a:hover{background-position:-277px -32px;}

#navbar li#museum a{width:74px; background-position:-419px 0px;}
#navbar li#museum a:hover{background-position:-419px -32px;}

#navbar li#media a{width:107px; background-position:-493px 0px;}
#navbar li#media a:hover{background-position:-493px -32px;}

#navbar li#gallery a{width:105px; background-position:-599px 0px;}
#navbar li#gallery a:hover{background-position:-599px -32px;}

#navbar li#shop a{width:82px; background-position:-704px 0px;}
#navbar li#shop a:hover{background-position:-704px -32px;}

#navbar li#kids a{width:97px; background-position:-785px 0px;}
#navbar li#kids a:hover{background-position:-785px -32px;}

#navbar li#contact a{width:68px; background-position:-881px 0px;}
#navbar li#contact a:hover{background-position:-881px -32px;}

#navbar ul li ul{position:absolute; left:0px; top:32px; margin:0px; padding:0px; z-index:10; border:1px solid #DDD; border-top:0px; width:auto; display:none;}
#navbar ul li ul li{clear:both; float:none; background:none #399664; padding:0px}
#navbar li ul li a{height:16px; display:block; background:none #399664; color:#FFF; padding:5px 20px 5px 10px; font-size:11px; text-decoration:none!important;}
#navbar li ul li a:hover{background:#000;}
*/

#navbar { height:32px; width:auto; clear:both; position:relative; z-index:10; background:#0d5a30; }
#navbar ul { margin:0px; padding:0px; }
#navbar li { float:left; list-style:none; position:relative; }
#navbar li a { height:32px; display:block; text-decoration:none; font-size:13px; color:#FFF!important; font-weight:bold; padding:0px 0px 0px 10px; }
#navbar li a:hover { background:url(../images/navbar_bg.jpg) no-repeat left center; }
#navbar li a span { padding:8px 10px 8px 0px; height:16px; display:block; }
#navbar li a:hover span { background:url(../images/navbar_bg.jpg) no-repeat right center; }
span.nodisplay { visibility:hidden; }
#navbar li a span.nodisplay { visibility:visible; }
#navbar ul li ul { position:absolute; left:0px; top:32px; margin:0px; padding:0px; z-index:10; border:1px solid #DDD; border-top:0px; width:auto; display:none; }
#navbar ul li ul li { clear:both; float:none; background:none #399664; padding:0px }
#navbar li ul li a { height:16px; display:block; background:none #399664; color:#FFF; padding:5px 20px 5px 10px; font-size:11px; text-decoration:none; height:auto !important; }
#navbar li ul li a:hover { background:#000; }
/*| CAROUSEL |*/
#carousel { clear:both; height:148px; background:#0c0b09; width:auto; position:relative; padding:10px 0px; z-index:1; }
a.leftbutton { position:absolute; top:0px; left:0px; height:168px; background:url(../images/button_left.jpg) no-repeat left center; width:26px; display:block; margin:0px 0px 0px 10px; outline:none; text-decoration:none; }
a.leftbutton:hover, a.rightbutton:hover { opacity:0.8; filter:alpha(opacity=80); }
a.rightbutton { position:absolute; top:0px; right:0px; height:168px; background:url(../images/button_right.jpg) no-repeat left center; width:26px; display:block; margin:0px 10px 0px 0px; outline:none; text-decoration:none; }
#carousel .content { height:148px; width:880px; margin:0px 36px; overflow:hidden; position:relative; }
#carousel .content #slider { height:148px; position:relative; width:auto; }
#carousel .content #slider ul { margin:0px; padding:0px; position:relative; float:left; width:auto; clear:none; }
#carousel .content #slider ul .module { list-style:none; width:215px; height:148px; margin:0px 2px 0px 3px; float:left; clear:none; background:#000; }
#carousel .content #slider ul .module h3 { margin:0px; padding:0px; font-size:10px; color:#adab8d!important; text-align:right; padding:0px 3px; height:18px; }
#carousel .content #slider ul .module h3 a img, #carousel .content #slider ul .module h3 a { text-decoration:none!important; line-height:18px; text-transform:uppercase; background-color:#000000; }
#carousel .content #slider ul .module a:hover img { opacity:0.8; filter:alpha(opacity=80); zoom:1; }
/*| BODY |*/
#body { width:952px; height:auto; background:#0099CC; clear:both; }
/*| LEFT COLUMN |*/
#left_column { width:476px; background-color:green; height:200px; float:left; }
#left_column .content { }
/*| RIGHT COLUMN |*/
#right_column { width:476px; height:200px; float:left; }
#right_column .content { }
/*| SINGLE COLUMN |*/
#single_column { background:bottom url(../images/content_bg.jpg) no-repeat #fff; min-height:493px; float:left; width:952px; position:relative; }
.nobg { background:#fff !important; }
#single_column .buttons { position:absolute; left:35px; top:20px; margin:0px; padding:0px; }
#single_column .buttons li { list-style:none; float:left; height:56px; }
#single_column .buttons li a#events_img { background:url(../images/icon_events.png) no-repeat; height:52px; width:170px; display:block; text-decoration:none; }
#single_column .buttons li a#events_img:hover { background-position:0px -52px; text-decoration:none; }
#single_column .buttons li a#schedule_img { background:url(../images/icon_schedule.png) no-repeat; height:56px; width:181px; display:block; text-decoration:none; }
#single_column .buttons li a#schedule_img:hover { background-position:0px -56px; text-decoration:none; }
#single_column .buttons li a#contact_img { background:url(../images/icon_contact.png) no-repeat; height:52px; width:162px; display:block; text-decoration:none; }
#single_column .buttons li a#contact_img:hover { background-position:0px -52px; text-decoration:none; }
#single_column .buttons li.divider { width:1px; font-size:0px; background:#999999; margin:3px 15px; }
#single_column #funlinks { position:absolute; right:0px; width:233px; height:auto; padding:0px 10px; z-index:2; }
#single_column #funlinks ul { margin:0px; padding:0px 10px 20px 9px; background:url(../images/fun_links_bg.png) no-repeat bottom; }
#single_column #funlinks ul li { list-style:none; padding:5px 15px; color:#FFF!important; font-size:11px; background:url(../images/bullet_arrow.png) no-repeat left; padding-left:20px; margin:2px 10px; line-height:20px; }
#single_column #funlinks .title { background:none #620808; height:37px; line-height:37px; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; padding-left:15px; margin:0px; }
#single_column #funlinks ul li a { text-decoration:none!important; color:#FFF!important; }
#single_column #funlinks ul li a:hover { text-decoration:underline; }
#single_column #funlinks p { text-align:center; font-size:11px; }
#single_column .content { position:absolute; bottom:0px; width:687px; height:155px; padding:10px 245px 10px 20px; background:url(../images/text_background.png); z-index:1; }
#single_column .content p { padding:0px; margin:5px 0px; line-height:22px; font-size:13px; }
#single_column .content_subpage { width:687px; min-height:443px; padding:10px 245px 50px 20px; background:url(../images/text_background.png); z-index:1; }
#single_column .content_subpage, #single_column .content { color: #303030; }
#single_column .content_subpage a, #single_column .content a { color: #0b6735; }

.media_category { list-style: none; border: 2px solid #666; background: #999; position: relative!important; float: right; width: 170px; margin-left: 8px!important; margin-bottom: 8px!important; padding: 0px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; color: #000; }
.media_category li h3 { margin: 4px; color: #333; padding: 0px; font-size: 9px; letter-spacing: 2px; font-weight: bold; text-transform:uppercase }
.media_category li { margin: 0px!important; padding: 0px!important; border: none!important; background: none!important; color: #fff!important; font-size: 12px!important; float: none!important; display: block!important; }
.media_category li a { color: #fff!important; text-decoration: none!important; background: #aaa!important; height:auto!important;margin: 4px!important; padding: 4px 6px!important; display: block!important; float: none!important; cursor: pointer!important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #000; }
.media_category li a:hover { background: #444!important; color: #FFFF00!important; }
.media_category li.ui-state-active a { background: #444!important; color: #fff!important; }


.jcarousel-skin-zomm .jcarousel-container-horizontal {
	background: white url(../images/browse-bg.gif) repeat-x;
	margin-top: 15px;
    width: 100%;
	height: 122px;
    padding: 0px;
	padding-top: 15px;
}

.jcarousel-skin-zomm .jcarousel-clip-horizontal {
	margin-left: 60px;
    width:  530px;
    height: 90px;
}
.jcarousel-skin-zomm .jcarousel-item {
    width: 120px;
    height: 90px;
}
.jcarousel-skin-zomm .jcarousel-item img {
	/*-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;*/
}
.jcarousel-skin-zomm .jcarousel-item img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.jcarousel-skin-zomm .jcarousel-item.current-vid img {
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	cursor: default;
}

.jcarousel-skin-zomm .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-zomm .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Horizontal Buttons
 */
 .jcarousel-skin-zomm { overflow: hidden; }
.jcarousel-skin-zomm .jcarousel-next-horizontal,
.jcarousel-skin-zomm .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    width: 49px;
    height: 122px;
    cursor: pointer;
    background: transparent url(../images/browse-right.gif) no-repeat 0 0;
}
.jcarousel-skin-zomm .jcarousel-next-horizontal:hover,
.jcarousel-skin-zomm .jcarousel-next-horizontal:active,
.jcarousel-skin-zomm .jcarousel-prev-horizontal:hover,
.jcarousel-skin-zomm .jcarousel-prev-horizontal:active {
    background-position: 0 -122px;
}
.jcarousel-skin-zomm .jcarousel-next-disabled-horizontal,
.jcarousel-skin-zomm .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-zomm .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-zomm .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-zomm .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-zomm .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px -244px;
}
.jcarousel-skin-zomm .jcarousel-next-horizontal {
	right: 0px;
}
.jcarousel-skin-zomm .jcarousel-prev-horizontal {
	left: 0px;
    background-image: url(../images/browse-left.gif);
}
/*| FOOTER |*/
#footer { height:126px; background:url(../images/footer_background.png) no-repeat; width:1000px; margin:-32px auto 0px; position:relative; z-index:2; padding-top:32px; }
#footer ul { position:relative; margin:0px 0px 0px 20px; padding:0px; }
#footer ul li { list-style:none; float:left; width:auto; margin:0px 8px; color:#000000!important; position:relative; line-height:
}
#footer ul li a { color:#000!important; font-size:10px; text-decoration:none; vertical-align:top; }
#footer ul li a:hover { color:#5A5B2F!important; }
#footer ul li ul { position:relative; left:0px; margin:0px; padding:0px; }
#footer ul li ul li { clear:both; float:none; left:-5px; top:5px; max-width:90px; }
#footer ul li span.nodisplay { font-size:12px; font-weight:bold; line-height:16px; height:16px; visibility:visible; }
.h_menu { margin: 0px; padding: 0px; margin-top: 10px; }
.h_menu li { margin: 0px; display: inline; padding: 0px; list-style: none; }
.h_menu li a { display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; background-color: #0D5A30; color: #FFFFFF!important; font-size: 12px; text-decoration: none; font-weight: bold; }
.h_menu li a:hover { background-color: #000; }
.h_menu li.current a { background-color: #FFFF00; border: 1px solid #333; color: #000!important; }
.h_menu_sub { margin: 0px; padding: 0px; margin-top: 10px; }
.h_menu_sub li { margin: 0px; display: inline; padding: 0px; list-style: none; }
.h_menu_sub li a { display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; background-color: #0F345A; color: #FFFFFF!important; font-size: 12px; text-decoration: none; font-weight: bold; }
.h_menu_sub li a:hover { background-color: #333; }
.h_menu_sub li.current a { background-color: #66CCFF; border: 1px solid #333; color: #000!important; }
.displaytrue { display:block; }
.reset, 
.reset li { margin: 0px; padding: 0px; list-style: none; }
.browse { overflow: hidden; }
.browse a {  display: inline!important; }
.browse li { width: 120px!important; height: 90px; float: left; margin: 4px; }