/*
Client:		Cure the Future / Cell and Gene Trust
Developer:	Digital Garden
Date:		Oct2007
*/


/* GENERAL */

*				{padding:0; margin:0;}
body 			{background: url(../images/bg.gif) bottom right repeat-x #00adef; font-family:Arial, Verdana, SunSans-Regular, Sans-Serif; color:#564b47; height:100%;}
h1 span 		{display:none;}
h2 				{font-size:1em; color:#00adef;}
h3				{ padding:0 20px;}
em				{font-weight:bold; font-style:normal; color:#00adef;}
p				{padding:0 0 15px 0; line-height:1.4em;}
li				{line-height:1.4em;}
h1				{margin:20px;}
h1.about		{background:url(../images/h_about.gif) no-repeat; height:19px; width:185px;}
blockquote		{font-style:italic; padding:10px 20px 15px 20px;}
strong.blue		{color:#00adef;}
strong.grey		{color:#999999;}
a 				{color:#00adef; text-decoration:underline;}
a:hover 		{text-decoration:none;}
h2 a 			{text-decoration:none;}
table				{margin:20px;}

/* LAYOUT */

#container 		{width:920px; margin:0 auto; background:#fff; border:solid 1px #fff; font-size:0.8em; z-index:100; height:100%;}
#banner 		{background:#fff; background:url(../images/header.png) no-repeat; width:918px; height:87px; position:relative;}
#mainnav 		{}
#content 		{background:#ffffff; margin: 0 305px 0 0; padding:1px 0 0 0; position:relative;}
#side 			{float:right; width:305px; margin: 0; padding:1px 0 0 0; background:url(../images/bg_left.jpg) repeat-x 0px 183px; min-height:800px; height:600px;}
#footer 		{clear:both; background:#fff; height:40px; color:#999;}




/* MODULES */
#donatetoday	{position:absolute; right:0px;}
div#flash_bg	{background:url(../images/flash_bg.jpg) no-repeat top;height:180px; width:305px; padding-bottom:20px; position:relative; z-index:1}
#flash			{ margin:-180px 0 0; z-index:1; width:305px; height:180px; position:absolute;}


#content ul		{list-style:none; padding:0 20px;}
#content p		{padding-left:20px; padding-right:20px;}
#content h2		{padding-left:20px; padding-right:20px;}

#side ul		{list-style:none;}
#side li		{background:url(../images/li_left.gif) no-repeat; padding:0 0 5px 15px; margin:5px;}
#side img.hero	{border-bottom:solid 1px #fff; margin-bottom:20px;}
#side h2		{padding:0 20px;}
#side p 		{padding:0 20px 20px 20px;}


#footer h2		{float:left; width:400px; font-size:0.7em; font-weight:normal; color:#999; padding-left:15px;}
#footer ul		{float:right; width:240px; list-style:none;}
#footer ul li	{float:left;}
#footer ul li a	{font-size:0.7em; color:#999; text-decoration:none;}
#footer ul li a:hover	{text-decoration:underline;}

ul.logolist		{ clear:left;}
ul.logolist li	{float:left; margin-right:5px;}


/* MAINNAVIGATION */
#mainnav 						{width:920px; height:37px; font-size:0.85em; position:relative; z-index:999; background:#9cdcf8; }
* html #mainnav 				{width:919px; w\idth:918px;}
#mainnav ul 					{list-style-type:none;}
#mainnav ul ul 					{width:149px; z-index:101;}
#mainnav li 					{float:left; position:relative;}
#mainnav a, #mainnav a:visited 	{display:block; font-size:11px; text-decoration:none; color:#0096cf; height:37px; line-height:29px;}
* html #mainnav a, 
* html #mainnav a:visited 		{width:149px; w\idth:138px;}
#mainnav ul ul a.drop, 
#mainnav ul ul a.drop:visited 	{background:#9cdcf8;}
#mainnav ul ul a.drop:hover		{background:#0096cf;}
#mainnav ul ul :hover > a.drop 	{background:#00adef;}
#mainnav ul ul 					{visibility:hidden; position:absolute; height:0; top:37px; left:10px; width:149px;}
* html #mainnav ul ul 			{top:37px;t\op:37px;}
#mainnav table 					{position:absolute; top:0; left:0;}
#mainnav ul ul a, 
#mainnav ul ul a:visited 		{background:#00adef; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;}
* html #mainnav ul ul a, 
* html #mainnav ul ul a:visited {width:150px; w\idth:128px;}
#mainnav a:hover, 
#mainnav ul ul a:hover			{color:#00adef; background:#9cdcf8;}
#mainnav :hover > a, 
#mainnav ul ul :hover > a 		{color:#00adef;background:#9cdcf8;}

#mainnav ul li:hover ul,
#mainnav ul a:hover ul			{visibility:visible; }
#mainnav ul :hover ul ul		{visibility:hidden;}
#mainnav ul :hover ul :hover ul	{visibility:visible;}

#mainnav a	 					{height:37px;}
#mainnav a img 					{border:0;}
#mainnav a#home 				{width:72px;}
#mainnav a#about 				{width:98px;}
#mainnav a#how 					{width:225px;}
#mainnav a#events 				{width:81px;}
#mainnav a#news 				{width:70px;}
#mainnav a#help 				{width:174px;}
#mainnav a#contact 				{width:112px;}




#gallerynav						{ list-style:none; clear:left; width:400px; margin:0 auto; position:relative; top:30px; left:-10px; }
#gallerynav li					{ float:left; display:block; margin:0 10px 0 0; }
#gallerynav li a				{ padding:10px; display:block; width:100px; background:#fff; color:#00adef; border:solid 1px #9cdcf8; text-decoration:none; text-align:center;}
#gallerynav li a:hover			{ background:#9cdcf8; color:#fff; border:solid 1px #9cdcf8; }










/*
#mainnav span	 				{display:none;}
#mainnav a#home 				{background:url(../images/nav_home.gif) no-repeat; width:72px;}
#mainnav a#about 				{background:url(../images/nav_about.gif) no-repeat; width:98px;}
#mainnav a#how 					{background:url(../images/nav_how.gif) no-repeat; width:225px;}
#mainnav a#events 				{background:url(../images/nav_events.gif) no-repeat; width:81px;}
#mainnav a#news 				{background:url(../images/nav_news.gif) no-repeat; width:70px;}
#mainnav a#help 				{background:url(../images/nav_help.gif) no-repeat; width:174px;}
#mainnav a#contact 				{background:url(../images/nav_contact.gif) no-repeat; width:112px;}
*/




/*
#mainnav 						{width:920px; height:37px; font-size:0.85em; position:relative; z-index:100; background:#9cdcf8;}
* html #mainnav 				{width:919px; w\idth:918px;}
#mainnav ul 					{list-style-type:none;}
#mainnav ul ul 					{width:149px;}
#mainnav li 					{float:left;width:149px;position:relative;}
#mainnav a, #mainnav a:visited 	{display:block; font-size:11px; text-decoration:none; color:#fff; height:30px; padding-left:10px; line-height:37px; background:#758279;}
* html #mainnav a, 
* html #mainnav a:visited 		{width:149px; w\idth:138px;}
#mainnav ul ul a.drop, 
#mainnav ul ul a.drop:visited 	{background:#9cdcf8;}
#mainnav ul ul a.drop:hover		{background:#0096cf;}
#mainnav ul ul :hover > a.drop 	{background:#00adef;}
#mainnav ul ul ul a, 
#mainnav ul ul ul a:visited 	{background:#e2dfa8;}
#mainnav ul ul ul a:hover 		{background:#b2ab9b;}
#mainnav ul ul 					{visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
* html #mainnav ul ul 			{top:30px;t\op:31px;}
#mainnav ul ul ul				{left:149px; top:-1px; width:149px;}
#mainnav ul ul ul.left 			{left:-149px;}
#mainnav table 					{position:absolute; top:0; left:0;}
#mainnav ul ul a, 
#mainnav ul ul a:visited 		{background:#00adef; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
* html #mainnav ul ul a, 
* html #mainnav ul ul a:visited {width:150px;w\idth:128px;}
#mainnav a:hover, 
#mainnav ul ul a:hover			{color:#00adef; background:#9cdcf8;}
#mainnav :hover > a, 
#mainnav ul ul :hover > a 		{color:#00adef; background:#9cdcf8;}


#mainnav ul li:hover ul,
#mainnav ul a:hover ul			{visibility:visible; }
#mainnav ul :hover ul ul		{visibility:hidden;}
#mainnav ul :hover ul :hover ul	{visibility:visible;}
*/




/* 
MAINNAVIGATION 
#mainnav 						{width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;}
* html #mainnav 				{width:746px; w\idth:745px;}
#mainnav ul 					{list-style-type:none;}
#mainnav ul ul 					{width:149px;}
#mainnav li 					{float:left;width:149px;position:relative;}
#mainnav a, #mainnav a:visited 	{display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; background:#758279; padding-left:10px; line-height:29px;}
* html #mainnav a, 
* html #mainnav a:visited 		{width:149px; w\idth:138px;}
#mainnav ul ul a.drop, 
#mainnav ul ul a.drop:visited 	{background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
#mainnav ul ul a.drop:hover		{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
#mainnav ul ul :hover > a.drop 	{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
#mainnav ul ul ul a, 
#mainnav ul ul ul a:visited 	{background:#e2dfa8;}
#mainnav ul ul ul a:hover 		{background:#b2ab9b;}
#mainnav ul ul 					{visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
* html #mainnav ul ul 			{top:30px;t\op:31px;}
#mainnav ul ul ul				{left:149px; top:-1px; width:149px;}
#mainnav ul ul ul.left 			{left:-149px;}
#mainnav table 					{position:absolute; top:0; left:0;}
#mainnav ul ul a, 
#mainnav ul ul a:visited 		{background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
* html #mainnav ul ul a, 
* html #mainnav ul ul a:visited {width:150px;w\idth:128px;}
#mainnav a:hover, 
#mainnav ul ul a:hover			{color:#fff; background:#949e7c;}
#mainnav :hover > a, 
#mainnav ul ul :hover > a 		{color:#fff;background:#949e7c;}
#mainnav ul li:hover ul,
#mainnav ul a:hover ul			{visibility:visible; }
#mainnav ul :hover ul ul		{visibility:hidden;}
#mainnav ul :hover ul :hover ul	{visibility:visible;}
*/