/* CSS Document */

/*
    ------------
    Project by:			Kiosk Creative Ltd
    Author:				Jim Savage
	CSS Created with:	CSSEdit/Mac OSX - http://www.macrabbit.com/cssedit/
	Start date:			23/10/2007
    ------------
    COLOUR SPEC:
    logo red:			#ff0000
	nav line red:		#990000
	light grey:			#cccccc
	dark grey:			#333333
    ------------
*/

/* @group layout */

body {
	margin: 0px;
	padding: 47px 0 0 0;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1em;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

div#fixedWidth{
	width: 903px;
	margin: 0 auto;
	padding: 0;
	/*border-left: yellow solid 1px;
	border-right: yellow solid 1px;*/
}

a:link, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
	
a:hover {
	text-decoration:none;
}

img{
    border:0;
}	
	
/* @end */

/* @group Navigation Header */

div#header ul {
	padding:  0;
	margin:  0;
	list-style-type: none;
}

div#header ul li {
	border-bottom: #990000 solid 1px;
	width:  144px;
	font-size: .8em;
	padding-bottom: 3px;
	font-weight: bold;
}

div#header ul li.lastItem {
	border-bottom: none;
}

div#header a:link, div#header a:visited{
	color: #808080;
	text-decoration: none;
}

div#header a:hover{
	/*color: #ff0000;*/
	text-decoration: none;
}

div#header a.homeLink{
	float: left;
	display:  block;
	width:  180px;
	height:  80px;
	/*remove text from a link*/
	text-indent: -3000px;
}

div#header{
	height: 108px;
	padding-left: 0;	
	background: url(../images/logo.gif) no-repeat;
}

div#headerCols{
	float:  right;
	width: 150px;
	height: 108px;
	border-left: black solid 1px;
}

/* @end */

/* @group homepage */

div#home_middle{
	
}

div#cover {
	float:left;
	width:180px;
	height:310px;	
}

div#press {
	float:left;
	width:180px;
	height:182px;	
}

div#homeleft {
	float: left;
	width: 451px;
}

div#homeright {
	float: left;
	width: 451px;
}

div#events {
	float: left;
	width: 411px;
	padding: 20px;
}

#events td{
	padding: 9px 0px 9px 0px;
	border-top:1px solid #990000;
}

div#flash00{
	float: left;
	width: 451px;
	height: 339px;
	background: white;
	border-right: black solid 1px;
	color: black;
}

div#flashPod{
	float: left;
	width: 452px;
	height: 332px;
	background: black;
	color: black;
	margin:0px;
	padding:0px;
}

div#link00{
	float: left;
	width: 225px;
	height: 225px;
	border-right: black solid 1px;
}

div#link00 a{
	display: block;
	width: 225px;
	height: 225px;
	background: url(../images/home_link00.jpg) no-repeat;
	
}

div#flash01{
	float: left;
	width: 225px;
	height: 225px;
	background: #4d4d4d;
}

div#homeInfo{
	float: left;
	width: 195px;
	height: 195px;
	border-right: black solid 1px;
	padding: 15px;
	font-size:.8em;
}

div#regHome{
	font-size:.8em;
	float: left;
	width: 195px;
	height: 195px;
	background: #4d4d4d;
	padding: 15px;
}

/* @end */

/* @group sponsors */

div#pTitle{
	font-size: 1.3em;
	padding-bottom: 23px;
}

div#divider, div#divider2{
	float:  left;
	width: 100%;
	border-bottom: #333333 solid 1px;
	padding: 10px 0 10px 0;
	color: #dd0000;
	font-weight:bold;
}

div#divider2{
	margin: 30px 0 30px 0;
}

div#divider img, div#divider2 img{
	padding-top: 10px;
}

div#catBox{
	float:  left;
	width:  301px;
	border-right: black solid 1px;
	padding-bottom: 2px;
	margin-bottom: 7px;
	border-bottom: #990000 solid 1px;
	height: 50px;
}

div#catHome{
	float:  left;
	width:  112px;
	border-right: black solid 1px;
	padding-bottom: 2px;
	margin-bottom: 11px;
	border-bottom: #990000 solid 1px;
	height: 142px;
}

div#catHomeEnd{
	float:  left;
	width:  112px;
	padding-bottom: 2px;
	margin-bottom: 11px;
	border-bottom: #990000 solid 1px;
	height: 142px;
}

div#catBox a:link, div#catBox a:visited{
	display:  block;
	width:  301px;
	text-decoration: none;
}

div#catBox a:hover{
	color:  red;
	text-decoration: none;
}

div#catHome a:link, div#catHome a:visited, div#catHomeEnd a:link, div#catHomeEnd a:visited{
	display:  block;
	width:  112px;
	text-decoration: none;
	font-size: .8em;
	height: 20px;
}

div#catHome a:hover, div#catHomeEnd a:hover {
	color:  red;
	text-decoration: none;
}

