* {
    padding: 0;
    margin: 0;
}

html, body {
    background-color: #C5DDF9;

}

body {
    font-size: 1em;
    font-family: 'Trebuchet MS';
    background-image: url('images/background.jpg');
    background-repeat: repeat-x;
    background-color: #C5DDF9;
    color: #333333;
}

a, a:link, a:active, a:visited {
    color: #3682BE;
}

a:hover {
    color: #333333;
}

a img {
    border: 0;
}

p {
    font-size: 1em;
    margin: 0 0 1.1em 0;
    color: #333333;
    line-height: 130%;
}

li {
    font-size: 1em;
	margin-bottom:0.8em;
}

ul, ol {
    padding-left: 20px;
}

h1 {
    display: none;
}

h2 {
    font-weight: normal;
    color: #70AF00;
    font-size: 2em;
    margin: 0 0 0.4em 0;
}

h3 {
    font-size: 1.3em;
    color: #333333;
    margin: 0 0 0.7em 0;
}

h3 strong {
    color: #70AF00;
}

label, span.label {
    font-size: 1em;
    float: left;
    display: block;
}

input.text, textarea {
    float: left;
    width: 300px;
    border: 1px solid #D6E9AD;
    background-color: #FFECC0;
    font-family: 'Trebuchet MS';
	font-size:1em;
    padding: 2px;
    margin-top:-4px;
}

fieldset ul {
	margin:0px;
    padding: 0;
    list-style: none;
}

fieldset ul li {
    clear: both;
}

.err {
  color: #f00;
}
#wrapper {
    width: 940px;
    margin: 0 auto;
    padding: 43px 0 0 0;
}

#header {
    width: 940px;
    height: 111px;
    background-image: url('images/header.jpg');
}

#navigation {
    height: 49px;
    width: 905px;
    background-image: url('images/navbg.jpg');
    list-style: none;
    float: left;
    padding: 0 0 0 3px;
}

#navigation li {
    display: block;
    float: left;
    font-weight: bold;
    line-height: 42px;
    text-transform: uppercase;
    font-size: 1em;
    height: 42px;
	margin:0px;
    margin-top: 7px;
}

#navigation li a {
    display: block;
    padding: 0 18px 0 19px;
    color: #FFFFFF;
    text-decoration: none;
    background-image: 0;
    background-image: url('images/navbg.jpg');
    background-position: -7px -7px;
}

#navigation li a:hover, #navigation li a.on {
    background-image: url('images/navbg2.jpg');
    background-position: 0 0;
}

#navleft {
    width: 16px;
    height: 49px;
    background-image: url('images/navleft.jpg');
    float: left;
}

#navright {
    width: 16px;
    height: 49px;
    background-image: url('images/navright.jpg');
    float: left;
}

#content {
    width: 884px;
    border-left: 3px solid #D6E9AD;
    border-right: 3px solid #D6E9AD;
    background-color: #FFFFFF;
    clear: both;
    padding: 25px 25px 0px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
#logo {
    text-align:right;
    margin-top:-70px;
    clear:both;
}
#logo img {
    float:none;
    margin:0px;
    height:auto;
}
#bottom {
    background-image: url('images/footer.jpg');
    height: 14px;
    width: 908px;
    float: left;
    font-size: 1pt;
    line-height: 1pt;
}

#bottomleft {
    background-image: url('images/bl.jpg');
    width: 16px;
    height: 14px;
    clear:both;
    float: left;
    font-size: 1pt;
    line-height: 1pt;
}

#bottomright {
    background-image: url('images/br.jpg');
    width: 16px;
    height: 14px;
    float: left;
    font-size: 1pt;
    line-height: 1pt;
}

#footerLeft {
    float: left;
    font-size: 0.8em;
    width: 430px;
    padding: 10px 0 10px 25px;
}

#footerRight {
    float: right;
    font-size: 0.8em;
    width: 430px;
    text-align: right;
    padding: 10px 25px 10px 0;
}

.friends img {
    float:left;
    clear:both;
    margin:0px 20px 0px 0px;
    height:100px;
}
.friends p {
    height:100px;
}
/**************/
/*    HOME    */
/**************/

#home #content {
    padding: 0;
    width: 934px;
}

#homeBottom {
    padding: 25px;
}

#homeMap {
    width: 385px;
    height: 265px;
    border: 3px solid #D6E9AD;
    float: right;
    margin: 0 0 10px 30px;
	font-size: 0.7em;
}

#homeTop {
    position:relative;
    border-bottom: 3px solid #D6E9AD;
    background-color: #FAFCF5;
    padding: 25px 25px 0px 25px;
    height: 275px;
}

#homeImage {
    height: 241px;
    float: left;
    width: 402px;
    border: 3px solid #D6E9AD;
    position: relative;
}

#sticker {
    position: absolute;
    z-index: 3;
    width: 144px;
    height: 144px;
    bottom: -26px;
    left: -27px;
}

#homeImage p {
    position: absolute;
    top: 190px;
    left: 0;
    color: #37521F;
    text-align: right;
    width: 392px;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 100%;
}

#homeImage p span {
    color: #6C9E36;
    font-size: 0.8em;
}

#homeImage img {
    display: block;
}

#home #form {
    float: left;
}

#home fieldset {
    width: 470px;
}

#home fieldset {
    border: 0;
    font-size: 0.95em;
}

#home legend {
    font-size: 1.9em;
    padding: 0 0 4px 35px;
    color: #70AF00;
}

#home label, #home span.label {
    width: 115px;
    padding: 0 10px 18px 0;
    text-align: right;
}

