/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/

body
{
	color: #231f20;
	font:  small/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /* Medium = 11 px - Small = 9px */
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color:#00adff;
	margin: 0px 0px 0.4em 0px;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.5em;
}
li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a
{
	color:#00adff;
	text-decoration:none;
	border-bottom:1px dotted #00adff;
}
a:hover
{
	color:#FF2BA9;
	border-bottom:1px dotted #FF2BA9;
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/******************** Header ***********************/
#logo h1 a {
	position:absolute;
	right:0;
	top:0;
	width:158px;
	height:160px;
	text-indent:-9999px;
/*	background:url(/images/logo.png) 0 0 no-repeat;*/
	border:0;
}
/************************************** Form Settings ************************************************/

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 20%;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}
fieldset div input[type="text"],
fieldset div input[type="password"],
fieldset div textarea,
fieldset div select { width:50%; max-width:400px; border: 1px solid black; float:left; }
fieldset div span.block { display:block; float:left; width:50%; max-width:600px; }
fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error { margin-left: 1em; }

/* used for formatting caption box error message correctly */
fieldset div span.block .mceEditor, fieldset div span.block label.error
{
	display:block;
	padding-left:0;
	margin-left:0;
	clear:both;
}

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

#signup input[type="text"]
{
	border:0;
	background-color:#e5e5e5;
	padding:3px;
	width:135px;
}
/* Button Style */

.button
{
/*	border:1px solid #333333;
	padding:2px;
	margin:0px;
	background-color:#EEEEEE;
	color:#333333;*/
}

/* Message Style */

div#message
{
	border: 1px solid #ccc;
	background-color: #ffa;
	padding: 5px;
}

/*************************************** Page Settings ************************************************/

.pagetitle {}
.pagetitle h2 {  }
.pagetitle h3 { font-size:1.5em; margin-top:-10px }

/*************************************** Content Settings *********************************************/

.content
{
/*	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;*/
}
.contentfooter {

}
#sponsor-1 a, #sponsor-2 a, #sponsor-3 a, #sponsor-4 a, #sponsor-5 a {
	float:left;
	height:40px;
	text-indent:-9999px;
	padding-right:5px;
	padding-bottom:10px;
	display:block;
	border:0;
}
#sponsor-1 a {
	width:47px;
	background:url(/images/logo_nhs.gif) 0 0 no-repeat;
}
#sponsor-2 a {
	width:64px;
	background:url(/images/logo_mesmac.gif) 0 0 no-repeat;
}
#sponsor-3 a {
	width:83px;
	background:url(/images/logo_tees.gif) 0 0 no-repeat;
}
#sponsor-4 a {
	width:87px;
	background:url(/images/logo_middlesbrough.gif) 0 0 no-repeat;
}
#sponsor-5 a {
	width:93px;
	background:url(/images/logo_lovemid.gif) 0 0 no-repeat;
}
#signup, #countdown {
	background:url(/images/menu-line-2.gif) bottom left no-repeat;
	padding:0 20px 0 30px;
	overflow:visible;
}
#signup, #signup h2, #signup a {
	color:#ffa800;
}
#signup a {
	border-color:#ffa800;
}
#signup h2, #countdown h2, #countdown h1 {
	margin:0;
}
#countdown, #countdown h2, #countdown h1 {
	color:#ff2ba9;
}
#youtube a
{
	display:block;
	background:url(/images/youtube.jpg) 0 0 no-repeat;
	height:153px;
	width:190px;
	text-indent:-9999px;
	border:0;
	overflow
}
/*************************************** List Settings ************************************************/
.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.listintro {}
.list {}
.listcategory {  }
.listcategorytitle {  }
.listrow { 
	position:relative;
	background:url(/images/listrow-bg.gif) #f4f4f4 bottom left repeat-x; 
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}
.listrow h2 {
	padding-left:4px;
}
.listrow ul {
	display:inline;
	list-style:none;
	padding:0;
}
.listrow ul li {
	float:left;
	padding:0 4px 8px 4px;
	margin:0;
}
.listrow ul li a {
	border:0;
}
#frontpageadvert p {
	padding:0;
	margin:0;
}
.listdetails { padding: 4px 4px 0 4px; margin-bottom:10px;}
.listdetails p { padding: 0;}
.listtitle { color:#00adff; padding-bottom:5px; }
.listtitle a {
	font-size:1.5em;
	font-weight:bold;
	border:0;
}
.listcaption {  }
.listselect {}
.listmore { clear:both; padding: 0 4px 4px 0; margin:0em; text-align:right; }
.listfooter {}
.listunavailable {}
 
.pagenavigation {}
.pagenavigation strong {
	color:#ff2ba9;
}

.selectedtitle {}
.selectedtext {}
.selectedunavailable {}
.selectedpreviouspage {}
.selectedfooter {}

/************************************** Left Navigation ***********************************************/

div#leftcolumn div
{
	overflow:hidden;
	font-size:1.1em;
}
div#leftcolumn div ul
{
	list-style: none;
	margin: 0px;
	padding: 3px 0 0 0;
	border:none;
}
div#leftcolumn div ul li
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/* style for top level menu */
div#leftcolumn div ul li a
{
	display: block;
	text-decoration:none;
	border:0;
	color:#797979;
	padding-left:20px;
	padding-bottom:10px;
	background:url(/images/menu-line.gif) bottom left no-repeat;
}
.morepadding {
	padding-top:8px;
}
div#leftcolumn div ul li a.menuselected {
	color:#dd1f79;
}
div#leftcolumn div ul li a:hover
{
	color:#dd1f79;
}



/* style for selected option */
div#leftcolumn div ul li a.selected
{
	color:#dd1f79;
}
.clearing {
clear:both;
height:1px;
}

a:hover.galleryselected
{
	color:#00adff;
	text-decoration:none;
	border-bottom:1px dotted #00adff;
}
a.galleryselected
{
	color:#FF2BA9;
	border-bottom:1px dotted #FF2BA9;
}
#frontpageadvert {
	background:url(/images/advert_bg.gif) repeat-x bottom left #00a8a7;
	padding:10px;
	margin-bottom:5px;
}
#frontpageadvert, #frontpageadvert h2  {
	color:#FFFFFF;
}
#frontpageadvert img {
	padding: 0 0 5px 5px;
}
#frontpageadvert a {
	color:#FFFFFF;
	border-bottom:1px dotted #fff;
}