/*
*********************
CEELI Institute Base CSS file

Version:1.0
Date:Mar/16 - 2009
Author:Ricardo Zea
*********************
*/

@import url("reset.css");

	/*	Fonts
	===========*/				
	@font-face { font-family:'Century Gothic'; src:url('fonts/century-gothic.eot'); }	/*For all IEs*/
	@font-face { font-family:'Century Gothic'; 
				 src:url(//:) format('no404'), url('fonts/century-gothic.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
				 src:local('☺'), url('fonts/century-gothic.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
			   }	

body { padding-bottom:20px; background:url(../images/bg-website.gif) fixed; }
strong { font-weight:bold; }

/*	REUSABLE RULES
=================================*/	
	/*
	green = 637300
	blue = 00539D
	*/
	.no-display { display:none; }
	.float-left { float:left; }
	.float-right { float:right; }
	.align-middle { vertical-align:middle; }
	.align-left { text-align:left; }
	.align-right { text-align:right; }
	.align-center { text-align:center; margin:auto; }
	.margin-left-10 { margin-left:10px; }
	.margin-right-10 { margin-right:10px; }
	hr { height:1px; margin:10px 0; border:none; border-bottom:#999 1px dotted; }
	* html hr { border-bottom:#ccc 1px solid; }
	#IEroot hr,
	.hr-thin { margin:0; }
	.italic-font { font-style:italic; }
	.normal-font { font-weight:normal; }
	.bold-font { font-weight:bold; }
	.black-font { color:#000; }
	.small-text { font-size:.85em; }
	.small-italic-text { font-size:.85em; font-style:italic; }
	.no-wrap { white-space:nowrap; }
	.clear { clear:both; }

/*	BOX SHADOW 
=================================*/		
h1, h2 				{ -moz-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-box-shadow:0 0 20px rgba(0,0,0,.6); box-shadow:0 0 20px rgba(0,0,0,.6); }
	
/*	TEXT SHADOW 
=================================*/	
h1					{ text-shadow:0 0 2px rgba(0,0,0,.5); }
h2, #menu ul li a:hover
					{ text-shadow:1px 1px 1px rgba(0,0,0,.3); }	
#menu ul li a		{ text-shadow:1px 1px 1px rgba(0,0,0,.6); }	
		
/*	ROUNDED CORNERS / BORDER RADIUS
=================================*/	 
h1,h2, h3, h4		{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/*******************************************************************************/

/*	HEADINGS
=================================*/	 
h1 { color:#00529D; font:2.1em 'Century Gothic', serif; letter-spacing:-1px; text-align:center; padding:0 0 5px; margin-bottom:20px; border:#ccc 1px solid; }

h2 { font-family:'Century Gothic', serif; border:#ddd 1px solid; background:url(../images/bg-faded-texture.gif) fixed; }

h2, h3, h4 { clear:both; color:#637300; padding:5px 7px 7px; letter-spacing:-1px; }

h2 { font-size:1.6em; } 
h3 { font-size:1.5em; padding:0; margin-bottom:15px; }
h4 { font-size:1.2em; padding:0; color:#000; }

 			
/*	GENERAL CONTAINER
=================================*/	
#general-container { width:990px; margin:auto; font-size:.9em; color:#333; }

/*	HEADER
=================================*/	 
	
	/*===== Top rounded corners =====*/
	#header-top { height:46px; background:url(../images/bg-header-top.png) no-repeat; }
	* html #header-top { background:url(../images/bg-header-top.gif) no-repeat; }
	
	/*===== Header =====*/
	#header { height:104px; background:url(../images/bg-inner-container.gif) repeat-y; }
	#header img { float:left; margin:13px 0 0 25px; }
	#header-right-area { float:right; margin-right:20px; padding:0 5px 5px; width:500px; border-bottom:#ccc 1px solid; font-size:.75em; }
	#header-right-area ul { text-align:right; }
	#header-right-area ul li { display:inline; padding-left:15px; margin-left:5px; }
	#header-right-area ul li a,
	#header-right-area ul li a:visited { color:#00539D; text-decoration:none; }
	#header-right-area ul li a:hover { color:#637300; }
	#header-right-area ul li.homepage { background:url(../images/icon-home-page.gif) left 2px no-repeat; }
	#header-right-area ul li.email { background:url(../images/icon-email.gif) left 4px no-repeat; }
	#header-right-area ul li.print { background:url(../images/icon-print.gif) left 2px no-repeat; }
	#header-right-area ul li.date { font-size:1.1em; font-weight:bold; color:#000; border-left:#666 1px solid; padding-left:8px; }
	
	/*===== 'Make a Donation' badge =====*/
	#badge-make-a-donation { float:right; position:relative; z-index:2; width:300px; height:87px; margin-top:-75px; opacity:.8; background:url(../images/badge-make-a-donation.png) no-repeat; }	
	#badge-make-a-donation:hover { position:relative; top:-2px; opacity:1; }
	#badge-make-a-donation a { float:left; display:block; width:300px; height:70px; }	
	#badge-make-a-donation a span { display:none; }
	
		/*IE*/
		* html #badge-make-a-donation { background:url(../images/badge-make-a-donation.gif) no-repeat; }

/*	TOP NAV BAR
=================================*/	 
#top-menu { position:absolute; z-index:1; width:970px; margin-left:10px; padding:1px 0; border-top:#00539D 1px dotted; border-bottom:#00539D 1px dotted; }
 
	/*1st level links*/
	#menu { font-size:.8em; width:970px; margin:auto; background:url(../images/bg-top-navbar.gif) repeat-x;  }
	#menu ul { margin:0; padding:0; list-style-type:none; height:40px; }
	#menu ul li { float:left; margin:0; padding:0; position:relative; }
	#menu ul li a { color:#fff; display:block; margin:0; padding:14px; text-decoration:none; background:url(../images/img-border-links.gif) right top repeat-y; }
	#menu ul li a:hover,
	#menu ul li a.more-padding:hover { background:url(../images/bg-top-navbar-hover.gif) repeat-x #F5F5F5; color:#000; }
	#menu ul li a.more-padding { padding:14px 19px 14px 20px; background:none; }
	
	/*2nd level links*/
	#menu ul li ul { position:absolute; display:none; width:199px; height:auto; }
	#menu ul li ul li { clear:left; background:url(../images/bg-top-navbar-sublinks.png); }
	#menu ul li ul li a { text-decoration:none; width:171px; padding:10px 14px; background:none; }
	#menu ul li ul li a:hover { color:#fff; background:url(../images/bg-top-navbar-sublinks-hover.gif) -5px center no-repeat; }
		
	#menu ul ul li.no-bg { background:none; }
	#menu ul ul li span { float:left; width:199px; height:15px; background:url(../images/bg-top-navbar-sublinks-bottom.png) bottom no-repeat; }
		
		/*IE*/
		* html #top-menu { border-top-style:solid; border-bottom-style:solid; }
		* html #menu ul li ul li { background:url(../images/bg-top-navbar-sublinks.gif); }
		* html #menu ul ul li span { background:url(../images/bg-top-navbar-sublinks-bottom.gif) bottom no-repeat; }

/*	INNER CONTAINER
=================================*/	 
#inner-container { padding:50px 20px 0; background:url(../images/bg-inner-container.gif) repeat-y;}
#inner-container p { margin:15px 0; line-height:22px; font-size:1.1em; }

/*	THIN CONTAINER
=================================*/	 
#thin-container { padding:20px 40px; font-size:1.1em; }

#thin-container ul { margin:20px 0; line-height:20px; }
#thin-container ul li { padding-left:12px; background:url(../images/bullet-square.gif) left 7px no-repeat; }
	
	/*===== Links =====*/
	#thin-container a,
	#thin-container a:visited { color:#637300; }
	#thin-container a:hover { color:#00539D; text-decoration:none; }
	
	a.link-back-to-top { padding:5px 15px 5px 0; background:url(../images/img-arrow-back-to-top.gif) right center no-repeat; }
	a.link-back-to-top:hover { background-position:right 0; }
	
	/*===== Titles with round corners =====
	div.rounded-titles { width:100%; background:url(../images/bg-two-lines.gif) repeat-x; }
	div.left-rounded { float:left; width:10px; height:45px; background:url(../images/bg-rounded-corners-left.gif); }
	div.right-rounded { float:right; width:10px; height:45px; background:url(../images/bg-rounded-corners-right.gif); }
	
	div.content-rounded-corners { width:96%; height:43px; float:left; margin-bottom:15px; text-align:center; }
	div.content-rounded-corners img { margin:6px; }
	div.content-rounded-corners h1 span { display:block; text-indent:-9999px; }
	
	* html div.content-rounded-corners { margin-bottom:0; }*/
		
	/*===== Floating pictures inside the content =====*/	
	#thin-container div.body-pic p { width:272px; padding:0 5px 0 10px; margin:0; font-size:.8em; line-height:15px; font-style:italic; color:#637300; font-family:"Times New Roman", Times, serif; }	
		/*IE*/
		#IEroot .body-pic { margin:0;}
	
	/*===== New Window links =====*/
	a.new-window-link,
	a.new-window-link:visited { color:#637300; padding-right:18px; margin-right:5px; background:url(../images/icon-new-window.gif) right center no-repeat; }
	a.new-window-link:hover { color:#00539D; text-decoration:none; }
	
	span.free { font-size:.7em; font-style:italic; }

/*	FOOTER
=================================*/	 
	/*===== Bottom rounded corners =====*/
	#footer-bottom { height:46px; background:url(../images/bg-footer-bottom.png) no-repeat; }	
	#footer { clear:both; height:70px; margin-top:20px; background:url(../images/bg-two-lines-footer.gif) repeat-x; }
	
		/*IE*/
		* html #footer-bottom { height:35px; background:url(../images/bg-footer-bottom.gif) no-repeat; }
	
	/*===== Round corners container =====*/
	div.content-rounded-corners-footer { float:left; width:920px; height:60px; text-align:center; padding-top:5px; }
	div.left-rounded-footer { float:left; width:15px; height:70px; background:url(../images/bg-rounded-corners-footer-left.gif) no-repeat; }
	div.right-rounded-footer { float:right; width:15px; height:70px; background:url(../images/bg-rounded-corners-footer-right.gif) no-repeat; }
	#footer p { margin:5px 0; line-height:normal; font-size:.75em; color:#00539D; }
	#footer p span { color:#666; }
	#footer p a,
	#footer p a:visited { color:#666; text-decoration:underline; }
	#footer p a:hover { color:#637300; text-decoration:none; }
	
	/*===== Bottom Navigation in the footer =====*/
	ul.bottom-nav { text-align:center; font-size:.75em; }
	ul.bottom-nav li { display:inline; padding:0 5px; }
	ul.bottom-nav li a,
	ul.bottom-nav li a:visited { color:#666; }
	ul.bottom-nav li a:hover { color:#637300; text-decoration:none; }
	
	/*===== LexisNexis logo =====*/
	#logo-lexisnexis { padding-right:10px;  }
	#logo-lexisnexis span { text-indent:-9999px;}
	#logo-lexisnexis span a { float:right; width:139px; height:42px; background:url(../images/logo-lexisnexis.png); }
	* html #logo-lexisnexis span a { background:url(../images/logo-lexisnexis.gif); }

/*	HOME PAGE
=================================*/	 
div.ceeli-mission { float:left; width:640px; margin-top:10px; }
div.ceeli-mission p { padding-left:5px; }
	
	/*===== People cutting the ribbon =====*/
	div.img-mission { float:left; }
	div.img-mission img { margin:6px 10px 20 0; }

/*	MESSAGE FROM THE DIRECTOR PAGE
=================================*/	 
#thin-container ul.padded-list { margin-left:245px; }

/*	ANNUAL REPORTS PAGE
=================================*/	 
#thin-container ul.annual-reports li { font-size:.75em; margin-bottom:10px; }
#thin-container ul.annual-reports li a { font-size:1.35em; }

/*	MAKE A DONATION PAGE
=================================*/	 
#thin-container ul.donation-padded-list { margin-left:300px; }

/*	PROGRAM OVERVIEW PAGE
=================================*/	 

	/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
	
	/* Horizontal Tabbed Panels
	* The default style for a TabbedPanels widget places all tab buttons
	* (left aligned) above the content panel. */
	 
	/*===== Outside container of the Tabs system =====*/
	div.TabbedPanels { width:870px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ margin:auto; clear:none; }
	
	/*===== Container of top Tabs =====*/
	ul.TabbedPanelsTabGroup { margin:0; padding:0; }
	
	/*===== Tabs =====*/
	.TabbedPanelsTab { position:relative; top:1px; float:left; padding:10px; margin-right:3px; border:#ccc 1px solid; cursor:pointer; font:0.8em sans-serif; color:#666; -moz-user-select:none; -khtml-user-select:none; }
	#thin-container li.TabbedPanelsTab { background:url(../images/bg-gradient-white-gray.gif) top repeat-x; }
	
		/*IE*/
		#IEroot #thin-container li.TabbedPanelsTab { margin-bottom:-20px; }
	
	/*===== :hover of the Tabs =====*/
	#thin-container li.TabbedPanelsTabHover { color:#000; background:url(../images/bg-gradient-gray-white-small.gif) top repeat-x #fff; }
	
	/*===== Selected tab =====*/
	.TabbedPanelsTabSelected { border:1px solid #ccc; border-bottom:1px solid #fff; }
	#thin-container li.TabbedPanelsTabSelected { color:#000; font-weight:bold; background:url(../images/bg-gradient-gray-white-small.gif) top repeat-x #fff; }
	
	/*===== Content section of the Tabs =====*/
	.TabbedPanelsContent { margin-top:20px; }
	.TabbedPanelsContentGroup { clear:both; border:#ccc 1px solid; background:#fff; padding:0 30px; }
	
	/* Borders ontent section of the Tabs */
	.TabbedPanelsContentGroup { 
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
		border-radius-topleft:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; }
		
	/* Borders Tabs */
	.TabbedPanelsTab {
		border-radius-topleft:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;
		border-radius-topright:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }
	
/*	APPLY FOR INSTITUTE PROGRAM PAGE
=================================*/	 
#thin-container a.download,
#thin-container a.download:visited { padding-right:20px; background:url(../images/icon-download-file.png) right center no-repeat; }
#thin-container a.download:hover { text-decoration:none; }
#thin-container h4.alert { display:inline-block; padding:10px 0 0 35px; height:25px; background:url(../images/icon-info.png) 3px center no-repeat; }

/*	RENTING THE VILLA PAGE
=================================*/	 
table#room-sizes { border-spacing:3px; border:#ddd 1px solid; }
table#room-sizes tr td { border:#ddd 1px solid; padding:8px; } 
table#room-sizes td.align-middle { white-space:nowrap; }

	/*===== Column titles =====*/
	table#room-sizes tr.table-titles td.align-middle { font-weight:normal; color:#00539D; background:url(../images/bg-gradient-white-gray.gif) bottom repeat-x #fff; }
	
	/*===== Row titles =====*/
	table#room-sizes td.align-center { color:#637300; background:url(../images/bg-gradient-white-gray.gif) top repeat-x #fff; }
	
/*	CONTRIBUTORS PAGE
=================================*/	 
ul.long-list { width:810px; overflow:hidden; zoom:1; }
ul.long-list li { float:left; width:250px; }

/*	JQUERY FANCYBOX - GALLERY/TOUR PAGE
=================================*/	 
div#fancy_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666; display:none; z-index:30; }
* html div#fancy_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }

div#fancy_wrap { text-align:left; }

div#fancy_loading { position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100; }
div#fancy_loading div { position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../images/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position:absolute; background-color:#FFF; z-index:30; }
div#fancy_loading_icon { position:absolute; background:url('../images/fancy_loading.gif') no-repeat; z-index:35; width:16px; height:16px; }

div#fancy_outer { position:absolute; top:0; left:0; z-index:90; padding:18px 18px 33px 18px; margin:0; overflow:hidden; background:transparent; display:none; }

div#fancy_inner { position:relative; width:100%; height:100%; border:1px solid #BBB; background:#FFF; }

div#fancy_content { margin:0; z-index:100; position:absolute; }

div#fancy_div { background:#000; color:#FFF; height:100%; width:100%; z-index:100; }

img#fancy_img { position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:100; width:100%; height:100%; }

div#fancy_close { position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('../images/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:181; display:none; }

#fancy_frame { position:relative; width:100%; height:100%; display:none; }
#fancy_ajax { width:100%; height:100%; overflow:auto; }

a#fancy_left,
a#fancy_right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:111; display:none; background-image:url(data:image/gif;base64,AAAA); outline:none; }
a#fancy_left { left:0px; }
a#fancy_right { right:0px; }
	
	/* Small Left & Right arrows */
	span.fancy_ico { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:112; cursor:pointer; display:block; }
	span#fancy_left_ico { left:15px; background:transparent url('../images/fancy_left.png') no-repeat; }
	span#fancy_right_ico { right:15px; background:transparent url('../images/fancy_right.png') no-repeat; }
	/*a#fancy_left:hover { visibility:visible; }
	a#fancy_right:hover { visibility:visible; }*/
	a#fancy_left:hover span { left:20px; }
	a#fancy_right:hover span { right:20px; }
	.fancy_bigIframe { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; }
	
	div#fancy_bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:70; border:0; padding:0; margin:0; }
	
	/* Drop shadow around the image container */
	div.fancy_bg { position:absolute; display:block; z-index:70; border:0; padding:0; margin:0; }
	div.fancy_bg_n { top:-18px; width:100%; height:18px; background:transparent url('../images/fancy_shadow_n.png') repeat-x; }
	div.fancy_bg_ne { top:-18px; right:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_ne.png') no-repeat; }
	div.fancy_bg_e { right:-13px; height:100%; width:13px; background:transparent url('../images/fancy_shadow_e.png') repeat-y; }
	div.fancy_bg_se { bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_se.png') no-repeat; }
	div.fancy_bg_s { bottom:-18px; width:100%; height:18px; background:transparent url('../images/fancy_shadow_s.png') repeat-x; }
	div.fancy_bg_sw { bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_sw.png') no-repeat; }
	div.fancy_bg_w { left:-13px; height:100%; width:13px; background:transparent url('../images/fancy_shadow_w.png') repeat-y; }
	div.fancy_bg_nw { top:-18px; left:-13px; width:13px; height:18px; background:transparent url('fancy_shadow_nw.png') no-repeat; }
	
	/* Image description */
	div#fancy_title { position:absolute; bottom:2%; left:0; width:100%; z-index:100; display:none; }
	div#fancy_title div { color:#fff; font-size:.9em; padding-bottom:5px; }
	div#fancy_title table { margin:0 auto; }
	div#fancy_title table td { padding:0; vertical-align:middle; }
	
	td#fancy_title_left { height:32px; width:15px; background:transparent url(../images/fancy_title_left.png) repeat-x; }
	td#fancy_title_main { height:32px; background:transparent url(../images/fancy_title_main.png) repeat-x; }
	td#fancy_title_right { height:32px; width:15px; background:transparent url(../images/fancy_title_right.png) repeat-x; }
	
	/*===== Gallery DIV =====*/
	
	#thin-container div.gallery table { font-size:.8em; line-height:18px; border-spacing:5px; }
	#thin-container div.gallery table tr td { text-align:center; max-width:160px; padding:10px; border:#ddd 1px solid; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
	#thin-container div.gallery table tr td:hover { color:#000; background: url(../images/bg-gradient-white-gray.gif) bottom repeat-x #fff; border-color:#aaa; }
	#thin-container div.gallery table tr td:hover img { border-color:#999; }
	#thin-container div.gallery table tr td img { margin-bottom:5px; padding:1px; border:#ccc 5px solid; background:#fff; }
	#thin-container div.gallery table tr td img:hover { border-color:#00539D; }