/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html, body {
height:100%;
}
	
body {
margin:0px;
padding:0px;
text-align:center;
background-color:#5f87ff;
color: #555;
font: 12px/160% 'Verdana','Tahoma','Arial',sans-serif;
}

a:link {
color: #5C84FE;
text-decoration: none;
}
a:visited {
color: #5C84FE;
text-decoration: none;
}
a:active {
color: #5C84FE;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}

p {
margin-bottom:12px;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

a.skipnav, a.backtop {
display:none;
}

.left {
float:left;
}

.right {
float:right;
}

/* TEXT */

h1, .pagetitle {
color: #5C84FE;
font: 23px 'Lucida Sans', 'Verdana','Tahoma','Arial',sans-serif;
margin: 10px 0 15px;
}

h2, .heading {
color: #5C84FE;
font: bold 15px 'Lucida Sans', 'Verdana','Tahoma','Arial',sans-serif;
margin: 10px 0;
}

.largetext {
font-size: 13px;
}
.smalltext {
font-size: 11px;
font-weight: normal;
}
.texthighlight {
background-color: yellow;
color: inherit;
}
.emphasisedtext {
background-color: inherit;
color: #333333;
font-size: 13px;
font-weight: bold;
}

/* CONTAINER */

#container {
width:970px;
padding:10px;
margin:10px auto;
text-align:left;
background-color:#FFF;
border:1px solid #666;
}

/* HEADER */

#header {
height:135px;
margin-bottom:22px;
}

/* MENU */

.menu-holder {
float:left;
width:970px;
height:80px;
margin-bottom:10px;
background:url(../images/menu-bg.jpg) repeat-x bottom;
}

.menu {
text-align:center;
margin:0 auto;
width:766px;
}

.menu li {
float:left;
margin-right:18px;
}

.menu li.last {
margin-right:0px;
}

.menu li a {
display:block;
height:80px;
width:80px;
text-decoration:none;
color:#FFF;
line-height:133px;
}

.menu li a.one {
background:url(../images/menu-1.jpg) no-repeat left top;
}
.menu li a.two {
background:url(../images/menu-2.jpg) no-repeat left top;
}
.menu li a.three {
background:url(../images/menu-3.jpg) no-repeat left top;
}
.menu li a.four {
background:url(../images/menu-4.jpg) no-repeat left top;
}
.menu li a.five {
background:url(../images/menu-5.jpg) no-repeat left top;
}
.menu li a.six {
background:url(../images/menu-6.jpg) no-repeat left top;
}
.menu li a.seven {
background:url(../images/menu-7.jpg) no-repeat left top;
}
.menu li a.eight {
background:url(../images/menu-8.jpg) no-repeat left top;
}

.menu li a:hover {
background-position:left -80px;
}

.menu ul.sub {
display:none;
}

/* SUB MENU */

.menu li:hover ul.sub {
margin:0;
position:absolute;
display:block;
text-align:left;
width:120px;
}

.menu li ul.sub li {
float:left;
position: relative;
z-index: 99999999;
}

.menu li ul.sub li a  {
display:block;
padding:6px 12px;
margin:0;
color:#000;
height:auto;
line-height:135%;
border-top:1px solid #FFF;
background:#CEDDE8;
width:120px;
}

.menu li ul.sub li a:hover  {
background:#33295E;
color:#FFF;
}


/* CONTENT */

#content {
float:left;
margin-left:55px;
margin-top: 20px;
width:715px;
}

#content .image-left {
	float: left;
	margin: 0 15px 15px 0;
}
#content .image-right {
	float: right;
	margin: 0 0 15px 15px;
}
#content .image-centre {
	text-align: center;
}

/* SIDEBAR */

#sidebar {
float:left;
width:150px;
}

#sidebar-charities {
text-align: center;
margin-top: 0;
padding: 4px;
border: 1px solid #06F;
background-color: #FFF;
text-shadow: 4px 4px 4px #AAA;
box-shadow: 4px 4px 4px #666;
}
#sidebar-charities p {
	margin: 0;
	padding: 0;
	line-height: 14px;
}
#sidebar-sponsors {
margin-top: 10px;
border: 1px solid #5C84FE;
background-color: #FFF;
text-shadow: 4px 4px 4px #AAA;
box-shadow: 4px 4px 4px #666;
}
#sidebar-sponsors .title {
	background-color: #5C84FE;
	padding: 2px 0;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
}
.sidebar-box {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #5C84FE;
	background-color: #FFF;
	text-shadow: 4px 4px 4px #AAA;
	box-shadow: 4px 4px 4px #666;
}
.sidebar-box .title {
	background-color: #5C84FE;
	padding: 2px 0;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
}

/* RIGHTBAR ON HOMEPAGE */

#rightbar {
	float: right;
	width: 180px;
}
#rightbar-countdown {
	background-color: #AF1A1A;
	height: 93px;
