/**** CSS RESET *******/

/* v1.0 | 20080212 */

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;
}
/****** end CSS RESET ************************************************************/
.clear {
clear:both;
}
.floatleft {
float:left;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%; 
line-height:20px;
color:#1E3D73;
}
a {
color:#1E3D73;
font-weight:bold;
}
a:hover {
color:red;
}

#print {
text-align:right;
padding-right:10px;
}
#wrapper {
width:830px;
border:1px solid #cccccc;
margin: 10px auto;
}
#masthead {
height:149px;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat
}
#headerinfo {
position:relative;
height:30px;
background-color:#1E3D73;
color:#ffffff;
padding-left:5px;
}
#headerinfo a {
color:#ffffff;
text-decoration:none;
}
#send  {
position:absolute;
top:2px;
right:0;
background-color:#ffffff;
padding:2px;
}
#send a {
color:#1E3D73;
font-style:italic;
text-decoration:none;
}
#content {
position:relative;
}
#thisissue {
float:right;
width:220px;
margin:10px 10px 10px 0;
border:1px solid #cccccc;
}
#thisissue h2{
font-size:1.3em;
margin:5px 0 10px 5px;
color:#D22B3C;
}

#thisissue ul {
list-style-type:disc;
margin-left:20px;
}
#welcome  {
position:relative;
width:550px;
margin-bottom:10px;
}
#welcome h1 {
font-size:1.8em;
font-weight:normal;
margin:20px;
}
#welcome img {
position:absolute;
top:60px;
left:10px;
}
#welcome p {
margin:0 0 8px 177px;

}
#articles{
float:left;
position:relative;
}


.article {
position:relative;
width:550px;
padding:10px;
margin-left:10px;
border-bottom:1px solid #cccccc;
}
.article h2 {
font-size:1.3em;
font-weight:bold;
margin-bottom:10px;
}
.article p {
margin: 0 0 8px 0;

}
.article ul {
list-style-type:disc;
margin-left:20px;
padding-left:20px;
}
.more {
width:130px;
float:right;
margin-top:10px;
padding:0;
line-height:10px;
text-align:center;
}
.more a {
display:block;
padding:0;
}

#qanda .more {

}
#article-one {
width:auto;
_height:1%;
background-color:#01ACBE;
color:#ffffff;
margin:0;
}
#article-one h2 {
margin-left:5px;
}
#article-one p {
width:590px;
margin:0 0 0 5px;
float:left;
}
#article-one  a {
color:#ffffff;
}
#article-one  a:hover {
color:red;
}
#article-h2 {
margin:0;
}
#article-one img {
float:right;
margin:10px 20px 0 10px;
}
#article-one .more {
float:left;
margin-left:10px;
width:130px;
margin-left:430px;
_margin-left:205px;
}
.more a {
width:100%;
padding:10px 10px;
text-decoration:none;
color:#ffffff;
}
/***  COLOURS ***/

#article-one .more a {
background-color:#ffffff; /* aqua */
color:#01ACBE; /* aqua */
}

#article-two .more a, #article-seven .more a {
background-color:#D56F01; /* orange */
}
#article-two h2, #article-seven h2 {
color:#D56F01 /* orange */
} 

#article-three .more a {
background-color:#DD0475; /* pink */
}
#article-three h2 {
color:#DD0475;  /* pink */
}
#article-four .more a {
background-color:#859D47; /* green */
}
#article-four h2, #toptips h2 {
color:#859D47; /* green */
}

#article-four h2, #toptips h2, #newcentres h2 {
color:#859D47; /* green */
}
#article-five .more a, #qanda .more a {
background-color:#D22B3C; /* red */
}
#article-five h2,  #qanda h2, #whatelse h2 {
color:#D22B3C; /* red */
}
#article-six .more a {
background-color:#572489; /* purple */
}
#article-six h2 {
color:#572489; /* purplr */
}

#rightboxes {
float:right;
width:220px;
margin:10px 10px 10px 0;
}
.sidebox {

border:1px solid #cccccc;
padding:5px;
margin-bottom:10px;
}
.sidebox .more {
float:none;
margin-left:50px;
}
.sidebox h2 {
font-size: 1.2em;
margin-bottom:10px;
}
#qanda {
padding-bottom:180px;
background-image:url(../images/online_desk-042_Detail550.jpg);
background-position:bottom;
background-repeat:no-repeat;

}
#qanda p {
margin-bottom:10px;
}
#qanda .more {
margin-top:160px;

}
#whatelse  ul {
list-style-type:disc;
margin-left:10px;
padding-left:10px;
}
#whatelse {

}
#toptips {
background-image:url(../images/online_football-055_Detail550.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:200px;
}
#footer {
text-align:right;
background-color:#1E3D73;
color:#ffffff;
padding:3px;
}
#footer a {
color:#FFFFFF;
}
#editlink {
margin:10px;
}
