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

/* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { overflow:hidden; clear:both; height:1px; margin:-1px 0px 0px 0px; font-size:1px; }
.clear-simple {	clear:both; }

/*
------------------------------------------------------------
MAIN SITE STRUCTURE
------------------------------------------------------------
*/

body {
	background-color:#5090CD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:0;
	margin:0;
	color:#878684;
}

h2 { margin:0px 0px 8px 0px; color:#133E8C; font-size:1.4em; font-weight:bold; }
.hr { background-color:#D8DFF2; height:1px; font-size:0.1em; }

p {margin:0 0 8px 0;}

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

#mainWrapper { width:100%; text-align:center; }
#bgWrapper { 
	width:800px; 
	margin:auto; 
	text-align:center;
	background-image:url(/images/layout/dropShadow.gif);
	background-repeat:repeat-y;
	}
#pageWrapper { width:760px; margin:auto; text-align:left; position:relative; }
#footerWrapper { 
	width:800px;
	height:29px;
	margin:auto; 
	text-align:center;
	background-image:url(/images/layout/botShadow.gif);
	background-repeat:no-repeat;
	}
	
#logoBar { position:relative; width:760px; }
#siteLogo { float:left; width:415px; padding:10px 0 0 0; }
#lotteryLogo { float:right; width:198px; text-align:right; }
.language_link { position:absolute; top:5px; left:15px; }
.language_link a:link, .language_link a:visited { color:#1B398B; text-decoration:none; }
.language_link a:hover {  }

#navBar {
	background-color:#3365AA;
	background-image:url(/images/layout/navBack.jpg);
	background-repeat:repeat-x;
	height:31px;
	position:relative;
	z-index:1000;
}

#site_search { position:absolute; top:3px; left:520px; }
#site_search label { float:left; width:80px; text-align:right; color:#FFFFFF; font-size:1.0em; margin-right:5px; margin-top:4px; font-family: arial,helvetica,sans-serif;  }
#site_search .text_input { float:left; width:95px; margin-right:5px; border:2px solid #999999; margin-top:2px; }
#site_search .search_submit { float:left; width:40px; position:relative; top:1px; }

#site_search_welsh { position:absolute; top:4px; left:500px; }
#site_search_welsh label { float:left; width:80px; text-align:right; color:#FFFFFF; font-size:1.0em; margin-right:5px; margin-top:4px; }
#site_search_welsh .text_input { float:left; width:100px; margin-right:5px; border:2px solid #999999; margin-top:2px; }
#site_search_welsh .search_submit { float:left; width:60px; }


#mainBar { }
#subNavCol { float:left; width:188px; margin-left:15px; display:inline; }
#contentCol { float:left; width:527px; margin-left:15px; display:inline; }
#contentCol a:link {color:#98466C; text-decoration:none;}
#contentCol a:visited {color:#98466C; text-decoration:none;}
#contentCol a:hover {color:#fff; text-decoration:none; background:#98466C;}
#contentCol a IMG:hover { background:#FFFFFF; }
.page_content {}
.page_content_top_margin { margin-top:15px; }

#footerBar { margin-top:25px; }
#footerLinks { float:left; width:370px; margin-left:15px; margin-top:10px; font-size:0.9em; display:inline;  }
#footerLinks a:link, #footerLinks a:visited { color:#133E8C; text-decoration:none; }
#footerLinks a:hover { color:#FFFFFF; background-color:#133E8C; text-decoration:none; }
#footer_lottery_link { float:right; width:100px; margin-right:10px; display:inline; }



#awards_footerLinks { float:right; width:570px; margin-right:15px; margin-top:10px; font-size:0.9em; display:inline; text-align:right;  }
#awards_footerLinks a:link, #awards_footerLinks a:visited { color:#133E8C; text-decoration:none; }
#awards_footerLinks a:hover { color:#FFFFFF; background-color:#133E8C; text-decoration:none; }
#awards_footer_lottery_link { float:right; width:160px; margin-left:15px; }


/*
div.blockShadow {background:#fff url(/images/layout/blockShadow.jpg) 100% 100% no-repeat; margin-left:3px; margin-right:15px;}
div.blockShadowDiv {background:#fff url(/images/layout/blockShadow.jpg) 100% 100% no-repeat; padding-right:3px; margin-left:2px; padding-top:2px; }
div.blockShadowDiv div {margin-bottom:-4px; margin-top:-5px; margin-left:-2px;}
*/
/* 
.blockShadowImg {background:#fff url(/images/layout/blockShadow.jpg) 100% 100% no-repeat; padding-right:3px; margin-left:2px; margin-top:2px;}
div.blockShadowImg img {padding-bottom:4px; margin-bottom:-4px; margin-top:-2px; margin-left:-2px;} 
*/

