/* ------------------------------------------------------------
	DOCUMENT INFORMATION
	
	Description: Main website styles.
	URL: http://www.icetea.co.uk
	Copyright (c) 2008, Icetea Limited. All rights reserved.
------------------------------------------------------------ */

/* ------------------------------------------------------------
	STYLES
	
	Color 1: #408800 // Main dark color
	Color 2: #f4fbf2 // Light background color
	Color 3: #3A6116 // Drop down menus
	Color 4: #6f8c57 // Drop down hover
	Color 5: #7ea675 // Footer news background
	Color 6: #f4fbf2 // Footer background
	Color 7: #004f77 // TS orange
	Color 8: #004f77 // Green button
	Color 9: #83ae66 // Meet team background
	Color 10: #f3f9f0 // Gallery photo hover
------------------------------------------------------------ */

/* ------------------------------------------------------------
	GLOBAL
------------------------------------------------------------ */

body {
	background-color: white;
	font-family: Helvetica, Arial;
	text-size: 100%;
	color: #464646;
	min-width: 1000px;
	/*width: 100%;
	display: table;
	min-width: 1050px;*/
}

p {
	font-size: 108%;
	line-height: 1.4em;
}

table.table, .table table {
	margin: 0;
}

td {
	font-size: 14px;
	color: #464646;
}

h1 {
	font-size: 220%;
	color: #408800;
	width: 95%;
	margin-bottom: 0.5em;
}

table h1 {
	font-size: 205%;
	color: #408800;
	width: 95%;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 189%;
	color: #408800;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
}

.h2-marginless h2 {
	margin-top: 0;
}

h3 {
	font-size: 123.16%;
	color: #408800;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
}

a {
	color: #408800;
	text-decoration: underline;
}

a:hover {
	color: #004f77;
}

/* ------------------------------------------------------------
	HEADER
------------------------------------------------------------ */

#hd {
	background: url(../../images/backgrounds/header.png) repeat-x;
	height: 50px;
}

.sign-in {
	float: right;
	color: white;
	text-decoration: none;
	font-weight: normal;
	padding: 1.2em 0.2em 1em 1.2em;
}

.sign-in a {
	color: yellow;
	text-decoration: none;
	font-weight: bold;
}

.sign-in a:hover {
	text-decoration: underline;
	color: yellow;
}

/* ------------------------------------------------------------
	DROP DOWN MENUS
------------------------------------------------------------ */

/* STRUCTURAL CODE */

/* All Menus */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* All Links */

#nav a {
	display: block;
	font-size: 100%;
}

/* Top Menu Items */

#nav li {
	float: left;
	margin-right: 0.7em; /* Spacing between top menu items */
	list-style: none;
}

/* Drop Down Menus Items */

#nav li ul {
	position: absolute;
	width: 14em;
	left: -999em;
}

/* Menu Hover */

#nav li:hover ul {
	left: auto;
}

/* Menu Hover for IE */

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* Force Menus To Appear Over SlideShow */

#nav ul {
	z-index:10000;
}

/* IE 7 hack */

#nav li:hover {
	background-position: 0 0;
}

/* FORMATTING CODE */

#hd .ct, #hd2 .ct, #hd3 .ct {
	cursor: default;
}

#nav li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 1.2em 0.2em 1em 1.2em;
}

#nav li a:hover {
	text-decoration: underline;
}

#nav li ul li a {
	background-color: #3A6116;
	width: 11.6em;
	color: white;
	text-decoration: none;
	font-weight: normal;
	padding: 0.6em 1.2em;
}

#nav li ul li a:hover {
	background-color: #6f8c57;
	text-decoration: none;
	color: yellow;
}

/* IE 8 hack */

ul#nav li:hover div, ul#nav li.over div {
    left: 0;
    zoom: 1; /* fix ie7 disappear */
}

ul#nav li:hover, ul#nav li.over {
    height: auto; /* fix ie7 sticky */
}

/* ------------------------------------------------------------
	HOME PAGE HEADER
------------------------------------------------------------ */

#hd2 {
	background-image: url(../../images/backgrounds/header2.png);
}

#hd2 .header-background {
	background: url(../../images/header/full.png) no-repeat 50% 0%;
}

#hd2 .ct {
	height: 385px;
}

/* ------------------------------------------------------------
	STANDARD PAGE HEADER
------------------------------------------------------------ */

#hd3 {
	background-image: url(../../images/backgrounds/header3.png);
}

#hd3 .header-background {
	background: url(../../images/header/compact.png) no-repeat 50% 0%;
}

