/* All the rules below control the style of the various elements */
/* Feel free to play with anything here */

body { /* define font and give a background */
	font-family: arial, helvetica, sans-serif;
  font-size: inherit;
}

h1, h2, h3, h4, h5, h6 { /* colour the headings */
	color: #003366;
}

/*---------- Colour the user info links ----------*/
#userInfo { /* set background and main font colour */
	background-color:#003366;
	background-image: url('userBackground.gif');
	background-repeat: repeat-y;
	background-position: left top;
	color: #CCCCCC;
}

#userInfo .inner { /* move the links to the side of the graphic */
	padding-left: 150px;
}

#userInfo a { /* set links colour */
	color: #FFFFFF;
	text-decoration: underline;
}

#userInfo a:hover { /* make underline disappear when the mouse is over the links */
	text-decoration: none;
}

#userInfo li + li { /* put a line in between each of the list items */
	border-left-width: 1px;
	border-left-style: solid;
	border-color: #FFFFFF;
}

/*---------- Colour the header ----------*/
#header { /* give the header a cool background */
	background-image: url("/borestoneandstirlingcc/assets/other/imageheader-jpg");
	background-repeat: no-repeat;
	background-position: right -15px;
}

#groupTitle { /* make the main heading navy */
	color: #003366;
	border-bottom: 5px solid #003366;
	padding: 5px;
}

#search { /* lower the seach feature */
	margin-top: 10px;
}

#logo { /* centralise the logo */
	text-align: center;
}

#logo img { /* lose the ugly border */
	border: 0;
}

/*---------- Colour the navigation links ----------*/
#navigation ul.top {
	background-image: url('menuBottom.gif');
	background-repeat: no-repeat;
	background-position: 12px bottom;
	padding-bottom: 65px;
	width: 148px;
}

#navigation ul li { /* move the links away from the edge of the page */
	padding-left: 12px;
}
* HTML #navigation ul li {
	height: 0px;
}

#navigation ul li a { /* prettyfy the text of the links */
	text-decoration: none;
	background-color: #D6EBEB;
	color: #000000;
	font-size: 0.8em;
	padding: 3px 2px 3px 8px;
	margin-top: 1px;
}

#navigation ul li.first a { /* lose the border at the top of the first link */
	margin-top: 0;
}

#navigation ul li a:hover { /* hover state of prettyfied links */
	text-decoration: none;
	background-color: #C5DADA;
	color: #993366;
}

#navigation ul li a.active { /* display the link we're currently at differently */
	background-color: #ABD5D5;
	color: #000000;
}

/*---------- Colour the main page ----------*/
#breadcrumbs { /* make the top links smaller */
	font-size: 0.8em;
}

#manage { /* make the manage links bold */
	font-weight: bold;
}

#thePageContent a { /* all the links in the main text body */
	color: #993366;
	text-decoration: none;
}

#thePageContent a:hover { /* hover states for all the links in the main body */
	text-decoration: underline;
}

/*---------- Give the page a border ----------*/
#layout {
	border: 1px solid #003366;
	padding: 5px;
  min-height: 20em;
}
/*---------- Colour the BSCC Team Tables ----------*/

.team table td, .teamNumber { /* colour the team numbers JK added */

	background-color: #003366;

	font-weight: bold;

	color: #FFFFFF;

}

/*---------- Colour the BSCC Match Tables ----------*/

.match table td, .playing { /* colour the playing details JK added */

	background-color: #0000ff;

	font-weight: bold;

	color: #FFFFFF;

}

/*---------- Colour the Poll ----------*/
.poll a { /* underline the links in the poll */
	text-decoration: underline;
}

.poll a:hover { /* remove the underline when the cursor's over the links */
	text-decoration: none;
}

.poll table caption, .pollQuestion { /* colour the poll title */
	background-color: #003366;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.8em;
}

.poll table tr td.optionBar .wholeBar .resultBar { /* change the results bar colour */
	background-color: #993366;
}

.poll p { /* make the Breakdown link smaller */
	font-size: 0.8em;
}

/*---------- Colour the Random News section ----------*/
.filteredItemList ul { /* remove bullet points */
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.filteredItemList ul li.odd h3 a { /* Random News link: odd and blue */
	display: block;
	background-color: #003366;
	padding: 10px;
	color: #FFFFFF !important;
	font-size: 0.9em;
}

.filteredItemList ul li.odd h3 a:hover { /* hover state for the odd and blue */
	background-color: #6699CC;
	text-decoration: none !important;
}

.filteredItemList ul li.odd { /* zebra stripe the items */
	background-color: #DDEEFF;
}

.filteredItemList ul li.even h3 a { /* Random News link: even and purple */
	display: block;
	background-color: #993366;
	padding: 10px;
	color: #FFFFFF !important;
	font-size: 0.9em;
}

.filteredItemList ul li.even h3 a:hover { /* hover state for even and purple */
	background-color: #CC99AA;
	text-decoration: none !important;
}

.filteredItemList ul li.even { /* zebra strip the items */
	background-color: #FFDDEE;
}

.filteredItemList .text { /* indent the text a bit */
	padding-left: 10px;
}

/*---------- Colour the footer ----------*/
#footer img { /* remove the border from the images */
	border: 0px;
}

#footer a { /* style the links */
	font-weight: bold;
	color: #993366;
	text-decoration: none;
}

#footer a:hover { /* hover state for the styled links */
	text-decoration: underline;
}