/* Screen Stylesheet */

/* Import blueprint: */

@import 'blueprint/screen.css';

body {
	margin: 20px 0 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}

p, h1, h2, h3, h4, h5, table, ul, li, #footer {
	color: #3486B1;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 0.5em;
}

p {
	margin: 0 0 1em;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 22px;
}
a, a:visited, a:active, a:focus {
	color: #888;
	text-decoration: none;
}

a:hover {
	color: #BF9E19;
	text-decoration: none;
}

body p img, body img {
	float: none;
	margin: 0;
}

ul li ul {
	margin-bottom: 0;
}

li.pdf {
	list-style-image: url(/images/pdf-icon.jpg);
}

li.doc {
	list-style-image: url(/images/word-icon.jpg);
}

li.xls {
	list-style-image: url(/images/excel-icon.jpg);
}

/* Layout styles */

#wrap {
	width: 800px;
	margin: 0 auto;
	position: relative

}

#wrap2 {

	margin: 0 auto;
	position: relative

}


#page-home #header {
	height: 359px;
	position: relative;
	margin: 0 0 4px;
}

.sub-page #header {
	height: 190px;
	position: relative;
	margin: 0 0 4px;
}

#header #logo {
	width: 275px;
	height: 94px;
	float: left;
}

#header #logo a,
#header #logo a:visited,
#header #logo a:active,
#header #logo a:focus,
#header #logo a:hover {
	display: block;
	width: 275px;
	height: 94px;
	text-indent: -3000em;
	background: url(../images/graphics-sprite.jpg) left -259px no-repeat;
}

#header #main-menu {
	float: left;
	width: 525px;
	height: 28px;
	padding: 66px 0 0;
}

#header #main-menu ul {
	list-style: none;
	margin: 0;
	float: right;
}

#header #main-menu ul li {
	list-style-type: none;
	float: left;
	display: inline;
}

#header #main-menu ul li a,
#header #main-menu ul li a:active,
#header #main-menu ul li a:visited,
#header #main-menu ul li a:focus
{
	display: block;
	float: left;
	margin: 0 12px 0 0;
	padding: 0 0 0 30px;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	background: url(../images/graphics-sprite.jpg) -234px -374px no-repeat;
	text-decoration: none;
	letter-spacing: 0;
}

#header #main-menu ul li.last a,
#header #main-menu ul li.last a:active,
#header #main-menu ul li.last a:visited,
#header #main-menu ul li.last a:focus
{
	margin: 0;
}

#header #home-banner {
	float: left;
	width: 800px;
	height: 259px;
	margin: 6px 0 0;
	background: url(../images/graphics-sprite.jpg) left top no-repeat;
	text-indent: -3000em;
}

#header #sub-page-banner {
	float: left;
	width: 800px;
	height: 90px;
	margin: 6px 0 0;
	text-indent: -3000em;
	background: url(../images/graphics-sprite.jpg) left -511px no-repeat;
}
#footer {
	clear: both;
}

#footer {
	height: 25px;
	margin: 0 0 10px;
}

#footer #copyright {
	float: left;
}

#footer #text-menu {
	float: right;
}

/* General content element styles */

.box {
	border: 2px solid #E8E8E8;
	padding: 15px;
	margin: 0 4px 4px 0;
}

.box.grey {
	background: #E8E8E8;
	padding: 0;
	border: none;
}

.box.grey .box-content {
	padding: 10px;
}

.box.grey .box-content .text-menu {
	list-style: none;
	margin: 0;
	font-size: 14px;
}

.box.grey .box-content .text-menu li {
	list-style-type: none;
}

.box.grey .box-content .text-menu a,
.box.grey .box-content .text-menu a:visited,
.box.grey .box-content .text-menu a:active,
.box.grey .box-content .text-menu a:focus {
	color: #3486B1;
}

.box.grey .box-content .text-menu a:hover {
	color: #BF9E19;
	text-decoration: none;
}

.box.last {
	margin-right: 0;
}

.box h2 {
	font-family: "Impact", "Charcoal", sans-serif;
	color: #3486B1;
}

.box.grey h2 {
	background: #3486B1;
	color: #fff;
	padding: 8px 15px;
	letter-spacing: 2px;
	margin: 0;
	font-size: 28px;
	line-height: 38px;
	height: 38px;
}

.box h2.light {
	color: #98BFD4;
}

#left-column {
	float: left;
	width: 274px;
}

#main {
	float: left;
	width: 486px;
	padding: 10px 20px;
}

#main #breadcrumbs {
	font-size: 10px;
	margin: 0 0 10px;
}

#left-banner {
	width: 270px;
	margin: 0 4px 0 0;
}