#hd3 .ct {
	height: 275px;
}

/* ------------------------------------------------------------
	SLIDESHOWS
------------------------------------------------------------ */

#slideshow-wrapper {
	padding-top: 23px;
	padding-left: 17px;
}

#slideshow-header {
	height: 248px;
	margin: 0 auto;
	width: 415px;
	float: left;
}

#slideshow-header a img {
	border: 0;
}

#slideshow-sidebar {
	height: 174px;
	margin: 0 auto;
	width: 290px;
}

#slideshow-greenbanner1 a img {
	border: 0;
}

#slideshow-greenbanner1, #slideshow-greenbanner2, #slideshow-greenbanner3 {
	height: 99px;
	margin: 0 auto;
	width: 141px;
}

#slideshow-greenbanner1 a img, #slideshow-greenbanner2 a img, #slideshow-greenbanner3 a img {
	border: 0;
}

/* ------------------------------------------------------------
	FOOTER
------------------------------------------------------------ */

#ft {
	background: #f4fbf2 url(../../images/backgrounds/footer.png) repeat-x;
	margin-top: 10px;
	padding-top: 2em;
	padding-bottom: 1em;
}

#ft h4 {
	font-size: 174%;
	color: #408800;
}

#ft ul {
	margin-left: 0;
}

#ft li {
	list-style: none;
}

.footer-news a {
	color: white;
	text-decoration: none;
	padding: 0.5em;
	background-color: #7ea675;
	line-height: 2.6em;
}

.footer-news a:hover {
	background-color: #408800;
	color: white;
}

.footer-links a {
	text-decoration: none;
	line-height: 1.6em;
	color: #464646;
}

.footer-links a:hover {
	text-decoration: underline;
	color: #464646;
}

.footer-about h4, .footer-contact h4 {
	margin-bottom: 0.6em;
}

a.footer-more {
	color: #004f77;
	font-weight: bold;
	text-decoration: none;
	margin-top: 1em;
	line-height: 1em;
	padding-left: 0;
	background-color: transparent;
}

a.footer-more:hover {
	color: #408800;
	background-color: transparent;
}

.footer-contact {
	background: url(../../images/footer/envelope.png) no-repeat 100% 10px;
}

/* ------------------------------------------------------------
	FOOTER 2
------------------------------------------------------------ */

#ft2 {
	background-color: #408800;
}

#ft2 .ct {
	text-align: center;
	color: white;
	padding: 0.8em;
	font-size: 85%;
}

.copyright {
	padding-right: 2em;
}

.designed-by {
	padding-left: 2em;
}

.designed-by a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.designed-by a:hover {
	text-decoration: underline;
	color: white;
}

/* ------------------------------------------------------------
	SIDEBAR
------------------------------------------------------------ */

#sidebar {
	background: url(../../images/backgrounds/sidebar.png) repeat-y;
	margin-top: 0.6em;
	padding-bottom: 0.8em;
	margin-bottom: 2em;
}

.sidebar-spacing {
	margin-left: 28px;
}

.sidebar-logos {
	margin-bottom: 1.2em;
}

.sidebar-banner {
	margin-bottom: 1.4em;
}

