/*
	Filename         :	homepage.css
						Homepage specific styles
*/

/* modifications of styles in screen.css */

#main
{
	margin: -10px 15px 0;
	padding: 0 21px 0 15px;
	clear: both;
	background-color: #fff;
}

#topbar .totalizer p
{
	width: 213px;
	padding: 7px 4px 3px;
	margin-bottom: 12px;
}

/* horizontal navbar */

#navBar
{
	width: 936px;
	height: 24px;
	padding-left: 40px;
	font-size: 1.1em;
	margin-top: -45px;
}

#navBar ul
{
	list-style-type: none;
	float: left;
	padding: 8px 5px 0 0;
	margin: 0;
}

#navBar ul li
{
	float: left;
	border-right: 1px #0088ce solid;
	padding-right: 10px;
	padding-bottom: 0 !important;
	margin-left: 0;
	margin-right: 1em;
}

#navBar ul li:last-child
{
	border: 0;
	margin-right: 0;
}

#navBar ul li a { color: #004e9a; }
#navBar ul li a:hover
{
	text-decoration: none;
	color: #0088ce;
}

/*the rows */

#topRow, #middleRow, #bottomRow
{
	padding: 0;
	clear: both;
	border-bottom: 2.5px #ffd448 dashed;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

#topRow { height: 291px; }
#middleRow { height: 130px; }
#bottomRow { height: 247px; }

/* hero area */

#heroPanel
{
	width: 699px;
	height: 291px;
	float: left;
	margin-right: 20px;
	padding-left: 6px;
}

#heroPanel p a
{
	width: 161px;
	height: 50px;
	display: block;
	position: relative;
	margin-top: -90px;
	margin-left: 510px;
	z-index: 1000;
	background-image: url(../images/btnHomepageFindOtMore.png);
}

#heroPanel p a:hover,
#heroPanel p a:active { background-position: bottom; }

/* Search box - adapts RHC search box styles established in navigation.css */

div.searchBox { margin-bottom: 6px; }

div.searchBox fieldset input.textBox
{
	width: 141px;
	margin-bottom: 6px !important;
}

/* GDUK tile */

a.GDUKad
{
	width: 219px;
	height: 193px;
	display: block;
	background: url(../images/btnGDUK.jpg) no-repeat;
	float: right;
}

a.GDUKad:hover { background-position: right; }

/* donate button */

.donateNow
{
	width: 197px;
	height: 37px;
	display: block;
	background: url(../images/btnHomepageDonate.gif) no-repeat;
	float: right;
	margin-right: 2px;
	margin-top: 12px;
	color: #FFF;
	padding-top: 11px;
	text-align: center;
	padding-right: 20px;
}

.donateNow:hover
{
	background-position: bottom;
	color: #ffc50b;
	text-decoration: none;
}

.donateNow a { color: #fff; }
.donateNow a:hover { color: #ffc50b; }

#middleRow .fullHeight,
#bottomRow .fullHeight
{
	float: left;
	margin-right: 20px;
}

/* middle and bottom row ad panels */

#middleRow a.tileButton
{
	display: block;
	height: 60px;
	width: 170px;
	text-decoration: none;
	color: #231F20;
	font-size: 0.7em;
	padding-left: 20px;
	padding-top: 70px;
	padding-right: 270px;
}

#bottomRow a.tileButton
{
	display: block;
	height: 168px;
	width: 189px;
	text-decoration: none;
	color: #fff;
	font-size: 0.7em;
	padding: 15px;
	padding-top: 64px;
}

#middleRow a.tileButton.work { background: url(../images/bgHomepagePlanDayWork.jpg) top no-repeat; }
#middleRow a.tileButton.school { background: url(../images/bgHomepagePlanDayPlay.jpg) top no-repeat; }

/* placeholder ad - replaced by inline styles with static images placed in CMS */
#bottomRow a.tileButton { background: url(../images/bgHomepageAdPlaceholder.jpg) top no-repeat; }

a.tileButton:hover, a.tileButton:active { background-position: bottom !important; }

/* intro text columns */

.introPane
{
	width: 460px;
	float: left;
	margin-right: 20px;
}

.introPane h2
{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/* remove margin from last item in a row */
.lastItem { margin-right: 0 !important; }

/* items hidden left from stylesheet enabled browsers (Accessibility) */

h1,
a span,
#heroPanel h2 span,
.fullHeight h2
{
	position: absolute;
	left: -3000px;
}