div#catBox img{
	padding-right: 5px;
}

div#sponsorBox{
	float:  left;
	width:  150px;
	border-right: black solid 1px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom: #cc0000 solid 1px;
	height: 193px;
	font-size: .9em;
}

div#sponsorBox a:link, div#sponsorBox a:visited{
	display:  block;
	width:  150px;
	text-decoration: none;
}

div#sponsorBox a:hover{
	color:  red;
	text-decoration: none;
}

div#sponsorBox img{
	padding-bottom: 5px;
}

div#contentColx2Sponsor{
	float:  left;
	width: 260px;
	height: 260px;
	border-right: black solid 1px;
	background: #404040;
	color: #FFF;
	padding:15px;
	font-size: .8em;
}


/* @end */

/* @group content */

div#content_middleb{
	float: left;
	width: 460px;
}

div#content_middle{
	height: 225px;
}

div#content_middleb div#contentCol, div#content_middle div#contentCol, div#content_middle div#contentColLast{
	float: left;
	width:  225px;
	height: 225px;
	background: #999;
	border-right: black solid 1px;
}

div#contentCol a img, div#contentColLast a img{
	border: 0;
}

div#content_middle div#contentColLast{
	border-right: none;
}

div#content_bottom div#contentCol, div#content_bottom div#contentColLast{
	float:  left;
	width:  150px;
	height: 150px;
	border-right: black solid 1px;
}

div#content_bottom div#contentColLast{
	float:  left;
	height: 150px;
	width:  148px;
	border-right: none;
	background: #333333 url(../images/heart.gif) no-repeat right bottom;
}

div#content_bottom div#contentColx3{
	float: left;
	width: 432px;
	padding-right: 20px;
	border-right: black solid 1px;
}

div#content_bottom{
	width:  903px;
	margin-top: 35px;
	font-size: .8em;
}

div#content_bottomb{
	float:  right;
	width:  400px;
	margin-top: 35px;
	font-size: .8em;
}

div#contentShow{
	float: left;
	width: 903px;
	padding-right: 20px;
	border-right: black solid 1px;
}

div#contentColx5{
	float: left;
	width: 900px;
	padding-right: 20px;
	border-right: black solid 1px;
}

div#conf01{
	float: left;
	width: 435px;
}

div#conf02{
	float: left;
	width: 435px;
	margin-left: 30px;
}

div#contentColx4{
	float: left;
	width: 604px;
}

div#content_bottom div#contentColx3 h2{
	margin:  0;
}

div#contentColx5 h2{
	margin:  0;
}

div#content_bottom div#contentColx2{
	float:  left;
	padding: 13px;
	width: 274px;
	height: 124px;
	border-right: black solid 1px;
	background: #cccccc;
	color: #3d3d3d;
}

div#contentColx2 a:link, div#contentColx2 a:visited, div#contentColx2 a:hover {
	color:#3d3d3d;
	}
div#contentColx2 a:hover {
	text-decoration:none;
	}
	
	
.pagination{
    width: 100%;
    padding: 4px;
    clear: both;
    font-size: 11px;
    margin-bottom: 4px;
}
.pagination a, .current{
    padding: 2px 6px;
    background-color: #404040;
    margin-right:2px;
    text-decoration: none;
    
}
.pagination a:hover{
    background-color: #808080; 
}
.current{
    font-weight: bold;
    color: #000;
    background-color: #FF0000;
}
/* @end */

/* @group footer */

div#footer{
	float:left;
	margin-top: 30px;
	border-bottom: #000 solid 20px;
	width: 903px;
	height:  59px;
}

div#footer ul {
	padding:  0;
	margin:  0;
}

div#footer ul li {
	float: left;
	display: inline;
}

div#footer ul li a{
	display: block;
	width:  59px;
	height: 59px;
	/*remove text from a link*/
	text-indent: -3000px; 
}

div#footer ul li.link0 a{
	width: 901px;
	height: 102px;
	background: url(../images/sponsors_footer.gif) no-repeat;
}

div#footer ul li.link1 a{
	width:  48px;
	background: url(../images/sponsors_08.gif) no-repeat;
}

div#footer ul li.link2 a{
	width:  69px;
	background: url(../images/sponsors_artsCouncil.gif) no-repeat;
}

div#footer ul li.link3 a{
	width:  164px;
	background: url(../images/sponsors_euMersey.gif) no-repeat;
}

div#footer ul li.link4 a{
	width:  88px;
	background: url(../images/sponsors_northWest.gif) no-repeat;
}

div#footer ul li.link5 a{
	width: 100px;
	background: url(../images/sponsors_tmp.gif) no-repeat;
}

div#footer ul li.link6 a{
	width:  78px;
	background: url(../images/sponsors_acme.gif) no-repeat;
}

div#footer ul li.link7 a{
	width:  93px;
	background: url(../images/sponsors_designInitiative.gif) no-repeat;
}

