/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Verdana, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #66d;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Layout */

html, body {background: #ccc;}

#page {
left: 50%;
margin-left: -480px;
position: relative;
width: 960px;
padding-top: 50px;
}

#skips {
display: none;
margin: 0px 10px -5px;
font-size: 10px;
}

#column1 {
width: 560px;
margin: 0;
float: left;
}

#column2 {
width: 400px;
margin: 10px 0;
float: right;
}

#header {
background:url("540foot.png") no-repeat scroll left bottom #000000;
display:block;
height:110px;
margin:10px;
position:relative;
}

#global {
margin: 10px 10px 0;
width: 180px;
float: right;
}

#local {
margin: 10px 10px 0;
width: 180px;
float: left;
}

#footer {
margin: 10px;
background:#000;
padding: 20px;
min-height: 100px;
clear: both;
}

a.logo {
height: 100px;
width: 110px;
overflow: hidden;
display: block;
}

/* Basics */

h1, h2, h3, h4, h5 {
border-bottom: 1px solid #ccc;
padding: 10px 0;
margin-bottom: 10px;
}

h1 {font-size: 20pt;}
h2 {font-size: 16pt;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt;}
h5 {font-size: 10pt;}

p, ul, ol {
font-size: 10pt;
line-height: 16pt;
margin-bottom: 10px;
}

ol, ul {margin-left: 20px; margin-right: 20px;}

ol {list-style: decimal;}
ul {list-style: disc;}

#column1 img {max-width:540px;}

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


/* Search */

#search {
background:none repeat scroll 0 0 #EEEEEE;
margin-bottom:10px;
}

#search input.textbox {
border:1px solid #999999;
font-size:85%;
margin:3px;
padding:5px;
width:122px;
}


.borderradius #search input.textbox {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#search input.textbox:focus {
background: #fff;
}

#search input.button {
background-color:#CCCCCC;
background-image:none;
border:medium none;
color:#333333;
cursor:pointer;
font-size:13px;
font-weight:bold;
height:24px;
margin:0;
overflow:hidden;
padding:0;
width:140px;
}

#search input.button:hover {
background-position: top left;
}

/* Adverts */

.internal {
margin-bottom: 10px;
}

.external {
position: absolute;
top: 0;
right: 0;
}

/* Admin and Account */

#controls {
display: block;
width: 380px;
position: absolute;
top: 60px;
right: 10px;
z-index: 12;
}

#controls ul#tools {
display: block;
background: #333;
width: 380px;
height: 40px;
margin: 0;
padding: 0;
position: relative;
}

#controls ul#tools li {
float: right;
height: 40px;
width: 40px;
border-left: 1px solid #666;
display: block;
}

#controls ul#tools li.controlpanel {position: absolute; left: 0; top: 0;border-left: none; border-right: 1px solid #666;}
#controls ul#tools li.adminpanel {position: absolute; left: 41px; top: 0;border-left: none; border-right: 1px solid #666;}

#controls ul#tools li a {
background: url(toolbar.png) top right;
display: block;
overflow: hidden;
text-indent: -5000px;
height: 40px;
}

#controls ul#tools li a.logout {background-position: 40px 0;}
#controls ul#tools li a.logout:hover {background-position: 40px -40px;}

#controls ul#tools li a.profile {background-position: 80px 0;}
#controls ul#tools li a.profile:hover {background-position: 80px -40px;}

#controls ul#tools li a.password {background-position: 120px 0;}
#controls ul#tools li a.password:hover {background-position: 120px -40px;}

#controls ul#tools li a.inbox {background-position: 160px 0;}
#controls ul#tools li a.inbox:hover {background-position: 160px -40px;}
#controls ul#tools li a.inbox.live {background-position: 160px 40px;}

#controls ul#tools li a.calendar {background-position: 200px 0;}
#controls ul#tools li a.calendar:hover {background-position: 200px -40px;}
#controls ul#tools li a.calendar.live {background-position: 200px 40px;}