#homeTop li {
    margin-bottom:18px;
}
#home input.text {
    width: 230px;
}

#home .submit {
    height: 28px;
    width: 118px;
    margin: 0 0 0 170px;
}

#prizesRight {
	float:right;
    width: 465px;
	position:relative;
	margin:10px 9px 0 30px;
}

#prizesRight p {
	font-size:1.1em;
}
	
#prizestar {
    position: absolute;
    z-index: 3;
    width: 145px;
    height: 142px;
    top: -31px;
    right: -27px;
}

#prizesImage {
    height: 266px;
    width: 459px;
	margin-bottom:10px;
    border: 3px solid #D6E9AD;
}

#prizesRight.prizes {
	float:right;
	height:156px;
}



/**************/
/*    FAQ     */
/**************/

.faq p {
  padding-left:21px; 
  text-indent:-21px;
}

/**************/
/*  CONTACT   */
/**************/

#contact {
    width:450px;
	margin:10px auto;
}

#contact textarea {
    width:510px;
	margin:0px 0 8px 0;
	float:right;
}

#contact input.text {
    width:298px;
	float:none;
	display:block;
	background:#FFECC0 !important;
}

#contact table {
    width:400px;
	border:2px dotted #C2DBF9;
	margin-left:-100px;
}

#contact label {
    width:150px;
}

#contact .send {
	float:left;
	clear:left;
	display:inline;
    margin:0px;
	border: 0px;
}

#contact td {
    vertical-align:top;
	padding:10px 30px;
}

#contact .red {
    color:#f00;
	font-weight:bold;
}
#contact span.err, #contact li.err {
	display:block;
	font-weight:bold;
	width:100%;
	text-align:right;
 }

#compform {
    width:820px;
	margin:0px auto;
}

#questions {
    border:2px dotted #C2DBF9;
	padding:20px 20px 20px;
}

#competition {
    border:2px dotted #C2DBF9;
	padding:20px 0px 20px;
	clear:left;
}

#competition ul {
    width:398px;
	float:left;
	margin:0px;
	padding:0px;
}

#competition li {
    margin-bottom:8px;
	width:398px;
	padding:0px;
	
}

#competition li.err {
	text-align:right;
    padding: 5px 0 0 0;
    margin: 0px;
}

#competition input.text, #competition textarea {
    width:192px;
	margin:0px; padding:2px;
	margin-top:0px; 
	overflow-y: hidden;
	overflow-x: hidden;
	float:none;
	background:#FFECC0 !important;
}

#competition .submit {
    height: 28px;
    width: 118px;
    margin: 0 0 0 280px;
}
#competition label {
	background:transparent !important;
	text-align:right;
	width:185px;
	padding:2px 15px 0 0;

}

#competition p.err {
	background:transparent !important;
	text-align:right;
	width:100%;
	clear:both;
	margin:0px;
	padding:4px 15px 0 0;

}

#wanswer {
    border: 1px solid #D6E9AD;
    font-family: 'Trebuchet MS';
	font-size:1em;
	width: 61px;
	height:28px;
	float:left;
	clear:none;
	margin-top:-4px;
}

#wtickets {
	width: 54px;
	height:22px;
	float:left;
	clear:none;
	padding: 2px;
	margin-top:-4px;
}
#totalcost {
	font-weight:bold;
	width: 194px;
	height:22px;
	padding: 2px;
	display:block;
    margin: 0 0 6px 0;
	float:right;
   
    background-color: #FEFFFF;
	overflow:hidden;
	font-size:1em;
	background:#fff !important;
}


/***************/
/*    ADMIN    */
/***************/

#adminTable {
    font-size: 0.75em;
}

#adminTable td {
    padding: 1px 2px 1px 2px;
    text-align: left;
}

#adminTable th {
    text-align: left;
    background-color: #D6E9AD;
    font-weight: bold;
    padding: 3px;
    position: relative;
}

#adminTable th a {
    float: left;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
}

#adminTable th a.asc {
    background-image: url('images/asc.png');
    background-repeat: no-repeat;
    background-position: center right;
}

#adminTable th a.desc {
    background-image: url('images/desc.png');
    background-repeat: no-repeat;
    background-position: center right;
}

#adminTable th img {
    position: absolute;
    z-index: 6;
    left: 0;
}

#adminTable .id {
    width: 70px;
}

#adminTable .firstname {
    width: 130px;
}

#adminTable .surname {
    width: 125px;
}

#adminTable .email {
    width: 170px;
}

#adminTable .postcode {
    width: 90px;
}

#adminTable .telephone {
    width: 100px;
}

#adminTable .edit {
    width: 75px;
    text-align: center;
}

#adminTable .delete {
    width: 75px;
    text-align: center;
}

#adminTable .reissue input {
    margin-top:3px;
}

#adminTable tr.on td {
    background-color: #EAF3FD;
}

.controls {
    clear: both;
}

.controls .resultsLeft {
    float: left;
}

.controls .resultsRight {
    float: right;
}

.adminStat {
    float: left;
    display: inline;
    font-size: 0.8em;
    border: 1px solid #8EB9E0;
    padding: 5px;
    background-color: #EAF3FD;
    margin-right: 10px;
}

.adminStat span a {
    position: relative;
    top: -2px;
    font-weight: normal;
    font-size: 1em;
}

.adminStat span {
    color: #3380BD;
    font-weight: bold;
    font-size: 1.1em;
}

.adminStat img {
    position: relative;
    top: 2px;
}

/*****************/
/*    GENERIC    */
/*****************/

.clear {
    clear: both;
    font-size: 1pt;
    line-height: 1pt;
    height: 1px;
}