#left-banner a,
#left-banner a:visited,
#left-banner a:active,
#left-banner a:focus,
#left-banner a:hover {
	display: block;
	width: 270px;
	text-indent: -3000em;
	text-decoration: none;
}

#left-banner a#adopt-rock {
	height: 81px;
	margin-bottom: 4px;
	background: url(../images/graphics-sprite.jpg) left -819px no-repeat;
}

/* Special home page styles */

#page-home .box {
	float: left;
}

#page-home_Centre .boxCenter {
	float: center;
}

#page-home .box.home-column {
	width: 260px;
	height: 115px;
	padding: 0;
}

#page-home .box.home-column a.big-home-button,
#page-home .box.home-column a.big-home-button:active,
#page-home .box.home-column a.big-home-button:focus,
#page-home .box.home-column a.big-home-button:visited {
	display: block;
	border-left: 4px solid #98BFD4;
	padding: 10px 5px 0 15px;
	height: 105px;
	color: #888;
	line-height: 16px;
}

#page-home .box.home-column a.big-home-button span.title {
	font-family: "Impact", "Charcoal", sans-serif;
	margin: 0 0 5px;
	color: #98BFD4;
	font-size: 22px;
	line-height: 28px;
}

#page-home .box.home-column a.big-home-button:hover {
	border-left: 4px solid #3486B1;
}

#page-home .box.home-column a.big-home-button:hover span.title {
	color: #3486B1;
}

#page-home .box.home-column a.big-home-button span.image-container {
	display: block;
	float:right;
	height:105px;
	margin:0;
	text-indent:-3000em;
	width:52px;
}

#page-home #play.box a.big-home-button span.image-container {
	background: url(../images/graphics-sprite.jpg) -417px -374px no-repeat;
}

#page-home #active.box a.big-home-button span.image-container {
	background: url(../images/graphics-sprite.jpg) -469px -374px no-repeat;
}

#page-home #sociable.box a.big-home-button span.image-container {
	background: url(../images/graphics-sprite.jpg) -521px -374px no-repeat;
}

#page-home #home-sub-menu-and-banner-space {
	float: left;
	width: 383px;
	margin: 0 4px 4px 0;
}

#page-home #home-sub-menu-and-banner-space #home-sub-menu {
	background: #3486B1;
	color: #fff;
	font-family: "Impact", "Charcoal", sans-serif;
	font-size: 16px;
	padding: 15px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 4px 0;
	text-align: center;
	letter-spacing: 1px;
}

#page-home #home-sub-menu-and-banner-space #home-sub-menu a,
#page-home #home-sub-menu-and-banner-space #home-sub-menu a:visited,
#page-home #home-sub-menu-and-banner-space #home-sub-menu a:active,
#page-home #home-sub-menu-and-banner-space #home-sub-menu a:focus {
	color: #fff;
	text-decoration: none;
	padding: 0 8px;
}

#page-home #home-sub-menu-and-banner-space #home-sub-menu a:hover {
	color: #ccc;
}

#page-home #home-sub-menu-and-banner-space #banner-space {
	width: 383px;
	height: 115px;
	text-indent: -3000em;
}

#page-home #home-sub-menu-and-banner-space #banner-space a,
#page-home #home-sub-menu-and-banner-space #banner-space a:visited,
#page-home #home-sub-menu-and-banner-space #banner-space a:active,
#page-home #home-sub-menu-and-banner-space #banner-space a:focus,
#page-home #home-sub-menu-and-banner-space #banner-space a:hover {
	display: block;
	width: 383px;
	height: 115px;
	text-indent: -3000em;
}

#page-home #home-sub-menu-and-banner-space #banner-space a#adopt-rock {
	background: url(../images/graphics-sprite.jpg) -417px -259px no-repeat;
}

#page-home #leagues-sub-menu {
	height: 173px;
	margin: 0 15px 4px 0;
	width: 300px;
}

#page-home #big-logo {
	float: left;
	width: 98px;
	height: 158px;
	background: url(../images/graphics-sprite.jpg) left -353px no-repeat;
	text-indent: -3000em;
	margin: 9px 0 10px 0;
}

#page-home #sponsors-box {
	width: 349px;
	height: 70px;
}

#page-home #news-box {
	width: 409px;
	padding: 0;
}

#page-home #news-box .box-content {
	float: left;
	padding: 10px;
	border-right: 2px solid #e8e8e8;
	width: 251px;
	height: 80px;
}

#page-home #news-box #news-image {
	float: left;
	width: 136px;
	height: 100px;
	background: url(../images/graphics-sprite.jpg) -98px -374px no-repeat;
}

#page-home #news-box h2 {
	margin: 0 0 5px;
}

#page-home #news-box p {
	margin: 0;
}