.sidebar-titlebar {
	background-color: #408800;
	color: white;
	padding: 0.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.sidebar-smallbanner {
	padding-bottom: 0.5em;
}

.sidebar-events {
	margin-bottom: 1.4em;
}

div.sidebar-columns {
	width: 100% !important;
	margin: 0 !important;
	/*overflow: hidden;*/
}

/* Events List */

.sidebar-events-event {
	overflow: hidden;
	width: 100%;
	margin-bottom: 0.8em;
}

.sidebar-events-title {
	font-size: 131%;
	font-weight: bold;
	color: #408800;
	width: 200px;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.2em;
}

.sidebar-events-title a {
	text-decoration: none;
	color: #408800;
}

.sidebar-events-title a:hover {
	text-decoration: underline;
	color: #408800;
}

.sidebar-events-description {
	color: #464646;
	width: 200px;
	padding-left: 0.2em;
	overflow: hidden;
}

.sidebar-events-icon {
	width:  60px;
	height: 61px;
	float: right;
	background: url(../../images/sidebar/calendar.png) no-repeat;
	margin-right: 4px;
}

.sidebar-events-icon div {
	text-align: center;
	padding-top: 14px;
	font-size: 10px;
	color: white;
}

.sidebar-events-icon span {
	text-align: center;
	display: block;
	font-size: 25px;
	color: #7d7d7d;
	padding-top: 3px;
}

.sidebar-events-links {
	padding: 0.4em;
	background-color: #f4f4f4;
}

.sidebar-events-links a {
	font-weight: bold;
	text-decoration: underline;
}

/* Grey Boxed Lists */

.sidebar-lists {
	margin: 0;
}

.sidebar-lists li {
	list-style: none;
	margin: 0;
}

.sidebar-lists a {
	display: block;
	*width: 125px;
	padding: 0.5em;
	font-size: 83%;
	text-decoration: none;
	color: #464646;
	font-family: Verdana;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.sidebar-lists a:hover {
	text-decoration: underline;
	color: #464646;
}

.sidebar-lists-first {
	border-top: 1px solid #e5e5e5;
}

/* Search box */

.sidebar-search {
	background-color: #f4f4f4;
	margin-bottom: 1.2em;
}

.sidebar-search .search-textbox {
	width: 100% !important;
}

/* ------------------------------------------------------------
	HOME PAGE
------------------------------------------------------------ */

.sports-personality-banner {
	margin-bottom: 2.2em;
}

.orange-font {
	color: #004f77;
}

.orange-background {
	background-color: #004f77;
}

/* ------------------------------------------------------------
	NEWS
------------------------------------------------------------ */

/* Home Page */

.news-headline a {
	color: #408800;
	text-decoration: none;
}

.news-headline a:hover {
	text-decoration: underline;
	color: #408800;
}

.news-photo {
	text-align: center;
	margin-bottom: 1em;
}

.news-photo img {
	border: 0.7em solid #ececec;
	padding: 2px;
}

.news-read {
	color: white;
	background-color: #004f77;
	padding: 0.4em;
	font-weight: bold;
	text-decoration: none;
	font-size: 93%;
	margin-left: 1.3em;
}

.news-read:hover {
	color: #408800;
}

.news-introhome {
	padding: 0.6em;
	background-color: #f7f7f7;
}

.news-bar {
	width: 100%;
	overflow: hidden;
	margin-bottom: 2.2em;
}

.news-bar a {
	float: left;
	display: block;
}

.news-date {
	float: right;
	font-style: italic;
	color: #408800;
	padding: 0.4em 1em 0.4em 0.4em;
}

.news-date span {
	font-weight: bold;
	font-style: italic;
}

/* News Page */

.news-page-headline {
	font-size: 138.5%;
	text-decoration: none;
	font-weight: bold;
}

.news-page-headline:hover {
	color: #408800;
	text-decoration: underline;
}

.news-page .news-read {
	margin: 1px 0 0;
}

.news-page .news-bar {
	margin: 1em 0 0;
}

.news-page-item {
	background-color: #f9f9f9;
	margin-bottom: 1em;
	padding: 1em 0.4em 1em 1em;
}

/* News Article */

.news-article-headline {
	font-size: 138.5%;
	color: #408800;
	font-weight: bold;
}

.news-article .news-date {
	float: none;
}

.news-article-button {
	background-color: #004f77;
	color: white;
	padding: 0.4em;
	font-size: 85%;
	text-decoration: none;
	font-weight: bold;
}

.news-article-button:hover {
	color: #408800;
}

/* ------------------------------------------------------------
	EVENTS
------------------------------------------------------------ */

.events-item {
	background-color: #f9f9f9;
	margin-bottom: 1em;
	padding: 1em;
}

.events-icon {
	width:  80px;
	height: 81px;
	float: right;
	background: url(../../images/calendar_icon.png) no-repeat;
	margin-right: 4px;
}

.events-icon div {
	text-align: center;
	padding-top: 20px;
	font-size: 13px;
	color: white;
}

.events-icon span {
	text-align: center;
	display: block;
	font-size: 30px;
	color: #7d7d7d;
	padding-top: 6px;
}

.events-title {
	text-decoration: none;
	font-size: 138.5%;
	font-weight: bold;
}

.events-title:hover {
	color: #408800;
	text-decoration: underline;
}

.events-intro {
	font-style: italic;
	background-color: #408800;
	color: white;
	padding: 0.4em 0.6em 0.4em 0.4em;
}

.events-text {
	padding: 1em;
	background-color: #f9f9f9;
}

.events-greenbutton {
	display: block;
	color: white;
	padding: 0.4em;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
	width: 70px;
	margin: 0px;
	padding: 0.4em;
	margin-top: 10px;
	background-color: #004f77;
}

.events-greenbutton:hover {
	color: #408800;
}

.events-table-text p {
	font-size: 100%;
}

/* ------------------------------------------------------------
	GALLERY
------------------------------------------------------------ */

.gallery-item {
	background-color: #fcfcfc;
	margin: 0.7em;
	padding: 0.9em;
	border: 1px solid #cdcdcd;
	cursor: pointer;
}

.gallery-item:hover {
	background-color: #f3f9f0;
	border: 1px solid #cdcdcd;
	color: #408800;
}

.gallery-subtitle {
	text-align: center;
	margin-top: 0.6em;
	font: 85% Verdana;
}

.gallery-nextprev a {
	float: right;
	font-size: 120%;
	text-decoration: none;
	color: #408800;
	background-color: #f4fbf2;
	border: 1px solid #408800;
	display: block;
	margin-left: 0.2em;
	padding: 0.4em 0.6em;
}

.gallery-nextprev a:hover {
	color: #004f77;
}

.gallery-nextprev span {
	float: right;
	font-size: 120%;
	text-decoration: none;
	color: #adadad;
	background-color: #f9f9f9;
	border: 1px solid #adadad;
	display: block;
	margin-left: 0.2em;
	padding: 0.4em 0.6em;
}

.gallery-photo-title {
	color: #408800;
	font-size: 189%;
	text-align: center;
	margin: 1em;
}

.gallery-photo {
	text-align: center;
	margin-bottom: 1em;
}

.gallery-photo img {
	border: 0.7em solid #ececec;
	padding: 2px;
}

/* ------------------------------------------------------------
	DOWNLOADS
------------------------------------------------------------ */

.downloads-list {
	margin-bottom: 0.4em;
	margin-left: 1em;
	background-color: #f4fbf2;
	width: 90%;
}

.downloads-count {
	margin-right: 1.2em;
	color: #408800;
	font-size: 108%;
	font-weight: bold;
}

.downloads-list a {
	text-decoration: none;
	padding: 0.4em;
	font-size: 108%;
	font-weight: bold;
	display: block;
}

.downloads-list a:hover {
	text-decoration: none;
}

.downloads-box {
	padding: 0.6em;
	background-color: #408800;
}

.downloads-item {
	background-color: #f9f9f9;
	padding: 1em;
}

.downloads-title {
	color: #408800;
	font-weight: bold;
	text-decoration: none;
	font-size: 123.1%;
}

.downloads-title:hover {
	color: #408800;
	text-decoration: underline;
}

.downloads-file {
	color: #408800;
	font-style: italic;
}

.downloads-file span {
	font-style: italic;
	font-weight: bold;
}

.downloads-size {
	font-weight: bold;
}

.downloads-button {
	background-color: #004f77;
	color: white;
	padding: 0.4em;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.downloads-button:hover {
	color: #408800;
}

.downloads-norecords {
	background-color: #f9f9f9;
	margin: 0;
	padding: 1.8em 1em 1em;
	margin-top: 1em;
}

/* ------------------------------------------------------------
	WEB LINKS
------------------------------------------------------------ */

.links-item {
	background-color: #f9f9f9;
	padding: 0.5em;
	margin-bottom: 0.3em;
}

.links-title {
	font-weight: bold;
	text-decoration: none;
}

.links-visits, .links-visits strong {
	font-style: italic;
	
}

/* ------------------------------------------------------------
	FORMS
------------------------------------------------------------ */

.formlabels {
	font-weight: bold;
	color: #408800;
}

.error {
	font-weight: bold;
	color: #CC0000;
}

input {
	width: auto !important;
}

textarea {
	width: auto !important;
}

textfield {
	width: auto !important;
}

select {
	width: auto !important;
}

form table {
  border-collapse: separate;
  border-spacing: 0.8em;
}

/* ------------------------------------------------------------
	CLUBS
------------------------------------------------------------ */

.clubs-title {
	color: #408800;
	font-weight: bold;
	font-size: 146.5%;
	margin-bottom: 0.4em;
}

.clubs-showall {
	display: block;
	color: white;
	padding: 0.4em;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
	width: 75px;
	margin: 0px;
	padding: 0.4em;
	margin-top: 10px;
	background: #004f77 url(../../images/arrow_small_down.gif) no-repeat 100% 50%;
}

.clubs-showall:hover {
	color: #408800;
}

.clubs-cotm-small {
	font-size: 116%;
	margin-top: 6px;
	background-repeat: no-repeat;
	color: #d49b46;
}

.clubs-cotm-small a {
	color: #d49b46;
	text-decoration: none;
}

.clubs-cotm-small a:hover {
	color: #d49b46;
	text-decoration: none;
}

.clubs-cotm-item {
	background-color: #f9f9f9;
	padding: 1em;
}

.clubs-cotm-highlight {
	background-color: #fff1ca;
	padding: 1em;
}

/* ------------------------------------------------------------
	MEMBERS
------------------------------------------------------------ */

.member-summary {
	border-collapse: separate;
	border-spacing: 0.5em;
	background-color: #fef4dd;
	padding: 0.4em;
}

.member-name {
	color: #464646;
	text-decoration: none;
}

.member-name:hover {
	color: #464646;
	text-decoration: none;
}

.email-button {
	background-color: #e96316;
	color: white;
	padding: 0.4em;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
}

.email-button:hover {
	color: #408800;
}

.member-button {
	background-color: #004f77;
	color: white;
	padding: 0.4em;
	font-size: 93%;
	text-decoration: none;
	font-weight: bold;
}

.member-button:hover {
	color: #408800;
}

.member-upload {
	text-align: center;
	margin-top: 0.4em;
}

.member-pending {
	text-align: center;
	margin-top: 0.8em;
	background-color: #e84946;
	color: white;
	margin-bottom: 0.2em;
	margin-left: 0.7em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.member-background {
	background-color: #f4fbf2;
}

.member-background-dark {
	background-color: #408800;
}

/* ------------------------------------------------------------
	MEET THE TEAM
------------------------------------------------------------ */

#team-border em, #team-border i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #83ae66;
	display: block;
	margin: 0px;
	margin-bottom: 24px;
	padding: 4px;
}

#team-border strong, #team-border b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #83ae66;
	display: block;
	margin: 0px;
	padding: 4px;
	padding-bottom:0px;
}

#team-border p {
	width: 140px;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#team-border img {
	border: none;
}

.team-item {
	margin-left: 0.7em;
	margin-right: 0.7em;
}

.team-background strong, .team-background em {
	background-color: #83ae66;
}

/* ------------------------------------------------------------
	SPORTS PERSONALITY
------------------------------------------------------------ */

.sportsawards h3 {
	margin-top: 0;
}

.sportsawards-table {
	border-collapse: separate;
	border-spacing: 3px;
}

.sportsawards-table td {
	background-color: #f9f9f9;
	padding: 0.5em;
}

.sportsawards-table strong {
	font-size: 1.4em;
	color: #294C76;
}

.sportsawards-table span {
	font-size: 1.1em;
	font-weight: bolder;
	display: block;
	padding-bottom: 0.2em;
}

.sportsawards-title {
	font-size: 170%;
	color: #408800;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0.5em;
	margin-top: 1em;
	text-decoration: none;
}

.sportsawards-small {
	font-size: 85%;
	margin: 0;
}

.sportsawards-small {
	font-size: 85%;
	margin: 0;
}

/* ------------------------------------------------------------
	VIDEO
------------------------------------------------------------ */

.video-box {
	background-color: #f9f9f9;
	text-align: center;
	padding: 12px;
	width: 610px;
	margin-bottom: 2em;
}

.video-box h2 {
	margin: 0 0 0.7em;
}

.video-description {
	text-align: left;
	margin-top: 2em;
}

.video-box .flash-error {
	background-color: #d32b31;
	color: white;
	padding: 0.6em;
}

.video-box #flashcontent a {
	color: white;
}

.video-clips {
	margin-top: 1.5em;
}

.video-clips .clip {
	width: 203px;
	float: left;
	background-color: #f9f9f9;
	margin-right: 12px;
	margin-bottom: 15px;
	text-align: center;
}

.video-clips .clip div {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.video-clips .clip div a {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
}

/* ------------------------------------------------------------
	BLOG
------------------------------------------------------------ */

.blog-title a {
	color: #408800;
	text-decoration: none;
}

.blog-title a:hover {
	text-decoration: underline;
	color: #408800;
}

.blog-read {
	color: white;
	background-color: #004f77;
	padding: 0.4em;
	font-weight: bold;
	text-decoration: none;
	font-size: 93%;
}

.blog-read:hover {
	color: #408800;
}

.blog-date {
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	color: #408800;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------
	COLLAPSIBLE BUTTON
------------------------------------------------------------ */

.CollapsiblePanelTab {
	background: #004f77 url(../../images/arrow_small_down.gif) no-repeat 100% 50% !important;
}

/* ------------------------------------------------------------
	SLIDESHOW TEXT
------------------------------------------------------------ */

.slideshow-captions {
	color: #408800 !important;
}