/* ======================================================================

dbt:960 

=======================================================================*/
/*
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;}
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: 0;}

/* 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;}
.spacer{display: block;height: 5px}
/*
TEXT
------------------------------------*/
/*		Basic HTML		*/
/* body {font: 13px/1.5  'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;} */
body {font: 12px/1.5  Helvetica, Arial, sans-serif;}
a:focus {outline: 1px dotted;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}

/*		Headings		*/
h1 {font-size: 140%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

/*		Spacing		*/
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 10px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 10px;}


/* ======================================================================

SITE STYLES

=======================================================================*/
html{
	height:100%;
	background: url(../graphics/copyarea_bg.jpg)
}
body{
	height:100%;
}
#wrapper{
	width: 960px;
	margin: 0 auto 40px;
	background: url(../graphics/bg_grad.jpg) repeat-y center;
}



/* ======================================================================

Header

=======================================================================*/
#header{
	width: 100%;
	min-width: 960px;
	height: 580px;
	background: url(../graphics/badge_bgcolour.jpg);
	overflow: hidden
}
#header .inner{
	width: 100%;
	min-width: 960px;
	height: 580px;
	background: url(../graphics/badge_bg.jpg) no-repeat center top;
	overflow: hidden;
	position: absolute;
	display: inline;
}
#header .spacer{height: 580px}
#header h1{
	background:url("../graphics/title.png") no-repeat scroll 0 0 transparent;
	height:332px;
	margin-top:250px;
	overflow:hidden;
	text-indent:-1000px;
}


/* ======================================================================

Main Copy Area

=======================================================================*/
#maincopy{
	width: 100%;
	background: url(../graphics/copyarea_shadow.jpg) repeat-x top;
	padding-top: 20px;
	color: #dfe5e6;
	font-size: 110%;
	text-shadow: 1px 1px 3px #0a1219;
}
#maincopy a, #maincopy a:link, #maincopy a:visited{
	color: #dfe5e6;
	text-decoration: none;
	border-bottom: 1px dotted  #51626f
}
#maincopy a:hover{
	border-bottom: 1px solid #8996a0
}

.ccStar{
	position: absolute;
}
.sp1{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='graphics/sp.png', sizingMethod='scale');
	background: url(../graphics/sp.png) no-repeat;
	_background: transparent;
	width: 30px;
	height: 30px;
}
.sp2{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='graphics/sp2.png', sizingMethod='scale');
	background: url(../graphics/sp2.png) no-repeat;
	_background: transparent;
	width: 120px;
	height: 120px;
}
.sp3{
	background: url(../graphics/sp1.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='graphics/sp1.png', sizingMethod='scale');
	width: 80px;
	height: 80px;
}