/*
The National Lottery Good Causes
main.css
main stylesheet
author: Chris Armstrong Thoughtbubble Ltd
date: 10 January 2008
*/

/* 
-----------------------------
HOME PAGE
-----------------------------
*/

/* home banner */
#home_banner { height:310px; width:1000px; overflow:hidden; position:relative; z-index:2;  }
ul#home_banner_rotate { display:block; list-style:none; margin:0; padding:0; z-index:2;  }
ul#home_banner_rotate li { display:block; width:1000px; height:310px; margin:0; padding:0; }

ul#home_banner_nav {
	display:block; 
	list-style:none;
	position:absolute; 
	bottom:30px; left:621px; 
	z-index:2; 
	padding:10px; margin:0;
}
ul#home_banner_nav li { display:block; float:left; margin:0; padding:0; }

ul#home_banner_nav li a:link, ul#home_banner_nav li a:visited {
	display:block; 
	margin:0 5px 0 0;
	width:10px; height:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none; 
	background: #ADABAC;
}

ul#home_banner_nav li a:hover, ul#home_banner_nav li a.activeSlide:link, ul#home_banner_nav li a.activeSlide:visited {
	background:#EEEEEE;
}

.home_banner_item { background:#5F5D5E; color:#FFFFFF; }
.home_banner_image { float:left; width:611px; height:310px; overflow:hidden; }
.home_banner_text { float:left; width:389px; height:310px; overflow:hidden; }
.home_banner_text h1 { background:transparent; padding:0px 0px 10px 0px; margin:0 0 0 0px; }
.home_banner_item a:link, .home_banner_item a:visited, .home_banner_item a:hover { color:#FFFFFF; }

/* social media icons */
#home_social_media { height:40px; background:#DEDEDE; text-align:right; padding:0 20px 0 0; }
#home_social_media IMG { margin:4px 5px 0 0; }

/* page title */
#home_page_title {
	position:absolute; 
	top:430px; left:0;
	width:720px; height:70px;
	color:#FFFFFF; background: #1150BF;
	padding:10px 40px 0px 20px;
	font-size:13px;
	border:0px solid #000000;
	z-index:10000; 
	/* rounded corners css3 */
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px; 
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px; 
	/* gradient css3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1250C1', endColorstr='#2C388C'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#1250C1), to(#2C388C)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #1250C1,  #2C388C); /* for firefox 3.6+ */
}

header#header.header_welsh #home_page_title { top:440px; }

#home_page_title h1 { font-size:22px; padding:0 0 8px 0; font-weight:bold; background:transparent; }
#home_page_title_bottom {
	position:absolute; 
	top:500px; left:0;
	width:1000px; height:20px;
	background: #2C388C;
	border:0px solid #000000;
	/* rounded corners css3 */
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px; 
}

header#header.header_welsh #home_page_title_bottom { top:510px; }

#home_social_media { height:70px; }
#home_page_title { top:460px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;  }
header#header.header_welsh #home_page_title { top:470px; }
#home_page_title_bottom { top:530px; }
#home_social_media IMG { margin:18px 10px 0 0; }
header#header.header_welsh #home_page_title_bottom { top:540px; }