#controls ul#tools li a.basket {background-position: 240px 0;}
#controls ul#tools li a.basket:hover {background-position: 240px -40px;}
#controls ul#tools li a.basket.live {background-position: 240px 40px;}

#controls ul#tools li a.controlpanel {background-position: 380px 0;}
#controls ul#tools li a.controlpanel:hover {background-position: 380px -40px;}
#controls ul#tools li a.controlpanel.live {background-position: 380px 40px;}

#controls ul#tools li a.adminpanel {background-position: 340px 0;}
#controls ul#tools li a.adminpanel:hover {background-position: 340px -40px;}
#controls ul#tools li a.adminpanel.live {background-position: 340px 40px;}



/* Events */

/* Text only (Global Column Style) */

.event1 {
margin: 0 0 10px;
padding: 0;
}

.event1 h2 {
background: #333;
color: #fff;
padding: 10px;
margin: 0;
border: none;
font-size: 12pt;
}

.event1 h4 {
background:none repeat scroll 0 0 #999999;
border-bottom:1px solid #000000;
font-size:10pt;
font-weight:normal;
margin:10px 0 0;
padding:5px 10px;
}

.event1 .msl_event_image {
border-bottom:1px solid #999999;
display:block;
height:100px;
margin:-10px -10px 0;
overflow:hidden;
}

.event1 dt a {
display:block;
padding:10px 10px 0;
text-decoration:none;
background: #eee;
}

.event1 dt a:hover {
text-decoration: underline;
}

.event1 dd {
font-size:9pt;
font-style:italic;
display: inline;
}

.event1 dl {
border-bottom:1px solid #666;
padding: 0 10px 10px;
background: #eee;
}

.event1 dt {
margin: 0 -10px;
}

.event1 dd.msl_event_description, .event1 dd.msl_event_types, .event1 dd.msl_event_hook {
display: none;
}

.event1 a.msl_rss {
background-color:#EEEEEE;
background-position:5px 5px;
border-bottom:1px solid #AAAAAA;
display:block;
font-size:10pt;
margin:10px 0 0;
padding:5px 5px 5px 28px;
text-decoration:none;
}

.event1 a.msl_rss:hover {
background-color: #DDD;
text-decoration: underline;
}

/* Offers */

/* Text only (Global Column Style) */

.offer1 {
background: #F8FFDD;
margin: 0 0 10px;
padding: 0;
}

.offer1 h2 {
background: #FFFF00;
padding: 10px;
border: none;
font-size: 12pt;
margin: 0;
}

.borderradius .offer1, .borderradius .offer1 h2 {
border-radius: 10px 10px 0 0;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}

.offer1 h4 {
padding: 10px 0 5px;
margin: 0 10px 5px;
border-bottom: 1px solid #000;
font-size: 10pt;
font-weight: normal;
}

.offer1 .msl_event_image {
display: none;
}

.offer1 dt a {
margin: 0 10px;
text-decoration: none;
display: block;
}

.offer1 dt a:hover {
text-decoration: underline;
}

.offer1 dd {
font-size: 9pt;
font-style: italic;
margin: 5px 10px;
}

.offer1 dd.msl_event_location, .offer1 dd.msl_event_types, .offer1 dd.msl_event_time  {
display: none;
}

.offer1 a.msl_rss {
background-color:#EEEEEE;
background-position:5px 5px;
border-bottom:1px solid #AAAAAA;
display:block;
font-size:10pt;
margin:10px 0 0;
padding:5px 5px 5px 28px;
text-decoration:none;
}

.offer1 a.msl_rss:hover {
background-color: #ddd;
text-decoration: underline;
}

/* Admin page */

#admin_page_content {margin: 0 10px 20px;}

/* Wrap  */

.wrap {
margin: 0 10px 20px;
background: url(540foot.png) #fff bottom left no-repeat;
padding: 0 0 20px;
}