/*************************************
		 WELCOME TO THE CUSTOM STYLESHEET
	--------------------------------------
								style.css
					BlueTrip CSS Framework
			Put your custom styles in here.
	***************************************/

	/**************************************/
	/*           COLOR SCHEME             */
	/**************************************
	- black		#000
	- white		#fff
	-           #
	-           #
	-           #
	***************************************/


	/**************************************/
	/*              GLOBALS               */
	/**************************************/
	body {background-color:#8DCD99}
	#wrap {
		background:#20B059 url(/_layout/picbk_home.jpg) top left no-repeat;	
	}
	body.contact #wrap {
		background-image:url(/_layout/picbk_contact.jpg);
	}	
	body.about-us #wrap {
		background-image:url(/_layout/picbk_spare.jpg);
	}
	body.research #wrap {
		background-image:url(/_layout/picbk_science2.jpg);
	}	
	body.advisors #wrap {
		background-image:url(/_layout/picbk_science.jpg);
	}	
	body.newsletter #wrap {
		background-image:url(/_layout/picbk_spare.jpg);
	}	
	body.events #wrap {
		background-image:url(/_layout/picbk_events.jpg);
	}	
	a {color:#014e22 !important;}
	hr {border: none 0; 
	border-top: 1px solid #8DCD99;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

	/**************************************/
	/*              HEADER                */
	/**************************************/
	#header {position:relative; height:545px; z-index:1;}
	#logo {position:absolute; left:0; top:0; z-index:10;}
	#headerbottom {position:absolute; left:0; top:211px; z-index:1;}


	/**************************************/
	/*             NAVIGATION             */
	/**************************************/
	#nav {position:relative; top:-145px;}
	#nav ul {margin:0; padding:0; list-style:none; background:url(/_layout/nav_top.gif) top left no-repeat; padding-top:15px;}
	#nav ul li {margin:0; padding:0; list-style:none;overflow:hidden;}
	#nav ul li a span {margin-left:-1000px;}
	#nav ul li a {display:block; padding:0 !important; margin:0 !important; width:190px; height:43px;}

	#nav ul li.default a {background:url(/_layout/nav_home.gif) top left no-repeat;}
	#nav ul li.default a:hover, #nav ul li.default a.current {background:url(../_layout/nav_home_f2.gif) top left no-repeat;}

	#nav ul li.about-us a {background:url(/_layout/nav_aboutus.gif) top left no-repeat;}
	#nav ul li.about-us a:hover, #nav ul li.about-us a.current {background:url(../_layout/nav_aboutus_f2.gif) top left no-repeat;}

	#nav ul li.about-dmd a {background:url(/_layout/nav_aboutdmd.gif) top left no-repeat;}
	#nav ul li.about-dmd a:hover, #nav ul li.about-dmd a.current {background:url(../_layout/nav_aboutdmd_f2.gif) top left no-repeat;}

	#nav ul li.funding a {background:url(/_layout/nav_funding.gif) top left no-repeat;}
	#nav ul li.funding a:hover, #nav ul li.funding a.current {background:url(../_layout/nav_funding_f2.gif) top left no-repeat;}

	#nav ul li.research a {background:url(/_layout/nav_research.gif) top left no-repeat;}
	#nav ul li.research a:hover, #nav ul li.research a.current {background:url(../_layout/nav_research_f2.gif) top left no-repeat;}

	#nav ul li.advisors a {background:url(/_layout/nav_advisors.gif) top left no-repeat;}
	#nav ul li.advisors a:hover, #nav ul li.advisors a.current {background:url(../_layout/nav_advisors_f2.gif) top left no-repeat;}

	#nav ul li.events a {background:url(/_layout/nav_events.gif) top left no-repeat;}
	#nav ul li.events a:hover, #nav ul li.events a.current {background:url(../_layout/nav_events_f2.gif) top left no-repeat;}

	#nav ul li.press a {background:url(/_layout/nav_press.gif) top left no-repeat;}
	#nav ul li.press a:hover, #nav ul li.press a.current {background:url(../_layout/nav_press_f2.gif) top left no-repeat;}

	#nav ul li.newsletter a {background:url(/_layout/nav_newsletters.gif) top left no-repeat;}
	#nav ul li.newsletter a:hover, #nav ul li.newsletter a.current {background:url(../_layout/nav_newsletters_f2.gif) top left no-repeat;}

	#nav ul li.film a {background:url(../_layout/nav_film.gif) top left no-repeat;}
	#nav ul li.film a:hover, #nav ul li.film a.current {background:url(../_layout/nav_film_f2.gif) top left no-repeat;}

	#nav ul li.contact a {background:url(/_layout/nav_contact.gif) top left no-repeat;}
	#nav ul li.contact a:hover, #nav ul li.contact a.current {background:url(../_layout/nav_contact_f2.gif) top left no-repeat;}

	#nav ul li.donate a {background:url(/_layout/nav_donate.gif) top left no-repeat; height:55px;}


	/**************************************/
	/*            MAIN CONTENT            */
	/**************************************/
	#content {
		position:relative;
		z-index:2;
		background:#20B059 url(/_layout/content_bk_new.gif) top left repeat-y;	
	}
	#innercontent {
		position:relative;
		top:-200px;
	}
	#content h1 {
		position:relative;
		top:-30px;
		color:#FFF;
		font-size:2.6em;
	}
	#innercontent ul {
	 margin:0;
	}
	#innercontent li {
	 position:relative;
	 list-style:none;
	 padding:0 0 0 30px;
	 margin:0;
	 background:url(/_layout/li.gif) top left no-repeat;
	}

	#innercontent table {
		border-collapse:collapse;
		border:2px solid #FFF;
	}
	#innercontent table a {
		color:#FFF !important;
	}
	#innercontent table th {
		text-align:center;
		font-weight:bold;
		font-size:.9em;
		background-color:#004E1F;
		border:2px solid #FFF;
		padding:4px;
		color:#FFF;
	}
	#innercontent table td {
		padding:4px;
		text-align:center;
		font-size:1em;
		background-color:#168141;
		border:2px solid #FFF;
		color:#FFF;
	}
	.gallerythumb {
	float:left;
	padding:1px 1px 0 0;
	}
	.gallerythumb img {
	float:left;
	}

	/**************************************/
	/*               FOOTER               */
	/**************************************/
	#footer {
		position:relative;
		z-index:3;
		background:#8DCD99 url(/_layout/footer_bk.gif) top left no-repeat;
		height:80px;
		padding-top:50px;
		font-size:.9em;
		line-height: 1.2em; 
	}