.home_title_bar {
	color:#17278E; text-align:left; padding:5px 5px 5px 10px; margin:0 0 0px 0;
	background: transparent;
	filter:none;
	border-bottom:2px solid #17278E;
	margin:0 0 2px 0;
}
.home_title_bar h2 { display:inline-block; font-size:16px; font-weight:bold; color:#17278E; padding:0px 0 0px 0px; }
.home_title_bar h2 a:link, .home_title_bar h2 a:visited, .home_title_bar h2 a:hover { text-decoration:none;  color:#17278E; }


#twitter_update_list {
	padding:10px 0px 10px 0px;
}
#twitter_update_list ul, #twitter_update_list li { list-style:none; margin:0; padding:0; }
#twitter_update_list li { margin:0 0 10px 0; padding:0 10px 10px 10px; border-bottom:1px solid #CCCCCC; }

#home_video_media { width:318px; height:194px; background:#000000; }
.home_video_thumbs { margin-left:0px; }
.home_video_thumb { float:left; width:102px; height:102px; margin-right:4px;  position:relative; }
.home_video_thumb_final { margin-right:0px; }


.home_archive_link { padding:5px 0 2px 10px; font-size:13px; font-weight:bold; }

/* 
-----------------------------
LOTTERY FUNDING RECIPIENTS
-----------------------------
*/

.paging_row{ background:#EAECEB; padding:5px 10px 5px 10px; font-weight:bold; }
.paging_row ul {list-style:none; margin:0;padding:0; }
.paging_row ul li{ float:left; }
.paging_row ul li a:link, .paging_row ul li a:visited { 
	display:block; padding:2px 5px 2px 5px; margin:0 1px 0 1px;
}
.paging_row ul li a.page_on:link, .paging_row ul li a.page_on:visited, .paging_row ul li a:hover  {
	background:#1949B2; color:#FFFFFF;
}
.paging_row ul li.no_link { padding:2px 5px 2px 5px; margin:0 1px 0 1px; color:#999999; }
.paging_row ul li.no_link_dot { padding:2px 5px 2px 5px; margin:0 1px 0 1px;}
 
/* search form */
#storySearchForm { margin-top:15px; width:500px; }
#storySearchForm label { float:left;  width:100px; margin-bottom:10px; font-weight:bold; }
#storySearchForm .textinput { float:left; width:200px; padding:2px; margin-bottom:10px; }
#storySearchForm .selectinput { float:left; width:200px; padding:0px; margin-bottom:10px; }
#storySearchForm .submit {
	width:100px;
	margin: 10px 0px 10px 400px;
}
/* left search form */
#storySearchForm.left_search_form { margin-top:0px; width:230px; }
#storySearchForm.left_search_form label { display:block; margin-bottom:3px; font-weight:bold; color:#374087; }
#storySearchForm.left_search_form .textinput { display:block; width:196px; padding:2px; margin-bottom:10px; border:1px solid #666666; }
#storySearchForm.left_search_form .selectinput { display:block; width:200px; padding:0px; margin-bottom:10px; border:1px solid #666666; }



h2.search_results_return { display:block; font-size:12px; background:#EAECEB; padding:5px 10px 5px 10px; margin:0 0 1px 0; }
.story_thumbnail_col { float:left; width:105px; margin:10px 0px 0px 0px; display:inline; overflow:hidden; }
.story_details_col { float:left; width:550px; margin:10px 0px 0px 0px; display:inline; overflow:hidden; }
.story_title { margin-bottom:8px; font-weight:bold; font-size:14px;}
.story_leader { margin-bottom:8px; overflow:hidden; }
.story_link {  }

/* SEARCH STORY RESULTS */
.story_item_image_col { float:right; width:180px; overflow:hidden;  }
.story_item_image_holder { margin-bottom:10px; margin-top:20px; }
.ldb_logo { text-align:center; margin:10px 0px 10px 0px; width:163px; }

.story_item_detail_col { float:left; width:490px; padding:0 0 20px 10px; }
.story_item_project_name { font-weight:bold; margin:8px 0px 8px 0px; color:#133E8C; font-size:1.2em;  }
.story_item_content { margin:0px 0px 8px 0px; }
.story_item_awarded { margin:0px 0px 8px 0px; }
.story_item_related { margin:0px 0px 15px 0px; }
.related_story { margin:8px 0px 0px 0px; }

.highlighted_story_image_col { float:left; width:143px; margin:0px 0px 15px 0px; }
.highlighted_story_detail_col { float:left; width:384px; margin:0px 0px 15px 0px; }

/*ie fix*/
.map_spacer{width:760px;}
*html .single_column_subnav.map_spacer{padding:0; width:750px;}

/*
------------------------------------------------------------
CASE STUDIES
------------------------------------------------------------
*/

.casestudy_box { background-color:#F4F4F4; }

.casestudy_widecol { float:left; width:350px; margin:20px 0 20px 10px; display:inline; }
.casestudy_shortcol { float:left; width:350px; margin:20px 0 20px 10px; display:inline; }

#casestudy_form label { display:block; margin-bottom:2px; color:#000000; }
#casestudy_form .textinput { display:block; margin-bottom:8px; width:300px; border:1px solid #999999; padding:2px 3px 2px 3px; }
#casestudy_form .textareainput { display:block; margin-bottom:8px; width:300px; border:1px solid #999999; padding:2px 3px 2px 3px; }
#casestudy_form .selectinput { display:block; margin-bottom:8px; width:300px; border:1px solid #999999; }
#casestudy_form .longselectinput { display:block; margin-bottom:8px; width:300px; border:1px solid #999999; padding:2px 3px 2px 3px; }
#casestudy_form .fileinput { display:block; margin-bottom:2px; width:100px; border:1px solid #999999; }
#casestudy_form .submit { display:block; margin-bottom:10px; }
#casestudy_form .formerror { background-color:#FFE9E6; color:#FF0000; border:2px solid #999999; }
.asterisk { color:#83466C; font-size:1.2em; position:relative; top:3px; }

/*
------------------------------------------------------------
MEDIA CENTRE
------------------------------------------------------------
*/

.media_centre_header { background-color:#F6F6F6; }
.media_centre_header h1 {
	background:transparent; color:#17278E;
}
.media_centre_latest_box { padding:10px 0 10px 10px }
.media_centre_item { float:left; width:180px; position:relative; }
.media_centre_item_title { display:none; position:absolute; bottom:0; left:0; width:150px; padding:5px 5px 10px 5px; font-weight:bold; font-size:12px; background-color:#FFFFFF; color:#17278E; background: rgba(255,255,255,0.8); }

/*media loader*/
.media_loader_small{background:#fff url(/images/loader/3_small.gif) no-repeat 50% 50%;}
.media_loader_large{background:#fff url(/images/loader/3.gif) no-repeat 50% 50%;}

.ldr_mediaCenter{min-height:450px; width:734px; }
*html .ldr_mediaCenter{height:450px;}

.ldr_homepage{height:194px; width:318px;}

/*
------------------------------------------------------------
PRESS RELEASES
------------------------------------------------------------
*/

.press_list_item { background-color:#F4F4F4; margin:4px 0 0px 0; padding:10px; }
.press_list_image { float:left; width:90px; }
.press_list_detail { float:left; width:600px; }
.press_title { font-size:14px; font-weight:bold; }
.press_leader { margin:8px 0px 4px 0px; font-size:12px; }
.press_date { color:#BCBCBD; font-weight:bold; }

.press_backlink { margin:0px 0px 8px 0px; font-size:0.9em; color:#999999; }
#contentCol .press_backlink  a:link, #contentCol .press_backlink  a:visited { color:#999999; text-decoration:none; }
#contentCol .press_backlink  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.press_country_filter { float:left; width:130px; margin:5px 0px 10px 0px; }
#contentCol .press_country_filter a:link, #contentCol .press_country_filter a:visited { color:#878684; background-color:#FFFFFF; }
#contentCol .press_country_filter a:hover { color:#FFFFFF; background-color:#878684; }

.press_country_filter img { position:relative; top:3px; }
#contentCol .press_country_filter img a:hover { color:#FFFFFF; background-color:#FFFFFF; }

.pressitem_date { margin:10px 0px 8px 0px; color:#BCBCBD; font-weight:bold;  }
.pressitem_content { margin:0px 0px 8px 0px; }
.pressitem_pdf { margin:0px 0px 8px 0px; }

/*
------------------------------------------------------------
IMAGE GALLERY / VIDEO GALLERY
------------------------------------------------------------
*/

.gallery_thumb_container { width:734px; overflow:hidden; height:92px; position:relative;}
.gallery_thumb_slide { position:relative; left:0; background:#E6E6E6; height:93px;}
.gallery_thumb { width:92px; float:left; }
.gallery_paging { 
	width:724px; color:#FFFFFF; text-align:right; padding:3px 5px 3px 5px; margin:0 0 2px 0;
	background: #487DCE; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#487DCE', endColorstr='#3264B0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#487DCE), to(#3264B0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #487DCE,  #3264B0); /* for firefox 3.6+ */
}
.gallery_paging a:link, .gallery_paging a:visited { color:#FFFFFF; text-decoration:none; }
.gallery_paging a:hover, .gallery_paging a.page_link_on:link, .gallery_paging a.page_link_on:visited { text-decoration:underline; }

#gallery_main_image_container { min-height:700px; position:relative; }
* html #gallery_main_image_container { height:700px;  }

#gallery_main_image, #gallery_main_image_fader {
	position:absolute;
	top:0; left:0;
}
#gallery_main_image_fader { display:none; }

#gallery_main_image_media { display:block; width:734px; margin:0; padding:0; text-align:center; background:#F6F6F6;}

#gallery_main_image_details { 
	width:714px; color:#FFFFFF; text-align:left; padding:5px 10px 5px 10px; margin:0 0 40px 0;
	position:relative; top:-4px;
	background: #124CBB; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#124CBB', endColorstr='#14257E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#124CBB), to(#14257E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #124CBB,  #14257E); /* for firefox 3.6+ */
}
.gallery_main_image_details_title { font-weight:bold; font-size:12px; }

/*
------------------------------------------------------------
FACTSHEETS
------------------------------------------------------------
*/

.factsheet_name { color:#133E8C; margin:8px 0px 8px 0px; font-size:1.2em; }
.factsheet_text { margin:0px 0px 8px 0px; }
.factsheet_link { float:left; width:300px; margin:0px 0px 8px 0px;}
.factsheet_date { float:right; width:100px; margin:0px 0px 8px 0px; text-align:right; }

.factsheet_backlink { margin:0px 0px 8px 0px; font-size:0.9em; color:#999999; }
#contentCol .factsheet_backlink  a:link, #contentCol .factsheet_backlink  a:visited { color:#999999; text-decoration:none; }
#contentCol .factsheet_backlink  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.factitem_name { font-weight:bold; margin:8px 0px 8px 0px; color:#133E8C; font-size:1.2em;  }
.factitem_date { margin:0px 0px 8px 0px; }
.factitem_content { margin:0px 0px 8px 0px; }
.factitem_pdf { margin:0px 0px 8px 0px; }

/*
------------------------------------------------------------
LOTTERY FUNDERS
------------------------------------------------------------
*/

.funder_name { color:#133E8C; margin:8px 0px 8px 0px; font-size:1.2em; }
.funder_text { margin:0px 0px 8px 0px; }
.funder_link { margin:0px 0px 8px 0px; }

/*
------------------------------------------------------------
CONTACT US
------------------------------------------------------------
*/

.contact_section { border-bottom:1px solid #D8DFF2; margin-bottom:10px; padding-bottom:3px; }
.contact_title { color:#133E8C; margin:0px 0px 10px 0px; font-size:1.2em; font-weight:bold; }
.contact_name_col { float:left; width:200px; margin-bottom:8px; }
.contact_details_col { float:left; width:300px; margin-bottom:8px; }
.contact_clear { clear:both; font-size:1px; height:1px; }

/*
------------------------------------------------------------
SITEMAP
------------------------------------------------------------
*/
.sitemap { padding-top:0; }
.sitemap ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:200px;
	float:left;
}

.sitemap ul li { display:block; margin:0; padding:0; }
.sitemap ul li.top_nav_item { font-weight:bold; padding:10px 0 5px 0; }

.sitemap ul li a:link, .sitemap ul li a:visited { text-decoration:none; }
.sitemap ul li a:hover { text-decoration:underline; }