@charset "UTF-8";

/* Keyv
-------------------------------------------------- */
#keyv {
	position: relative;
	width:1000px;
	height: 340px;
	background: url("/img/home/bg_keyv.jpg") no-repeat 0 100%;
	margin: 0 auto 4px;
}
#keyv .inner {
	height: 259px;
	padding: 44px 38px 34px 38px;
}
#keyv .leftBox {
	width: 575px;
	padding-top: 6px;
}
#keyv h1 {
	line-height: 1.4;
	font-size: 26px;
	text-shadow: 1px 1px 1px #ffffff;
	}
#keyv h1 a{
	text-decoration: underline;
}
.keyvDiscription {
	font-size:120%;
	margin-bottom: 8px;
	font-weight: bold;
}
.kerningRight { letter-spacing: -0.33em; }

#searchForm {
	position: absolute;
	top: 210px;
	left: 38px;
	background-repeat: no-repeat !important;
}
#searchLabel {
	display: block;
	margin-bottom: 4px;
}
#keyv #q {
	position: relative;
	zoom: 1;
	width: 300px;
	height: 1.8em;
	padding: 5px 5px 5px 28px;
	border: 1px solid #948872;
	line-height: 1.8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #ffffff url("/img/home/bg_search.gif") no-repeat 7px 50%;
	background-repeat: no-repeat !important;
	box-shadow: inset 1px 1px 1px rgba(221,221,221,0.25);
	-moz-box-shadow: inset 1px 1px 1px rgba(221,221,221,0.25);
	-webkit-box-shadow: inset 1px 1px 1px rgba(221,221,221,0.25);
	behavior: url("/common/js/PIE.htc");
}

#keyv #q:not(:target) {
	behavior: none\9;
}
#submitButton { margin-left: 8px; }
#keyv input:focus{ background-color: #FFF; }

#keyv .rightBox { width: 335px; }
#keyv .rightBox p {
	padding-top: 228px;
	padding-top: 8px;
	text-align: center;
}
#keyv #charityList {
	position: absolute;
	top: 276px;
	left: 38px;
	font-weight: bold;
}

#keyv #challengeStart {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	height:32px;
	width:224px;
	background-image: url(/img/home/btn_challenge.gif);
}

#keyv #challengeStart:hover {
	background-position: 0 -32px;
}

/* Main
-------------------------------------------------- */
#main {
	float: left;
	width: 660px;
	padding-right: 3px;
}

.infoBox {
	background: url(/img/home/bg_info.gif) no-repeat 0 100%;
	margin-bottom: 12px;
}
.infoBox h2 {
	background: url(/img/home/h_info.gif) no-repeat 0 0;
	height:26px;
	line-height: 27px;
	padding-left: 7px;
	letter-spacing: 2px;
}

.infoBox ul {
	padding: 10px 14px;
}
.infoBox ul li {
	background: url("/img/common/arrow_red.gif") no-repeat 0 50%;
	padding-left: 10px;
}

.infoBox a {
	color: #3B59BB;
}

.infoBox a:hover {
	color: #D9342F;
}

.aboutBox {
	background: url(/img/home/bg_about.gif) no-repeat 0 100%;
	margin-bottom: 10px;
}
.aboutBox .inner {
	background: url(/img/home/bg_about_top.gif) no-repeat 0 0;
	padding: 0 13px;
}
.aboutBox .leftBox,
.aboutBox .rightBox {
	width: 300px;
	padding: 13px 0;
}
.aboutBox img {
	float: left;
}
.aboutBox p {
	font-size: 85%;
	width:175px;
	float: right;
	margin: 0;
}
.aboutBox h3 {
	font-size: 115%;
	width:175px;
	float: right;
}

ul#interview {
	background: url("/img/home/line_interview.gif") repeat-x 0 100%;
}
ul#interview  li {
	float: left;
	width: 210px;
	padding: 2px 0 10px;
	font-size: 85%;
}
ul#interview  img {
	margin-right: 10px;
	margin-left:2px;
}

