/* commons */

body {background-color:#fff; margin:30px 0 0 0; text-align:left; font-family:Tahoma, Arial, sans-serif; color:#4d4d4d;}
body.popup {margin:0; text-align:left;}
img {border:0;}

a {color:#ED008C; /*border-bottom: 1px dotted #ED008C;*/ text-decoration:underline;}
a:hover {background-color:#ED008C; color:#fff; border-bottom:1px solid #ED008C; text-decoration:none;}
a.top {text-decoration:none; background:url(../img/top.gif) no-repeat; padding-left:14px; margin-top:10px; text-align:right;}
a.top:hover {border-bottom:1px solid #ED008C; background-color:#fff; color:#ED008C;}
a.pdf {text-decoration:none; padding-left:30px;}
a.pdf:hover {border-bottom:1px solid #ED008C; background-color:#fff; color:#ED008C;}
#pdf {text-decoration:none; background:url(../img/pdf_icon_20.gif) no-repeat; padding:0px 5px 0px 0px; line-height:22px;}
#spacer {width: 25px; background:url(../img/spacer.gif);}
a.sec {color:#626466;}
a.sec:hover {color:#626466; background-color:#d8d8d8; border-bottom:0; text-decoration:underline;}



/* header */
#header {background:url(../img/bkg_header.png) no-repeat bottom; height:245px; width:760px; margin:0 auto; color:#fff;}
#header h1.logo {margin:0; padding:0; font-size:1px; line-height:1px; display:block; width:560px; height:119px; background:url(../img/logo.png) no-repeat; color:#59D0FE; position:relative; top:15px; z-index:1;}
html>body #header h1.logo {left:100px; top:15px;}

#header ul { list-style-type:none; margin:0 0 0 95px; padding:0; position:relative; font-size:70%;}
/*html>body #header ul {top:-1px; font-size:70%;}*/
#header ul li {padding:0; margin:0; float:left;}
#header ul li a {display:block; text-decoration:none; color: #4D4D4D; width:75px; height:15px; padding:105px 10px 7px 10px; border:0;}
	#home-off {background:url(../img/menu/home_off.png) no-repeat;}
	#home-off:hover {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#home-on {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#about-off {background:url(../img/menu/about_off.png) no-repeat;}
	#about-off:hover {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#about-on {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#programs-off {background:url(../img/menu/programs_off.png) no-repeat;}
	#programs-off:hover {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#programs-on {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#lenapark2010-off {background:url(../img/menu/lenapark2010_off.png) no-repeat;}
	#lenapark2010-off:hover {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#lenapark2010-on {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#support-off {background:url(../img/menu/support_off.png) no-repeat;}
	#support-off:hover {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#support-on {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#news-off {background:url(../img/menu/news_off.png) no-repeat;}
	#news-off:hover {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}
	#news-on {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}
	
#header ul li ul {list-style-type:none; height:36px; margin:0; padding:0; background:url(../img/bkg_submenu.gif) no-repeat left bottom; border:0;}
#header ul li ul li {padding:10px 13px 5px 13px; float:left; margin:0; background:url(../img/bkg_li_submenu.gif) no-repeat right;}
#header ul li ul li a {color:#333; border:0; padding:1px 3px; margin-left:0; width:32px; height:auto;}
#header ul li ul#about {width:571px; margin-left:189px; clear:both; }	


/* body */
.body {background:#fff url(../img/bkg_body_2.png) repeat-y bottom; width:760px; margin:0 auto; padding:0 0 20px 0; text-align:left;}
.body#home{background:#fff url(../img/bkg_body_home.png) no-repeat bottom; width:760px; margin:0 auto; padding:0 0 30px 0 !important; text-align:left;}
.body#home2{background:#fff url(../img/bkg_body_home2.png) no-repeat bottom; width:760px; margin:0 auto; padding:0 0 30px 0 !important; text-align:left;}
.submenu {background-color:#fff; width:760px; margin:0 auto; padding:0 0 30px 0; height:36px;}
.submenu ul { list-style-type:none; height:36px; margin:0; padding:0; background:url(../img/bkg_submenu.gif) no-repeat left bottom; border:0; font-size:70%;}
.submenu ul#about {width:571px; margin-left:189px; clear:both;}
.submenu ul#programs {width:666px; margin-left:94px; clear:both;}
.submenu ul#news, .submenu ul#lena2010, .submenu ul#contribute {width:381px; margin-left:379px; clear:both;}
html>body .submenu ul {height:35px;}
.submenu ul li {padding:10px 13px 5px 13px; float:left; margin:0; background:url(../img/bkg_li_submenu.gif) no-repeat right;}
.submenu ul li a {color:#333; border:0; padding:1px 3px; margin-left:0;}
.submenu ul li a:hover { background-color:#FFDFF2; color:#ED008C; border:0;}
.submenu ul li a.selected, .submenu ul li a.selected:hover {color:#ED008C; background-color:#FFF;}
.menu { width:220px; float:right; font-size:70%;}
.container {width:470px; padding:0 30px; font-size:80%; float:left;}
.container h1 {color:#ED008C; font:bold 120% Arial, Helvetica, sans-serif; padding:0; margin-top:0;}
.container h1.sub {font-size:110%; margin-top:-10px; margin-bottom:-10px; z-index:1000;}
.container h2 {color:#000; font:bold 100% Arial, Helvetica, sans-serif; padding:0; margin-bottom:5px;}
.container h2.name {font-weight:normal; margin-bottom:-5px; font-size:110%;}
.container p {line-height:140%;}
.container p.abstract {color:#666; margin-bottom:25px;}
.container p.last {margin-bottom:30px; padding-bottom:10px; border-bottom:1px dotted #E2E2E2;}
.container p.dest {background-color:#C5F1FE; border:1px solid #57D1FD; padding:5px; margin:20px 0;} 
.ctext {float:right; width:300px; padding:0;}
.ctext-all {float:right; width:450px; padding:0;}
.ctext-all img {float:left; margin-right:15px; margin-bottom:10px;}
/*.ctext-all p {margin-bottom:30px;}*/
.cimg {float:left; width:150px; text-align:right; padding:0;}
table.events {margin:15px 0 25px 0;}
table.events thead tr td {border-bottom:1px solid #ccc; padding:8px; font-weight:bold;}
table.events thead tr th {border-bottom:1px solid #ccc; background-color:#6CCFF6; border-right:1px solid #ccc;padding:8px; font-weight:bold; text-align:center;}
table.events tbody tr td.date {border-right:1px solid #ccc; padding:8px; text-align:center;}
table.events tbody tr td {padding:8px;}
table.events tbody tr:hover {background-color:#D7F2FD;}


.block {border-bottom:1px solid #BEBEBE; padding:0 20px; width:150px; background-color:#E6E7E9; float:right;}
.block#donate, .block#logo {padding:20px;}
.block#logo {border-bottom:0;}
.block#logo p {font-size:90%; color: #525252; line-height:125%;}
.title {width:30px; float:left; background:#999 url(../img/bkg_tab_links_div.png) no-repeat bottom;}
.title h3 { margin:0; display:block; width:30px; font-size:1px; line-height:1px; color:#fff;}
	.title h3.links {height:49px; background: url(../img/bkg_tab_links.png) no-repeat; }
	.title h3.donate {height:90px; background:url(../img/bkg_tab_donate.gif) no-repeat; }
	.title h3.about {height:69px; background: url(../img/bkg_tab_about.png) no-repeat; }
	.title h3.lena {height:120px; background: url(../img/bkg_tab_lena.png) no-repeat; }
	.title h3.contribute {height:69px; background: url(../img/bkg_tab_contribute.png) no-repeat; }
	.title h3.programs {height:69px; background: url(../img/bkg_tab_programs.png) no-repeat; }
	.title h3.news {height:69px; background: url(../img/bkg_tab_news.png) no-repeat; }

.block-home {border-bottom:1px solid #BEBEBE; padding:0; width:190px; background-color:#E1F4ED; float:right;}
	
/*.block h3.links {background:url(../img/bkg_tab_links.gif) no-repeat top left; color:#999; width:30px; height:100px; padding:0; font-size:1px; line-height:1px; float:left; margin:0 20px 0 0; display:block;}*/
.block ul {list-style-type:none; list-style-position:outside; margin:20px 0; padding:0;}
.block ul li {margin-bottom:10px; padding:0;}
.block ul li ul {margin:10px 0 10px 30px;}
.block ul li ul li a {background: url(xxx.png); padding-left:0; color:#999; border:0;}
.block ul li ul li a:hover, .block ul li ul li a.selected {background: url(xxx.png); padding-left:0; color:#ff99cc; border:0;}
.block ul li ul li a.on, .block ul li ul li a.on:hover, .block ul li ul li a.selected:hover {background: url(xxx.png); padding-left:0; border:0; background-color:#FFECFC; color:#ED008C; padding:2px 4px; position:relative; left:-4px;}
.block ul li a {color: #666; text-decoration:none; padding-left:15px; background:url(../img/bkg_item_menu.gif) no-repeat; border:0;}
.block ul li a:hover, .block ul li a.selected {color:#ED008C; background:url(../img/bkg_item_menu_sel.gif) no-repeat; text-decoration:none; padding-left:15px; border:0;}
.block p {line-height:135%;}
.block-home ul {list-style-type:none; list-style-position:outside; margin:0; padding:0;}
html>body .block-home ul li {margin:0 !important; padding:0 !important;}
.block-home ul li {margin:0 !important; padding:0 !important;}
.block-home ul li a {color:#626466; text-decoration:none; border:0; display:block; padding:12px 0 12px 15px ; margin:0; width:175px; background-color:#C7EAFB;}
.block-home ul li a:hover {color:#333; background-color:#C7EAFB; border:0;}
.block-home ul li a.slink {color:#626466; text-decoration:none; border:0; display:block; padding:12px 0 12px 15px ; margin:0; background-color:#E1F4ED;}
.block-home ul li a.slink:hover {color:#333; background-color:#E1F4ED; border:0;}


ul.text {background-color:#F2F2F2; padding:10px; margin:10px 0; list-style-position:inside;}
ul.text li {padding:0; margin:0;}

ul.staff {margin:0 0 20px 0; padding:0; list-style-type:none;}
ul.staff li {margin:0 0 5px 0; padding:0;}
ul.staff li em {font-style:normal; color:#000;}


/* footer */
#footer {width:760px; margin:0 auto; padding:30px 0; font-size:70%; background:url(../img/bkg_footer.png) no-repeat top;}
#footer em {font-style:normal; font-weight:bold;}
#footer-home {width:760px; margin:0 auto; padding:30px 0; font-size:70%;}
#footer-home em {font-style:normal; font-weight:bold;}

/* extras */
.invisible {display:none;}
img.border {border:1px solid #BEBEBE;}
.top {margin-top:10px;}
a.no-border {border:0;}
a.no-border:hover {background-color:none; border:0;}
img.logo {margin:20px 0 10px 0;}


/* enroll page */
.enroll {background:url(../img/bkg_popup.png); width:520px; height:350px; padding:50px 40px;}
.enroll h2 {color:#fff; font:bold 120% Arial, Helvetica, sans-serif; padding:0; margin-top:0;}
.enroll div.text {float:left; line-height:140%; margin-top:20px; font-size:80%; height:280px; overflow:auto; padding-right:20px; margin-left:20px; width:380px;}
.enroll div.img {margin-top:20px; float:left; width:100px; line-height:130%; font-size:80%; color:#0099CC;}

/* leftcolr */
div.leftcol
{
float:left;
width: 140px;
text-align:right;
padding-top:0px;
}

/* menu (test)
.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
list-style-type:none; margin:0 0 0 95px; padding:0; position:relative; font-size:70%;
text-align: center; /*set value to "left", "center", or "right"
}

.chromestyle ul li{
padding:0; margin:0; float:left;}


.chromestyle ul li a{
display:block; text-decoration:none; color: #4D4D4D; width:75px; height:15px; padding:105px 10px 7px 10px; border:0;
}

	#home-off {background:url(../img/menu/home_off.png) no-repeat;}
	#home-off:hover {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#home-on {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#about-off {background:url(../img/menu/about_off.png) no-repeat;}
	#about-off:hover {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#about-on {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#programs-off {background:url(../img/menu/programs_off.png) no-repeat;}
	#programs-off:hover {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#programs-on {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#lenapark2010-off {background:url(../img/menu/lenapark2010_off.png) no-repeat;}
	#lenapark2010-off:hover {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#lenapark2010-on {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#support-off {background:url(../img/menu/support_off.png) no-repeat;}
	#support-off:hover {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#support-on {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#news-off {background:url(../img/menu/news_off.png) no-repeat;}
	#news-off:hover {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}
	#news-on {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead
}


/* ######### Style for Drop Down Menu ######### 

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE
background-color: #F0F0F0;
}