box-shadow: 4px 4px 4px #666;
}
#rightbar-facebook {
	background-color: #03C;
	height: 190px;
	margin-top: 10px;
box-shadow: 4px 4px 4px #666;
}
#rightbar-twitter {
	background-color: #FFF;
	margin-top: 10px;
box-shadow: 4px 4px 4px #666;
}
#rightbar-youtube {
	background-color: #000;
	margin-top: 10px;
box-shadow: 4px 4px 4px #666;
}
#rightbar-roundtable {
	height: 75px;
}

/* SIDENAV */

.sidenav {
background:#cedde8;
width:135px;
padding:5px;
}

.sidenav li {
position:relative
}

.sidenav li a {
color:#333;
display:block;
padding:3px;
width:125px;
text-decoration:none;
margin-bottom:3px;
}

.sidenav li a.sub {
background:url(../images/arrow.gif) no-repeat right center;
}

.sidenav li a.sub:hover {
background:#5F87FF url(../images/arrow.gif) no-repeat right center;
}

.sidenav li a:hover {
background:#5F87FF;
color:#FFF;
}

.sidenav li ul {
display:none;
}

.sidenav li:hover ul {
position:absolute;
top:0;
display:block;
margin-left:140px;
background:#cedde8;
border:1px solid #666;
padding:5px;
}

/* SM LINKS */

.sm-links {
position: absolute;
margin-left: 890px;
margin-top: 30px;
/* float:right;
margin-bottom:20px; */
}

.sm-links li {
float:left;
}

.sm-links li a {
display:block;
text-indent:-9999px;
margin-right:12px;
width:26px;
height:26px;
}

.sm-links li a.twitter {
background:url(../images/twitter-icon-trans.png) no-repeat left top;
}
.sm-links li a.facebook {
background:url(../images/facebook-icon-trans.png) no-repeat left top;
}
.sm-links li a.youtube {
background:url(../images/youtube-icon-trans.png) no-repeat left top;
}

.sm-links li a:hover {
background-position:left -26px;
}

/* FORM */

#form1 fieldset {
font-family:'Lucida Sans', 'Verdana','Tahoma','Arial',sans-serif;
background-color:#eee;
width:460px;
padding:15px;
}
#form1 label {
float:left;
display:block;
width:190px;
}

#form1 label.error {
clear:both;
float:left;
color:#900;
font-size:12px;
width:250px;
margin:-5px 0 10px 200px;
}

#form1 input.error, textarea.error {
border: #900 1px solid;
background-color: #FDF;
}

#form1 input, #form1 textarea, #form1 select {
float:left;
width:250px;
padding:4px 2px;
margin:0 0 10px 10px;
border:solid 1px #ccc;
background-color:#fafafa;
}

#form1 input:focus, #form1 textarea:focus {
background-color:#fff;
}

#form1 textarea {
font-family:'Lucida Sans', 'Verdana','Tahoma','Arial',sans-serif;
font-size: 12px;
height:80px;
resize:none;
}

#form1 input.button {
width:auto;
padding:4px 8px;
margin:0 10px 0 110px;
}

#form1 input.button:hover {
cursor:pointer;
}

#form1 input.address {
	text-transform: capitalize;
}

#form1 p.showtext {
margin-left: 10px;
font-size: 12px;
float:left;
width:250px;
padding:2px 2px;
margin:0 0 10px 10px;
border:solid 1px #ccc;
background-color:#EEEEEE;
}
/* CLEAR */

.clear {
clear:both;
height:0;
padding:0;
margin:0;
}

/* INNER FOOTER */

#inner-footer {
clear:both;
padding-top:30px;
font-size: 10px;
text-align: center;
}

/* OUTER FOOTER */

#outer-footer {
margin:0 auto;
font-size: 10px;
text-align: center;
color: #CCC;
}

.button a {
	padding: 5px;
	line-height: 40px;
	border: solid 1px #5C84FE;
	background-color: #CEDDE8;
}
.button a:hover {
	background-color: #5C84FE;
	color: #FFF;
	text-decoration: none;
}

#KT_tngerror {
	padding: 5px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	font-size: 12px;
	border:1px dotted red;
	background-color: #FFDDFF;
	width: 468px;
	margin-bottom: 10px;
	background-image: none;
}
#KT_tngdeverror {
	padding: 5px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	font-size: 12px;
	border:1px dotted red;
	background-color: #FFDDFF;
	width: 468px;
	margin-bottom: 10px;
}
.sponsor_logo {
	padding: 5px;
	border: solid 1px #5C84FE;
	margin: 0 20px 20px 0;
	box-shadow: 4px 4px 4px #666;
}
.charity_logo {
	margin: 0 0 10px 0;
}
#charities_wide {
	width: 425px;
	float: left;
}
#charities_narrow {
	width: 280px;
	float: right;
}
.logo_on_charity_page {
	float: right;
}
#homepage_button {
	position: absolute;
	margin: 73px 0 0 30px;
}