.pickBox h3{
	background: url(/img/common/h3.gif) no-repeat 0 0;
	padding: 0 8px;
	line-height: 27px;
	height: 26px;
	position: relative;
}

.pickBox h3 .span {
	float: left;
}
.pickBox h3 .more {
	display: block;
	font-weight: normal;
	font-size: 90%;
	position: absolute;
	right: 7px;
	top: 0;
}

#hAbout,
#hInterview,
#hPickup{
	height: 37px;
	margin-bottom:10px;
	text-indent:-5000px;
}
#hAbout {
	background: url("/img/common/h_about.gif") no-repeat 0 0;
}
#hInterview {
	background: url("/img/common/h_interview.gif") no-repeat 0 0;
}
#hPickup {
	background: url("/img/common/h_pickup.gif") no-repeat 0 0;
}

#sportsBox dl,
#companyBox dl,
#npoBox dl {
	overflow: hidden;
}
#sportsBox table th,
#companyBox table th,
#npoBox table th {
	width:88px;
	padding:7px 0 5px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}
#sportsBox table td,
#companyBox table td,
#npoBox table td {
	padding:5px 0;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}
#sportsBox table td h4,
#companyBox table td h4,
#npoBox table td h4 {
	margin-bottom:5px;
	padding-left:3px;
}
#sportsBox table td p {
	padding:10px 10px 10px 13px;
	background: url("/img/common/bg_balloon_sports.gif") no-repeat 0 50%;
}

#companyBox table td p {
	padding:10px 10px 10px 13px;
	background: url("/img/common/bg_balloon_company.gif") no-repeat 0 50%;
}
#npoBox table td p {
	padding:10px 10px 10px 13px;
	background: url("/img/common/bg_balloon_npo.gif") no-repeat 0 50%;
}
#sportsBox table,
#companyBox table,
#npoBox table{
	width:100%;
	margin:3px 0 10px;
}

/* Sidebar
-------------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
}

#sidebar a.bnr {
	display: block;
	height: 100px;
	overflow: hidden;
	margin-bottom: 10px !important;
}
#sidebar .section{
	margin-bottom:10px;
}
#jgNews {
	padding-bottom: 6px;
	background: url("/img/common/bg_jgnews_bottom.gif") no-repeat 0 100%;
}
#hJgNews {
	height: 31px;
	background-image: url("/img/common/h_jgnews.gif");
}
#hSnColumn {
	height: 31px;
	background-image: url("/img/common/h_column.gif");
}
#snColumn{
	padding-bottom: 6px;
	background: url("/img/common/bg_jgnews_bottom.gif") no-repeat 0 100%;
}
#snColumn ul{
	padding: 0 10px;
	background: url("/img/common/bg_jgnews_middle.gif") repeat-y 0 0;
}
#snColumn li {
	clear: left;
	padding: 11px 0;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
	font-size: 95%;
	height: 55px;
}
#snColumn img {
	margin-right: 10px;
	margin-left:2px;
}
#jgNews dl {
	padding: 0 10px;
	background: url("/img/common/bg_jgnews_middle.gif") repeat-y 0 0;
}
#jgNews p, #snColumn p {
	padding: 5px 10px;
	background: url("/img/common/bg_jgnews_middle.gif") repeat-y 0 0;
}
#jgNews dt { padding-top: 8px; }
#jgNews dd {
	padding-bottom: 11px;
	background: url("/img/common/line_dot.gif") repeat-x 0 100%;
}

#hShare {
	height: 31px;
	background-image: url("/img/common/h_share.gif");
}
#shareBox .inner {
	background: url("/img/common/bg_share.gif") no-repeat 0 100%;
	padding-bottom: 5px !important;
	*padding-bottom: 10px !important;
}

#shareTable {
	width: 200px;
	margin: 0 auto;
}

#linkBox li { margin-bottom: 10px; }
#linkBox li img { vertical-align: top; }
#hChallenge {
	height: 19px;
	margin-bottom: 8px;
	background-image: url("/img/common/h_challenge.gif");
}


.hidden {
	display: none !important;
}