div.blockShadow {background:#fff url('/images/layout/blockShadow.jpg') 100% 100% no-repeat; margin-left:3px; }
div.blockShadowDiv {background:#fff url('/images/layout/blockShadow.jpg') 100% 100% no-repeat; padding-right:3px; margin-left:2px; padding-top:2px;}
div.blockShadowDiv div {margin-bottom:-4px; margin-top:-5px; margin-left:-2px;}

div.blockShadowImg {background:#fff url('/images/layout/blockShadow.jpg') 100% 100% no-repeat; padding-right:3px; margin-left:2px; margin-top:2px;}
div.blockShadowImg img {padding-bottom:4px; margin-bottom:-4px; margin-top:-2px; margin-left:-2px;}

div.fakeblockShadowImg {padding-right:3px;}
div.shadowBalance {position:relative; left:-3px; top:-3px;}
div.fakeblockShadowImg {padding-right:3px;}

/*
------------------------------------------------------------
SUB NAVIGATION
------------------------------------------------------------
*/

ul.lftNav {margin:0; padding:0; list-style:none; background:#437DBC url('../images/layout/2ndNavBack.gif') 0 0 repeat-x; padding:9px; margin-bottom:15px; margin-right:3px; font-size:0.9em; font-weight:bold;}
ul.secondnav, ul.thirdnav{list-style:none; margin:0; padding:0}

ul.lftNav li {background:url('../images/layout/navArrow.gif') 0 1px no-repeat; padding-left:14px; margin-top:1px;}
ul.secondnav li {background:url('../images/layout/navHole.gif') 0 1px no-repeat; padding-left:14px; margin-top:1px;}
ul.thirdnav li {background:url('../images/layout/navBullet.gif') 0 1px no-repeat; padding-left:14px; margin-top:1px;}

ul.lftNav li.noimage { background-image:none; }

ul.lftNav li.selectedli {background:url('../images/layout/navArrowDn.gif') 0 1px no-repeat;}

ul.lftNav li.drop {background:none; padding:0; margin-top:8px;}
ul.lftNav li.drop select {font-size:80%;}

ul.lftNav li a:link {text-decoration:none; color:#fff;}
ul.lftNav li a:visited {text-decoration:none; color:#fff;}
ul.lftNav li a:hover {text-decoration:none; color:#164492; background:#fff;}
ul.lftNav li a:active {text-decoration:none; color:#fff;}

ul.lftNav li a.selected:link {color:#164492; background:#fff; }
ul.lftNav li a.selected:visited {color:#164492; background:#fff;}
ul.lftNav li a.selected:hover {color:#164492; background:#fff; }
ul.lftNav li a.selected:active {color:#164492; background:#fff; }

#contentCol ul.lftNav li a:link {text-decoration:none; color:#fff;}
#contentCol ul.lftNav li a:visited {text-decoration:none; color:#fff;}
#contentCol ul.lftNav li a:hover {text-decoration:none; color:#164492; background:#fff;}
#contentCol ul.lftNav li a:active {text-decoration:none; color:#fff;}

#contentCol ul.lftNav li a.selected:link {color:#164492; background:#fff; }
#contentCol ul.lftNav li a.selected:visited {color:#164492; background:#fff;}
#contentCol ul.lftNav li a.selected:hover {color:#164492; background:#fff; }
#contentCol ul.lftNav li a.selected:active {color:#164492; background:#fff; }

/*
------------------------------------------------------------
BANNERS
------------------------------------------------------------
*/
.header_banner { padding-bottom:4px; background:#fff url('../images/layout/headerDrop.gif') 0 101% repeat-x; }
h1.header_pagetitle { 
	position:absolute;
	font-size:1.4em;
	top:145px;
	left:0px;
	margin:0;
	padding:20px 10px 20px 10px;
	color:#133E8C;
	background-color:#FFFFFF;
	width:280px;
	opacity:0.75;
	filter:alpha(opacity=75);

}
#headerImg {padding-bottom:4px; background:#fff url('../images/headerDrop.gif') 0 101% repeat-x;}

.banner_quote {
	position:absolute;
	font-size:1.2em;
	top:145px;
	left:355px;
	margin:0;
	padding:0px 0px 0px 0px;
	width:400px;
	text-align:center;
}

.banner_quote_text {
	color:#133E8C;
	background-color:#000000;
	color:#FFFFFF;
	opacity:0.85;
	filter:alpha(opacity=85);
	font-weight:bold;
	padding:0 2px 0 2px;
	font-style:italic;
}

.banner_quote_arrtibuted {
	color:#133E8C;
	background-color:#000000;
	color:#FD3AEE;
	opacity:0.85;
	filter:alpha(opacity=85);
	font-weight:bold;
}

/*
------------------------------------------------------------
BREADCRUMB ROW
------------------------------------------------------------
*/
.breadcrumbrow { margin:15px 15px 15px 15px; color:#999999; font-size:0.9em; }
.breadcrumbrow  a:link, .breadcrumbrow  a:visited { color:#999999; text-decoration:none; }
.breadcrumbrow  a:hover { color:#FFFFFF; text-decoration:none; background-color:#999999; }

.staging_box { background-color:#FF0000; position:fixed; width:100%; z-index:50; border-bottom: 1px solid #D6D4D2; }
.staging_box_inner { width:760px; margin:auto; padding:5px 0px 5px 0px; color:#FFFFFF; font-weight:bold; }