body { font-family: Helvetica, Arial, sans-serif; color: #020202; margin-top: 0; font-size: 0.8em; }
body.body { background-color: #FFF; background-color: #CCC; margin-left: 10px; border: 0; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
h2 { font-weight: normal; }
p { margin: 0 0 5px 0; padding: 0; line-height: 1.2em; }
a { color: #000; }
ul { list-style-type: none; margin: 0; padding: 0; }
#container { width: 860px; margin: 0px auto 0 auto; border: 20px solid #FFF; border-top: 0; background-color: #FFF; }
h1 { font-weight: normal; font-size: 1.5em; color: #DE002D; font-family: georgia, times, "Times New Roman", serif; margin-bottom: 10px; }

.clearfix:after { content: " "; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#header { font-size: 1em; color: #FFF; margin: 10px 0 0 0; }
#main { margin-left: 0px; }

#toplinks { text-align: right; color: #000; margin-bottom: 10px; font-size: 0.9em; }
#toplinks a { color: #000; text-decoration: none; }

#yr09 { background-color: #DE002D; padding: 0 4px 0 4px; margin-left: 4px; margin-bottom: 4px; height: 22px;}
#yr10 { background-color: #FD599E; padding: 0 4px 0 4px; margin-left: 4px; margin-bottom: 4px; height: 22px;}
#yr11 { background-color: #FF9400; padding: 0 4px 0 4px; margin-left: 4px; height: 22px; }

#yr09 a, #yr10 a, #yr11 a { text-decoration: none; }

#strapline { margin: 5px 0 5px 0; }

/* widths */
#leftheader, #leftheader2, #leftcol {  }
#rightheader { width: 653px; text-align: right; border: 0px solid green; }
#midcol { width: 420px; float: left; border: 0px solid green; }
#rightcol { width: 275px; float: right; text-align: left; margin-top: 0; border: 0px solid red; }
#maincol { width: 715px; float: left; padding: 0; }


#year { width: 860px; height: 119px; background-color: #DE002D; margin-left: 0px; position: relative; }
#year img { position: absolute; bottom: 2px; left: 0; }
/* top */
#leftheader { float: left; }

#midheader { float: left; height: 151px; border: 1px solid #B3B3B3; border-top: 0; border-bottom: 0; }

#rightheader { float: left; position: relative; }
#rightheader ul { list-style-type: none; margin: 0; padding: 0 3px; position: absolute; bottom: 5px; left: 5px; }
#rightheader a { color: #FFF; }

div.leftcolcontainer { float: left; }
div.rightcolcontainer { float: left; margin-left: 10px; }
/* end top */

/* second row */
#leftheader2 { float: left; margin-right: 10px; }
#midheader2 { float: left; }
#rightheader2 { float: left; margin-left: 10px; }
/* end second row */

/* content row */
#leftcol { float: left; margin-right: 15px; width: 130px; }
#leftcol img { margin-bottom: 10px; }
#leftcol p { color: #999; font-size: 0.9em; margin-bottom: 15px; }
#midcol { }
#midcol h2 { font-size: 15px; color: #DE002D; font-family: Georgia, Times, serif; padding-bottom: 5px; }
#midcol p { margin-bottom: 10px; font-size: 1.0em; }

#rightcol { margin-left: 10px; }
#rightcol img.storyimage { margin: 10px 0 10px 0; }
#rightcol a { text-decoration: none; }
/* end content row */

#mainnav { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
#mainnav li { background-color: #FFF; border: 1px solid #CCC; padding: 5px 0px 0px 0px; margin-left: 18px; float: left; width: 126px; text-align: center; }
#mainnav li.first { margin-left: 0; }
#mainnav li.mainselected { background-color: #A9ABAD; }

#mainnav li.last { margin-right: 0; width: 132px; margin-left: 14px; }
#mainnav li.subnav { margin: 0; padding: 0; background-color: #FFF; border: 1px solid #FFF; }
#mainnav li a { color: #020202; text-decoration: none; }
#mainnav li a:hover { color: #000; }
#mainnav li.selected a { color: #FFF; font-weight: bold; text-decoration: none; }

#subnav { list-style-type: none; margin: 0 0 20px 0; padding: 0; border-top: 1px solid #CCC; }
#subnav li { background-color: #FFF; padding: 0px 0px 0px 0px; margin-bottom: 0; border-bottom: 1px solid #CCC; }
#subnav li.last { border-bottom: 0; }
#subnav li a { color: #57196C !important; font-weight: normal !important; text-decoration: underline !important; font-size: 1em !important; }
#subnav li.selected { background-color: #FFF; }
#subnav li.selected a { color: #000 !important; font-weight: bold !important; text-decoration: none !important; }

#subsubnav li { padding: 0 0 0 10px; }

#footer { clear: both; text-align: left; font-size: 0.9em; padding-top: 20px; margin-top: 5px; margin-left: 145px; }
#footer ul { list-style-type: none; padding: 0; }
#footer li { float: left; margin-right: 5px; vertical-align: text-bottom; line-height: 22px;}
#footer a { color: #020202; }
#footer a.highlighted { background-color: #CCBAD3; border: 1px solid #000; }
#footer a.textsize { padding: 0 2px; display: block; float: left; height: 24px; }

#small { font-size: 1em; }
#medium { font-size: 1.2em; }
#large { font-size: 1.4em; }

img.imageheader { border-bottom: 3px solid #57196C; padding-bottom: 5px; } 
p.altlink { color: #DA0065; font-weight: bold; }
p.altlink a { color: #DA0065 !important; }

#leadstory { padding-bottom: 10px; }
#leadstory p { width: 300px; float: left; }
#leadstory p.left { margin-right: 10px; }
#leadstory p.right { margin-left: 10px; margin-right: 0; }
#leadstory a { color: #020202; }

#story1 { float: left; width: 300px; padding-right: 9px; border-right: 1px solid #B3B3B3; }
#story1 a { color: #020202; font-weight: bold; }
#story1 img.storyimage { border-top: 3px solid #57196C !important; }

#story2 { float: left; width: 300px; padding-left: 10px; }
#story2 a { color: #020202; font-weight: bold; }
#story2 img.storyimage { border-top: 3px solid #57196C !important; }

#news { margin-bottom: 10px; border: 0px solid red; width: 420px; float: left; }
#news h1 { color: #DE002D; font-size: 1.5em; font-weight: normal; }
#news h2 { color: #000; margin: 0; padding: 0 0 5px 0; font-size: 1.1em; font-weight: normal; }
#news p.title { font-weight: bold; }
#news p.standfirst { font-weight: bold; margin-top: 0; }
#news p { margin: 0; padding: 0; }
#news a { color: #020202; font-weight: bold; }

#news div.story { position: relative; padding: 0px 0 40px 0; }
#news div.story p { }
#news div.story img { padding-bottom: 10px; }
#news div.story h1 { margin: 0; padding: 0; }
#news div.story h2.date { margin: 0; padding: 0; }
#news div.last { border-bottom: 0; }
#news div.story h1 a { text-decoration: none; color: #DE002D; font-weight: normal; margin: 0; padding: 0;}

/* an individual story */
#news #story { width: 100%; padding: 0 0 30px 0; position: relative; }
#news #story img { }
#news #story p { padding-bottom: 10px; }
#news #story h1 { margin: 0; padding: 0; }
#news #story h2 { margin: 0; padding: 0; }
#news a.newslink { margin: 5px 0; padding: 10px 0 20px 0; display: block; cursor: pointer; font-size: 1em; color: #000; text-decoration: none; }

#newsnav { float: left; border: 0px solid green; }
#newsnav a { color: #999; line-height: 1.2em; }
#newsnav ul { padding-bottom: 20px; }

p.rss img { vertical-align: middle; }
p.rss a:hover { color: #000 !important; }

#singlestory #storyimage { float: left; border-left: 1px solid #B3B3B3; width: 300px; padding-left: 10px; margin-top: 10px; }
#singlestory #storyimage p { float: left; width: 160px; margin-top: 10px; font-weight: bold; color: #1F6A29; }
img.quote { float: right; margin-top: 10px; }

#profiles div.profile { margin-bottom: 20px; }
#profiles h2 { font-family: Georgia, Times, serif; color: #DE002D; margin-bottom: 5px; font-size: 1.5em; font-weight: normal; }
#profiles h3 { margin-bottom: 5px; }
#profiles div.biography { margin-top: 10px; }
#profiles a { color: #999; }

#latestwords h2 { font-family: Georgia, Times, serif; background-color: #DE002D; color: #FFF; padding: 2px; margin-bottom: 5px; font-weight: normal; font-size: 1.2em; display: block; }
#latestnews h2 { font-family: Georgia, Times, serif; background-color: #DE002D; color: #FFF; padding: 2px; margin-bottom: 5px; font-weight: normal; font-size: 1.2em; display: block; }
#latestnews p { margin-bottom: 15px; }
#latestwords p { margin-bottom: 15px; }

#portfolio { background-color: #000; padding: 10px 10px 20px 10px; position: relative; margin: 0 0 20px 0; }
div.overview { color: #FFF; border: 0px solid red; width: 50px; }
a.prev { color: #FFF; }
a.next { color: #FFF; }

#article { border: 0px solid yellow; }
#article h1 { font-weight: normal; font-size: 1.5em; color: #DE002D; font-family: georgia, times, "Times New Roman", serif; margin-bottom: 10px; }


#quotebox { border: 10px solid #DE002D; padding: 5px; font-family: georgia, times, "Times New Roman", serif; font-size: 1.3em; }
#quote { margin-bottom: 40px; }
#quoteboxcredits { font-family: arial, helvetica, sans-serif; font-size: 0.8em; } 

#fadeboxcontainer { width: 400px; height: 266px; padding: 10px; background-color: #000; margin-bottom: 10px; }
#fadebox { width: 400px; height: 266px; }

div.link { padding-bottom: 10px; }

#tagcloud  { margin-top: 20px; }
a.cloud_link { margin-right: 5px; }