div#footer ul li.link8 a{
	width:  100px;
	background: url(../images/sponsors_momentous.gif) no-repeat;
}


/* @end */

/* @group fixes */

.x{
	position:absolute;
	top: 0;
	left: 0;
	visibility:hidden;
}

#clearDiv{
	clear: both;
}

/* @end */

/* @group forms */

form#contact ul, form#regHome ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form#contact ul li{
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: #990000 solid 1px;
}

form#regHome ul li{
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
}

form#contact label{
	display: block;
	width: 180px;
	float: left;
	clear: left;
}

form#contact input, form#contact textarea, form#contact select{
	width: 210px;
	border: 1px solid #777777;
	font-family: Helvetica,Arial;
	padding: 3px;
	background: #fff;
	color: #000;
}

form#regHome input, form#regHome textarea, form#regHome select{
	width: 170px;
	border: 1px solid #777777;
	font-family: Helvetica,Arial;
	padding: 3px;
	background: #fff;
	color: #000;
}

form#contact input.radiogroup{
    width:20px;
    background-color: transparent;
    border: none;
    margin-left: 180px;
}

form#contact input#upload{
	background: #000;
	border: none;
}

form#contact textarea, form#regHome textarea{
	height: 5em;
}

form input#submit{
	width: auto;
	margin-left: 180px;
	background: #000;
	color: #fff;
}

.submit{
	width: auto;
	margin-left: 180px;
	background: #000;
	color: #fff;
}

form input#submitHome{
	width: auto;
	background: #4d4d4d;
	color: #fff;
}

form#contact li.check input, form#regHome li.check input{
	width: auto;
	border: none;
	margin-left:180px;
}

form#contact li.check input#ecoFriendly{
	margin-left:0;
}

/* @end */

/* @group sIFR */

/* Tweak hight/size of replaced H2*/

div#contentColx3 h2, div#contentColx5 h2 , div#contentShow h2 {
	font-size: 2.5em;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	padding: 0;
	margin: 0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2{
	visibility: hidden;
	letter-spacing: -6px;
}


/* @end */

/* @group slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #ff0000;
}

.lbLoading {
	background: #ff0000 url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	/*border: 1px solid #ff0000;*/
	border-left: 30px solid #ff0000;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	height:  30px;
	outline: none;
	background: transparent url(../images/prevlabel.gif) no-repeat 0 0;
}

#lbPrevLink {
	left: -30px;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 0;
}

#lbNextLink {
	float: left;
	top: 30px;
	left: -30px;
	background: transparent url(../images/nextlabel.gif) no-repeat 0 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 0 0;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: left;	
	border-left: 30px solid #000000;
	border-top-style: none;
	background: #000;
	padding-bottom: 5px;
	padding-top: 5px;\
}

#lbCloseLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin-right: 5px;
}

#lbCaption, #lbNumber {
	padding-top: 2px;
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* @end */

.eventlisting{
	width:432px;
	border-bottom: 1px solid #cc0000;
	position:relative;
	float:left;
}
.last{
	margin-bottom: 30px;
}
.eventlisting .datetitle{
	width:340px;
	font-size:110%;
	font-weight:bold;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .ordertitle{
	width:84px;
	font-size:110%;
	font-weight:bold;
	padding:3px 2px 3px 2px;
	float:left;
	text-align:center;
}

.eventlisting .typetitle{
	width:218px;
	font-size:110%;
	font-weight:bold;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .advancedtitle{
	width:117px;
	font-size:110%;
	font-weight:bold;
	padding:3px 2px 3px 2px;
	float:left;
	text-align:center;
}

.eventlisting .datedetails{
	width:340px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .orderdetails{
	width:84px;
	font-size:100%;
	font-weight:bold;
	padding:3px 2px 3px 2px;
	float:left;
	text-align:center;
}


.eventlisting .typedetails{
	width:218px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .advanceddetails{
	width:117px;
	font-size:100%;
	padding:3px 2px 3px 2px;
	float:left;
	text-align:center;
}

.orderform{
	border: 1px solid #777777;
	font-family: Helvetica,Arial;
	padding: 3px;
	background: #fff;
	color: #000;
	width:216px;
}

.eventlisting .formdetails{
	width:180px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .formarea{
	width:180px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .checkarea{
	width:20px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

.eventlisting .checkdetails{
	width:395px;
	font-size:100%;
	padding:3px 3px 3px 1px;
	float:left;
}

input.submit_button{
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #777777;
	font-family:Helvetica,Arial;
	padding:3px;
}
.error{
    color:#FF0000;
}
.border{
	border:#CCC 1px solid;
}
.grey{
	color:#b3b0b1;
}
.shortlist{
	margin-right:20px;
}
.judges{
	margin-right:10px;
}
.one{
	font-size:1em;
}
.small{
	font-size:.7em;
}
.big{
	font-size:1.5em;
}
.bk{
	background:#FF0000;
}