body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; margin:0px; background-color:#dedede; color:#000000; }
#outer_page_body {width:90%;  background-color:#ffffff; border:1px solid #cccccc}

/* structure */

	#header {width:100%; border:0px; margin:0px; height:91px; padding:0px; background-color:#ffffff; color:inherit}
	#header img {border:0px; margin-top:0px}
	#searchlinks {vertical-align:middle}
	#searchlinks div {padding-top:5px}
	#header p {margin:0px}
	#yellow_bar {background-color:#fef7af; color:inherit; padding:0px; height:5px; font-size:1px}
	

	#main_body {width:100%; border:0px; margin:0px; padding:0px; background-color:#ffffff; color:inherit}
	#main_body td {margin:0px}

	#home_bookmark {vertical-align:top; width:189px; height:617px; padding:0px; background-color:#ffffff; color:inherit;}
	
	#left_nav {display:none;}		
	#right_nav {display:none;}
		
	#footprints {font-size:9px; background-color:#dee2e8; color:inherit; height:12px; padding:2px 0px 2px 0px}
	#footprints_links {padding-left:10px; float:left}
	#date_weather {float:right; width:225px; color:#454545;  background-color:inherit;}
	
	#mainbody {vertical-align:top; margin-top:0px; text-align:left; padding:0px 10px 0px 10px; width:100%}
	
	#green_bar {background-color:#97CE8B; color:inherit;}
	
	#footer {background-image:url(/pics/nav/bot_bar_bg.gif); text-align:left; font-size:9px; height:74px; margin-top:0px; text-transform:uppercase}
	#footer img {margin-top:0px; padding-top:0px; border:0px}
	#footer p {margin-top:15px; padding-left:10px; }
	
	#optionbar {background-color:#97ce8b; color:inherit; line-height:16px; font-size:9px; margin:0px;}
	#optionbar p {margin:0px}
	#optionbar div {padding:1px 5px 0px 0px}
	#home_help {float:right; padding-right:10px; margin-top:5px; }
	
	#help_links {text-transform:uppercase; color:#454545; background-color:inherit; }
	#help_links a {color:#454545; background-color:inherit; }
	#help_links a:hover {text-decoration:underline}
	
	#home_cell_blue {width:274px; height:220px; background:url(http://jpl.coj.net/pics/nav/home/color_box_blue.jpg) no-repeat; background-color:#aec4e3; color:inherit; vertical-align:top; text-align:left}
	#home_cell_green {width:274px; height:220px; background:url(http://jpl.coj.net/pics/nav/home/color_box_green.jpg) no-repeat; background-color:#94d09a; color:inherit; vertical-align:top; text-align:left}
	#home_cell_orange {width:274px; height:220px; background:url(http://jpl.coj.net/pics/nav/home/color_box_orange.jpg) no-repeat; background-color:#fbb05f; color:inherit; vertical-align:top; text-align:left}
		
	.home_list {list-style:none; text-transform:uppercase; margin-left:0px; margin-top:35px; padding-left:10px}
	.home_list li a {color:#454545; background-color:inherit}
	.home_list li a:hover {color:#454545; background-color:inherit; text-decoration:underline}
	
	#news_events_container {padding-left:5px; height:312px; margin:0; vertical-align:top; background-color:#ffffff; color:inherit;}
	#news_events {overflow:auto; padding:0px; width:300px; text-align:left; height:270px; }
	#news_events_header {padding:0px; margin:0px; width:300px; height:40px; text-align:left;}
	#news_events_header h2 {font-size:18px; margin:0px 0px 10px 0px; line-height:normal; color:#595959; background-color:inherit;}
	#news_events_header span {font-size:10px; line-height:normal; color:#595959; background-color:inherit;}
	#news_events a {color:#7096c6; background-color:inherit}
	#news_events a:hover {color:#e75c00; background-color:inherit;}
	

/* typography */

	.top_nav_links {line-height:normal; color:#666666; background-color:inherit;}
	.blue_form_box {line-height:normal; color:#505050; background-color:#AEC4E3;}
	
	.body_copy {line-height:normal; color:#000000; background-color:inherit; vertical-align:top; font-weight:normal}
	.bold_body_copy {line-height:normal; color:#000000; background-color:inherit; font-weight:bold}
	
	.left {float:left}
	.right {float:right}
	.spacer {margin:0px; }
	.imagepad {padding:5px}
	.imagepad span {font-size:9px; text-align:center}
	.small {font-size:10px; margin:0px}
	.it {font-style:italic}
	.specred {color:#ff0000; background-color:inherit;}
	.year {margin-top:5px}
	.year div {float:left}
	.year span {text-align:right; padding-left:20px; padding-right:10px}
	#program span {font-weight:bold}
	
	a {text-decoration:none; font-weight:bold; color:#7096c6; background-color:inherit;}
	a:hover {color:#d2a916; background-color:inherit;}
	
	h1 {line-height:40px; margin-top:5px; padding:0px; color:#595959; background-color:inherit; background:url(http://jpl.coj.net/pics/nav/hdr_bar.gif) 0px 2px no-repeat;}
	h1 span {font-size:19px; }
	h2 {font-size:17px}
	h3 {font-size:15px}
	h4 {font-size:15px}
	h5 {font-size:13px}
	
	dt {font-weight:bold; margin-top:5px}
	dt span {font-weight:normal; font-style:italic}
	
/* floating boxes */

	.floatbox {width:150px; border:1px solid #0066cc; background-color:#ffffcc; color:inherit; text-align:center; font-size:9px; margin:5px 5px 10px 10px;}
	.floatbox h5 {margin:0px}
	.floatbox ul { margin:0px; padding:5px; list-style:none; text-align:left; font-weight:bold; background-color:inherit }
	.floatbox ul li {background: url("/pics/nav/arrow_dark.gif") 0px 5px no-repeat; list-style:none; padding:0px 0px 0px 10px; }
	.floatbox ul li span {font-weight:normal}
	.floatbox div {padding:5px}
	
	.grey {background-color:#dedede; color:inherit; border:0px} 
	.club {text-align:center}
	.club img {padding:5px}

/* collection highlights */

	.highlight {border:1px double #232323; font-size:10px; margin:5px; text-align:center; background-color:#ffffcc; color:#196fc5}
	.highlight h5 {margin:5px}
	.highlight p {padding-left:10px; padding-right:10px}
	
/* boxes for tables */

	.halfbody {width:44%; padding-left:10px; padding-right:10px; color:inherit; background-color:inherit}
	.thrdbody {width:28%; padding-left:10px; padding-right:10px; color:inherit; background-color:inherit}
	.qtrbody {width:21%; padding-left:10px; padding-right:10px; color:inherit; background-color:inherit}

/* calendar items */

	.youth, a.youth {color:#3e9347; background-color:inherit;}
	.teen, a.teen {color:#5874a4; background-color:inherit;}
	.adult, a.adult {color:#ff8b2d; background-color:inherit;} 
	.monthbox {border:1px outset #000000; margin:5px; width:175px; text-align:left}
	.monthbox_form {padding:5px; width:165px; margin:0px; background-color:#ffffcc; color:inherit;}
	.cancelled {text-decoration:line-through;}
	.dailyheader td {color:#FFFF00; background-color:#0066cc; font-size:14px; font-weight:bold; text-align:center}
	.directional {text-align:center;} 
	.directional h3 {width:30%}
	.month_table {border:1px solid #444444; width:100%; padding:0px; margin:0px}
	.month_table td {border:1px solid #444444; padding-left:2px; width:10%; vertical-align:top}
	
/* contact us page */

	.webform label {float:left; width:175px; font-weight:bold}
	
/* RSS feeds */

	.newsbox {background-color:#dee2e8; width:150px; border:1px dotted #cccccc; padding:5px; margin-bottom:5px; margin-top:5px}
	.newsbox h5 {text-align:left; margin:0px}
	.newsbox p {font-weight:bold; text-align:left}
	.rss_box {border-top:1px solid #0066cc; border-bottom:1px solid #0066cc}
	.rss_title {display:none}
	.rss_items {list-style:none; margin-left:0px; padding-left:0px;}
	.rss_item {font-size:10px; margin-left:0px; padding-left:0px; margin-top:3px}
	.rss_item a {font-size:10px; color:#0066cc}
	.rss_date {font-size:8px; color:#ff8b2d}
	
/* web2 pages */
	
	#web2_page .rightfloats {display:none;}
	#web2_page .imagepad {width:190px;} 
	#web2_page .floatbox {width:190px; font-size:11px; text-align:left;} 
	#web2_page .floatbox a {color:#0066cc; background-color:inherit;}
	#web2_page .floatbox a:hover {color:#e75c00; background-color:inherit;}
	#web2_page .mainbox {width:70%}
	#web2_page select {z-index:-1}
	#web2_page h3.record {background-color:#cdcdcd; color:#000000; margin-bottom:0px; padding:2px; border-top:1px solid #000000; border-bottom:1px solid #000000;}
	#web2_page h4 {background-color:#dedede; color:#000000; margin:0px 0px 3px 0px; padding:3px 0px 3px 3px;  border-top:1px solid #000000; border-bottom:1px solid #000000;}
	
	
	#search_catalog_box {padding:0px; width:100%; margin-right:5px; height:250px; background-color:#AEC4E3; color:inherit; border:1px solid #7096C6; font-weight:bold;}
	#search_catalog_box h5 {background-color:#7096C6; color:#ffffff; margin-top:0px; padding:5px;}
	#search_catalog_box div { background-color:inherit; color:inherit;}
	#search_catalog_box label {padding:2px 3px 2px 3px; }
	#search_catalog_box select {margin-top:5px; margin-bottom:5px}
	
	#rootbarcell {background-color:#7096C6; color:inherit; padding:3px; }
	#rootbarcell a {padding-right:5px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:inherit; color:#ffffff;}
	#rootbarcell a:hover {text-decoration:underline; }
	
	#web2_toolbar {background-color:#93D19A; color:inherit; padding:3px;}
	#web2_toolbar a {padding-right:5px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:inherit; color:#ffffff;}
	#web2_toolbar a:hover {text-decoration:underline; }