body { font-family: Verdana, Helvetica, Arial, sans-serif; color: #020202; background: #FFF; margin-top: 0; font-size: 0.8em; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
p { margin: 0 0 5px 0; padding: 0; }

#container { width: 950px; margin: 0px auto 0 auto; border: 1px solid #EEE; padding: 10px; background-color: #FFF; }

.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: 0 0 5px 0 }
#header2 { padding: 0; } 
#main { }

/* widths */
#leftheader, #leftheader2, #leftcol { width: 141px; }
#rightheader, #rightheader2, #rightcol { width: 141px; }
#midheader, #midheader2, #midcol { width: 620px; padding: 0 10px; }

/* top */
#leftheader { float: left; background-color: #57196C; height: 141px; position: relative; }
#leftheader p { position: absolute; bottom: 5px; left: 5px; margin: 0; padding: 0 3px; }

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

#rightheader { float: left; background-color: #57196C; height: 141px; 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 { padding-bottom: 7px; border-bottom: 3px solid #57196C; float: left; margin-right: 10px; }
div.rightcolcontainer { padding-bottom: 7px; border-bottom: 3px solid #57196C; 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: 10px; }
#midcol { float: left; border: 1px solid #B3B3B3; border-top: 0; border-bottom: 0; }
#midcol h2 { font-size: 15px; color: #000; }
#midcol p { margin-bottom: 10px; font-size: 1.0em; }

#midcol.double { border-right: 0; width: 777px !important; }

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

#mainnav { list-style-type: none; margin: 10px 0 27px 0; padding: 0; }
#mainnav li { background-color: #CCBAD3; margin-bottom: 1px; padding: 14px 8px 10px 8px; }
#mainnav li.selected { background-color: #A989B4; }
#mainnav li.subnav { margin: 0; padding: 0; background-color: #FFF; border: 1px solid #FFF; }
#mainnav li a { color: #020202; }
#mainnav li a:hover { color: #FFF; }
#mainnav li.selected a { color: #FFF; font-weight: bold; text-decoration: none; }

#subnav { list-style-type: none; margin: 0; padding: 0; }
#subnav li { background-color: #FFF; padding: 0px 8px 10px 8px; margin-bottom: 0; }
#subnav li a { color: #57196C !important; font-weight: normal !important; text-decoration: underline !important; font-size: 0.8em !important; }
#subnav li.selected { background-color: #FFF; }
#subnav li.selected a { color: #000 !important; font-weight: bold !important; text-decoration: none !important; }

#footer { clear: both; text-align: center; font-size: 0.9em; padding-top: 20px; background: url(./images/line-horiz.gif) no-repeat top left; width: 950px; margin-top: 5px; }
#footer ul { list-style-type: none; padding: 0; width: 250px; }
#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; }
#news h1 { color: #57196C; font-size: 1.5em; }
#news h2 { color: #1F6A29; margin: 0; padding: 0; }
#news p.title { font-weight: bold; }
#news p.standfirst { font-weight: bold; margin-top: 0; }
#news p.contact { margin-top: 10px; }
#news p { margin: 0; padding: 0; font-size: 1.1em; }
#news a { color: #020202; font-weight: bold; }
#news div.story { border-bottom: 1px solid #B3B3B3; position: relative; width: 620px; padding: 15px 0 25px 0; }
#news div.story p { width: 460px;}
#news div.story img { position: absolute; top:15px; right: 0; }
#news div.last { border-bottom: 0; }

/* an individual story */
#news #story { width: 100%; padding: 15px 0 15px 0; position: relative; border-bottom: 1px solid #B3B3B3; }
#news #story img { position: absolute; top: 15px; right: 0; }
#news #story p { width: 450px; padding-bottom: 10px; }
#news #story h1 { width: 450px; }
#news #story h2 { width: 450px; }
#news a.newslink { background: url(./images/icon-link.gif) no-repeat top left; margin: 5px 0; padding: 10px 0 20px 30px; display: block; cursor: pointer; font-size: 1.6em; color: #57196C; }

#newspager { background-color: #CCBAD3; padding: 10px 0 10px 10px; margin-top: 10px; }
#newspager div.linkspanel { margin-bottom: 200px; }
#newspager h2 { color: #000; margin: 0; padding: 0; font-size: 1.1em; }
#newspager a { color: #020202; }
#newspager a.selected { color: #FFF; font-weight: bold; text-decoration: none; }

#rss { width: 620px; }
img.rss { position: static !important; }

#resources { padding-right: 10px; margin-top: 10px; border-right: 1px solid #B3B3B3; width: 620px; }
#resources div.story { border-bottom: 1px solid #B3B3B3; position: relative; width: 620px; padding: 15px 0 25px 0; }
#resources div.story p { width: 460px;}
#resources div.story img { position: absolute; top:15px; right: 0; }
#resources div.last { border-bottom: 0; }
#resources a { color: #020202; font-weight: bold; }

#casestudies h1 { color: #57196C; font-size: 1.5em; }
#casestudies h2 { color: #1F6A29; margin: 0; padding: 0; }
#casestudies p.title { font-weight: bold; }
#casestudies p.standfirst { font-weight: bold; }
#casestudies p { margin: 0; padding: 0; font-size: 1.1em; width: 450px; margin-bottom: 10px; }
#casestudies a { color: #020202; font-weight: bold; }
#casestudies div.story { border-bottom: 1px solid #B3B3B3; position: relative; width: 100%; padding: 15px 0 25px 0; }
#casestudies div.story img { position: absolute; top:15px; right: 0; }
#casestudies div.last { border-bottom: 0; }

#casestudies #story { width: 100%; padding: 15px 0 15px 0; position: relative; float: left; }
#casestudies #story img { position: absolute; top: 15px; right: 0; }
#casestudies #story p { width: 450px; padding-bottom: 10px; }
#casestudies a.newslink { background: url(./images/icon-link.gif) no-repeat top left; margin: 5px 0; padding: 10px 0 20px 30px; display: block; cursor: pointer; font-size: 1.6em; color: #57196C; }

#singlestory h1 { color: #57196C; font-size: 1.5em; }
#singlestory h2 { color: #1F6A29; margin: 0; padding: 0; }
#singlestory p.title { font-weight: bold; }
#singlestory p.standfirst { font-weight: bold; margin-top: 10px; }
#singlestory p { margin: 0; padding: 0; font-size: 1.1em; width: 450px; margin-bottom: 10px; }
#singlestory a { color: #020202; font-weight: bold; }
#singlestory div.story { border-bottom: 1px solid #B3B3B3; position: relative; width: 100%; padding: 15px 0 25px 0; }
#singlestory div.story img { position: absolute; top:15px; right: 0; }
#singlestory div.last { border-bottom: 0; }

#singlestory #story { width: 466px; padding: 15px 0 15px 0; position: relative; float: left; }
#singlestory #story img { position: absolute; top: 15px; right: 0; }
#singlestory #story p { width: 450px; padding-bottom: 10px; }
#singlestory a.newslink { background: url(./images/icon-link.gif) no-repeat top left; margin: 5px 0; padding: 10px 0 20px 30px; display: block; cursor: pointer; font-size: 1.6em; color: #57196C; }

#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; }

#events { width: 770px; border: 0px solid red; }
#events a { color: #DB0066; font-weight: bold; }
#events div.event { /*width: 300px; height: 500px; border-right: 1px solid #B3B3B3; */ padding: 0 5px; float: left; }
#events div.event1 { padding-left: 0; }
#events div.day { font-size: 4em; font-weight: bold; color: #DB0066; }
#events div.month { font-size: 2em; font-weight: bold; color: #57196C; text-transform: uppercase; }
#events div.picture img { border: 3px solid #DB0066 !important; border-left: 0 !important; border-right: 0 !important; }
#events div.title { font-size: 1.4em; font-weight: bold; color: #57196C; text-transform: uppercase;}
#events div.location { font-size: 1.4em; font-weight: bold; color: #57196C; text-transform: uppercase; }
#events div.content { border: 2px solid #DB0066; border-left: 0; border-right: 0; padding: 5px 0; margin: 5px 0; }

#nextevents { margin-left: 10px; float: left; width: 140px; }
#nextevents p { font-weight: bold; }
#nextevents span.numevents { display: block; clear: both; font-size: 2em; color: #57196C; font-weight: bold; }