/*
	Filename         :	navigation.css
	Version			 :	3.1 (REDESIGN_2010)
	Last updated by  :	KS, The Guild (kaoru@theguildnetwork.com)
	Last Updated     :	3.0 / 20 January 2010: Navigation styles for LHC and RHC. Used in all templates where these structures exist. A mess. Needs rationalisation once final design approval.
						Jan - May 2010: Minor cosmetic updates
						3.1 / 25 June 2010: Search update adds search box styles for RHC
						3.1.2 / 12 July 2010: Tweaks to RHC search box
						3.1.3 / 22 July 2010: Opera browser fixes
*/

/*START: STYLES FOR TOP STRAPLINE AND 'TOTALIZER' BAR*/
#topbar
{
	background: url(../images/bgDateTag.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	width: 1010px;
	clear: both;
	height: 45px;
}

#topbar img
{
	background-image: url(../images/hdr_jeans_for_genes.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#topbar .totalizer
{
	height: 41px;
	width: 186px;
	float: right;
	margin: 8px 50px 0px 0px;
	padding: 0px;
	display: inline;
}

#topbar .totalizer p
{
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin: 3px 0px 0px;
	padding: 0px;
	line-height: 11pt;
}

#topbar .totalizer p.total { font-size: 12pt; }

/*START: STYLES FOR LOGIN BOX*/
#sidebar #login, #leftnav #login
{
	background: #3c9fe4 url(../images/bg_login_mid.gif) repeat-x left bottom;
	margin: 0px 0px 0.2em;
	padding: 0px;
	width: 183px;
	height: 188px;
}

#sidebar #login .login_top, #leftnav #login .login_top
{
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_login_top.gif) no-repeat left top;
	min-height: 20px;
}

#sidebar #login h2, #leftnav #login h2
{
	font-size: 0.9em;
	font-weight: bold;
	color: #ffb321;
	float: left;
	width: auto;
	margin: 0px;
	padding: 8px 0px 0px 16px;
}

#sidebar #login p, #leftnav #login p
{
	font-size: 0.7em;
	margin: 0px;
	padding: 9px 14px 0px 0px;
	float: right;
}

#sidebar #login span.welcomeText, #leftnav #login span.welcomeText
{
	font-size: 0.7em;
	color: #fff;
	margin: 1px 13px 12px 16px;
	padding: 0px;
	display: block;
}

#sidebar #login a, #leftnav #login a
{
	color: #fff;
	text-decoration: none;
}

#sidebar #login a:hover, #leftnav #login a:hover { text-decoration: underline; }

#sidebar #login #pseudoForm
{
	display: block;
	background: url(../images/bg_login_btm.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 5px;
	clear: both;
}

#sidebar #login fieldset
{
	border-style: none;
	margin: 0px;
	padding: 3px 0px 7px;
}

#sidebar #login label
{
	font-size: 0.7em;
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	line-height: normal;
}

#sidebar #login input
{
	background: url(../images/bg_login_input.gif) repeat-x left top;
	border-style: none;
	height: 19px;
	margin: 3px 0px 3px 9px;
	padding: 2px;
	width: 159px;
}

#sidebar #login input.go
{
	font-size: 0.8em;
	color: #002b8d;
	margin: 3px 0px 0px 102px;
	padding: 2px 0px 3px 0px;
	display: block;
	height: 24px;
	width: 61px;
	text-align: center;
	background: url(../images/btn_go.gif) no-repeat left top;
	font-weight: bold;
}

#sidebar #login input.go:active
{
	background: url(../images/btn_go_on.gif) no-repeat left top;
	color: #0081dc;
	text-decoration: none !important;
}

#sidebar #login span.forgot
{
	font-size: 0.7em;
	float: right;
	margin-right: 11px;
}

#sidebar #login a.reghere
{
	background: url(../images/btn_reg_here.gif) no-repeat left top;
	height: 43px;
	width: 155px;
	float: right;
	text-align: center;
	margin: 15px 11px 0px 0px;
	padding: 10px 0px 0px;
	clear: both;
}

#sidebar #login a.reghere:hover
{
	text-decoration: none;
	background: url(../images/btn_reg_here_on.gif) no-repeat left top;
}

#sidebar #login ul.login, #leftnav #login ul.login
{
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px 12px 0px;
	width: 183px;
	clear: both;
}

#sidebar #login ul.login li, #leftnav #login ul.login li
{
	display: block;
	margin: 0px 0px 11px 10px;
	padding: 0px;
	height: 21px;
	width: 159px;
	font-weight: bold;
	color: #fff;
	background-image: none!important;
}

#sidebar #login ul.login a, #leftnav #login ul.login a
{
	height: 19px;
	width: 147px;
	display: block;
	margin: 0px;
	padding: 2px 0px 0px 12px;
}

#sidebar #login ul.login a:hover { text-decoration: none; }

#login .loginMenu
{
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* OVERRIDING BUTTON STYLES KS 19feb09 */
ul.education, ul.donate
{
	padding: 0;
	margin: 0.2em 0 0 0px!important;
	list-style-type: none;
}

ul.education li, ul.donate li, #leftnav ul.donate li
{
	padding: 0;
	margin-left: -10px;
}

ul.education li a.education
{
	display: block;
	width: 199px;
	height: 143px;
	background: url(../images/btnSubpageEducation.jpg) no-repeat left top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

ul.education li a.education:hover { background-position: 0 -143px; }

ul.donate li a.donate
{
	display: block;
	width: 199px;
	height: 143px;
	background: url(../images/btnSubpageDonate.jpg) no-repeat left top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

ul.donate li a.donate:hover { background-position: 0 -143px; }

/*START: STYLES FOR LEFT VERTICAL NAVIGATION MENU*/
#leftnav
{
	margin-left: 20px;
	padding: 0px;
	float: left;
	width: 200px;
	display: inline;
}

#leftnav ul
{
	list-style: none;
	margin: 0px 0px 0.6em 0px;
	padding: 0px;
}

#leftnav li
{
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px;
}

#leftnav li.on
{
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 178px;
}

#leftnav li.on a
{
	display: block;
	color: #666;
}

#leftnav li.nomenu a { color: #666; }

#leftnav li a
{
	color: #005590;
	text-decoration: none;
	display: block;
	width: 178px;
	line-height: normal;
	min-height: 20px;
	margin: 0px;
}

#leftnav li a:hover
{
	color: #189cf3;
	text-decoration: underline;
}

#leftnav li.on ul.submenu
{
	padding: 0px;
	width: 170px;
	clear: both;
	margin: 0px 0px 5px 0px;
}

#leftnav li.on ul.submenu li
{
	margin-left: 1.2em;
	padding: 0px;
	padding-top: 3px;
	text-transform: none;
	font-size: 1em;
	border-bottom: 1px solid #d9d9d9;
	width: 170px;
	color: #777;
	background-image: none!important;
}

#leftnav li.on ul.submenu a
{
	background-image: none!important;
	color: #0081dc;
	width: 170px;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: normal;
}

#leftnav li.on ul.submenu a.thispage { color: #777; }
#leftnav li.on ul.submenu a:hover { text-decoration: underline; }
#leftnav  li.on  ul.submenu  li.off { border-bottom: none; }
#leftnav ul.submenu li { width: 90%!important; }

#leftnav .signup
{
	width: 186px;
	margin: 10px 0px;
	padding: 17px 0px 0px;
	background: #def4ff url(../images/bg_signup_top.gif) no-repeat left top;
}

#leftnav .signupbtm
{
	background: url(../images/bg_signup_btm.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 186px;
}

#leftnav .signup p
{
	margin: 0px;
	padding: 3px 0px 0px 4px;
	font-size: 0.7em;
}

#leftnav .signup a
{
	font-weight: bold;
	text-decoration: none;
	color: #005590;
	line-height: 1.2em;
}

#leftnav .signup a:hover { text-decoration: underline; }
#leftnav .rightad a:hover { text-decoration: underline; }
#leftnav .rightad h3 a { color: #0240b2; }

/* register button styles added by KS 30/04/08 */
ul.register
{
	padding: 0;
	margin: 0px 0px 0px -10px;
	list-style: none;
}

ul.register li
{
	background: url(../images/img_register.gif) no-repeat left top;
	height: 71px;
	width: 186px;
}

ul.register li a.register
{
	display: block;
	width: 186px;
	height: 71px;
	background: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

ul.register li a.register:hover { background: url(../images/img_register_on.gif) no-repeat left top; }

/* left nav download button added by KS 14/08/08 */
#leftnav ul.download
{
	padding: 0;
	margin: 10px 0px;
}

#leftnav ul.download li
{
	background: url(../images/img_download.jpg) no-repeat left top;
	height: 71px;
	width: 186px;
}

#leftnav ul.download li a.download
{
	display: block;
	width: 186px;
	height: 71px;
	background: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#leftnav ul.download li a.download:hover { background: url(../images/img_download_on.jpg) no-repeat left top; }

/* extra styles for ad landing form */
#leftnav .pictureright .caption, #sidebar .pictureright .caption
{
	font-size: 0.6em;
	line-height: normal;
	font-weight: normal;
	color: #010101;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* new reduced account signin box - KS 06-01-09 */
#accountBox
{
	padding: 5px 10px 0 10px;
	background: url(../images/bg_accountBox.gif) top left no-repeat;
}

.accountBoxBtm
{
	background: url(../images/bg_accountBox_btm.gif) bottom left no-repeat;
	height: 15px;
	margin-bottom: 0.8em;
	margin-top: -0.3em;
}

#accountBox h2 { color: #0240b2; }

#accountBox p
{
	color: #333;
	margin-bottom: 0.3em;
}

#accountBox p a { color: #005590; }

/* revised login form styles - KS JAN-09 */
#sidebar #accountBox #pseudoForm
{
	display: block;
	margin: 0px;
	padding: 0;
	clear: both;
}

#sidebar #accountBox fieldset
{
	border-style: none;
	margin: 0px;
}

#sidebar #accountBox label
{
	font-size: 0.7em;
	padding: 0px;
	line-height: normal;
	color: #005590;
}

#sidebar #accountBox input
{
	background: url(../images/bg_login_input.gif) repeat-x left top;
	height: 19px;
	width: 156px;
	border: 1px #999 solid;
	margin-top: 1px;
	margin-bottom: 3px;
}

#sidebar #accountBox input.go
{
	padding: 2px 0px 3px 0px;
	margin-left: -3px;
	display: block;
	text-align: center;
	background: url(../images/btnLogin.gif) no-repeat left top;
	font-weight: bold;
	float: left;
	font-size: 0;
	width: 90px;
	height: 32px;
	border: 0;
	text-indent: -999em;
}

#sidebar #accountBox input.go:hover, #sidebar #accountBox input.go:active { background-position: 0 -32px; }

#sidebar #accountBox span.forgot
{
	font-size: 0.6em;
	display: block;
	float: right;
	margin-right: 0.4em;
	padding-top: 6px;
}

#sidebar #accountBox p.small
{
	font-size: 0.6em;
	margin: 0.4em 1em 0 0;
	padding-left: 0.5em;
}

#sidebar a.reghere
{
	background: url(../images/btnSubpageFundraisingPack.gif) no-repeat left top;
	height: 94px;
	width: 187px;
	text-align: center;
	margin: 0 0 0.6em -2px;
	display: block;
}

#sidebar a.reghere:hover
{
	text-decoration: none;
	background-position: 0 -94px;
}

#sidebar a.reghere span { visibility: hidden; }

/* social link bar */
.socialLinkBar { margin-top: 1.2em; }

.socialLinkBar h3
{
	margin-bottom: 0;
	margin-left: 0.4em;
}

.socialLinkBar ul
{
	margin: 0.3em 0 1.2em 0.2em!important;
	padding-left: 0!important;
}

.socialLinkBar ul li
{
	float: left;
	width: 34px;
	height: 34px;
	margin-right: 12px!important;
	background-image: none!important;
}

.socialLinkBar ul li a
{
	width: 34px!important;
	height: 34px!important;
	background: left top no-repeat;
	padding: 0!important;
}

.socialLinkBar ul li a span
{
	position: absolute;
	margin-left: -2000px;
}

.socialLinkBar ul li a.twitter { background-image: url(../images/icon_twitter.gif); }
.socialLinkBar ul li a.facebook { background-image: url(../images/icon_facebook.gif); }
.socialLinkBar ul li a.flickr { background-image: url(../images/icon_flickr.gif); }
.socialLinkBar ul li a.youtube { background-image: url(../images/icon_youtube.gif); }
.socialLinkBar ul li a.twitter:hover { background-image: url(../images/icon_twitter_over.gif); }
.socialLinkBar ul li a.facebook:hover { background-image: url(../images/icon_facebook_over.gif); }
.socialLinkBar ul li a.flickr:hover { background-image: url(../images/icon_flickr_over.gif); }
.socialLinkBar ul li a.youtube:hover { background-image: url(../images/icon_youtube_over.gif); }


/* social link bar 02 - at bottom of page horizontal 05.02.10 */

.socialLinkBar02 { margin:0.8em 0 0.6em 1.8em;}

.socialLinkBar02 h2
{
	float: left;
	width:10em;
}

.socialLinkBar02 ul
{
		float: left;
list-style-image:none;
list-style-type:none;
	margin: 0;
	padding-left: 0!important;
}

.socialLinkBar02 ul li
{
display: inline;
	float: left;
	width: 34px;
	height: 34px;
	margin-right: 2px!important;
	background-image: none!important;
}

.socialLinkBar02 ul li a
{
	width: 34px!important;
	height: 34px!important;
	background: left top no-repeat;
	padding: 0!important;
	display:block;
}

.socialLinkBar02 ul li a span
{
	position: absolute;
	margin-left: -2000px;
}

.socialLinkBar02 ul li a.twitter { background-image: url(../images/icon_twitter.gif); }
.socialLinkBar02 ul li a.facebook { background-image: url(../images/icon_facebook.gif); }
.socialLinkBar02 ul li a.flickr { background-image: url(../images/icon_flickr.gif); }
.socialLinkBar02 ul li a.youtube { background-image: url(../images/icon_youtube.gif); }
.socialLinkBar02 ul li a.twitter:hover { background-image: url(../images/icon_twitter_over.gif); }
.socialLinkBar02 ul li a.facebook:hover { background-image: url(../images/icon_facebook_over.gif); }
.socialLinkBar02 ul li a.flickr:hover { background-image: url(../images/icon_flickr_over.gif); }
.socialLinkBar02 ul li a.youtube:hover { background-image: url(../images/icon_youtube_over.gif); }

/* new right column ad styles KS 12 Feb 10 */

#sidebar .adPanel
{
	width: 150px;
	background: url(../images/bgSidebarAd.gif) no-repeat;
	float: left;
	margin-right: 0;
	padding: 20px;
	font-size: 1em;
	min-height: 205px;
}

#sidebar .adPanel h2
{
	padding-bottom: -3px;
	border-bottom: 1px #ece9e9 solid;
	margin-bottom: 6px;
	margin-top: -10px;
}

#sidebar .adPanel img
{
	width: 150px;
	height: 88px;
}

#sidebar .vignette
{
	position: absolute;
	margin-top: -95px;
	width: 150px;
	height: 88px;
	display: block;
	background-image: url(../images/bgHomePageVignette.png);
	margin-bottom: 6px;
}

#sidebar a.tileButton
{
	position: absolute;
	display: block;
	width: 190px;
	height: 235px;
	z-index: 1000;
	margin-left: -20px;
	margin-top: -20px;
}
#sidebar a:hover, #sidebar a:active { background-image: url(../images/bgSidebarAd_hover.png); }

#sidebar a span
{
	position: absolute;
	left: -3000px;
}

/* sidebar search box - July 2010 */

div.searchBox
{
	background: url(../images/bgSidebarSearchbox.gif) no-repeat bottom;
	width: 190px;
	height: 85px;
	float: left;
	margin-bottom: 0.8em;
}

div.searchBox fieldset
{
	border: 0;
	border-style: none;
	margin-top: 10px;
	margin-left: 15px;
}

div.searchBox fieldset legend
{
	margin-bottom: -4px;
	font-weight: bold;
	display: block;
	width: 200px;
	margin-left: 5px;
	height: 24px;
}

div.searchBox fieldset input.textBox
{
	background: #fff url(../images/bgSearchAgainTextInput.gif) no-repeat;
	width: 86px;
	height: 18px;
	padding: 2px 5px;
	border: solid 1px #dfdfdf;
	margin-left: 2px;
	color: #666;
}

div.searchBox input.goButton
{
	width: 60px;
	height: 30px;
	background: url(../images/btnGoSmall.png);
	border: 0;
	border-style: none;
	padding-left: 60px!important;
	outline: none!important;
	color: transparent!important;
	margin-top: 3px;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
}
div.searchBox input.goButton:hover, div.searchBox input.goButton:active
{ 
	background-image: url(../images/btnGoSmall.png)!important;
	background-position: 0 -30px!important;
}