body { font-family: Helvetica, Arial, sans-serif; color: #020202; background: #FFF; margin-top: 0; font-size: 0.9em; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
p { margin: 0 0 5px 0; padding: 0; }
h1 { font-family: Arial, Helvetica, sans-serif; color: #FF8D00; font-weight: normal; margin-bottom: 10px; margin-top: 10px; font-size: 1.4em; }

#container { width: 860px; margin: 20px auto 0 auto; border: 0px solid #EEE; padding: 0px; background: #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; position: relative; width: 900px;  background: #FFF; border: 0px solid red; }
#main { }

/* widths */
#leftheader { width: 200px; padding-top: 50px; }
#midheader { width: 460px; }
#rightheader { width: 200px; }

#leftcol { width: 200px; }
#midcol { width: 460px; }
#rightcol { width: 200px; }


/* top */
#leftheader { float: left; position: relative; }
#leftheader p { position: absolute; bottom: 5px; left: 5px; margin: 0; padding: 0 3px; }

#midheader { float: left; border: 0px solid blue; }

#rightheader { float: left; background-color: #FFF; }
#rightheader ul { list-style-type: none; margin: 0; padding: 0; }
#rightheader li { float: left; margin: 0; padding: 0; }
#rightheader a { color: #969696; font-size: 0.8em; text-decoration: none; }
#auxlinks { list-style-type: none; margin: 0; padding: 0 3px; float: right; }
#auxlinks a { color: #969696 !important; font-weight: normal !important; text-decoration: none; font-size: 0.8em; }
#auxlinks li { float: left; color: #969696; }

#language { margin: 10px 0 !important; float: right; list-style-type: none; border: 0px solid red; padding: 0 3px; }
#language li { background-color: #EAEAEA; padding: 0px 15px 0 5px; margin-left: 5px; float: left; }
#language a { color: #000 !important; text-decoration: none; }
/* end top */

/* content row */
#leftcol { float: left; }
#leftcol a { color: #FAA600; font-weight: bold; }
#leftcol img { margin-bottom: 10px; }

#midcol { float: left; }
#midcol h2 { font-size: 15px; color: #000; }
#midcol p { margin-bottom: 10px; font-size: 1.0em; width: 400px; line-height: 1.3em; }
#midcol a { color: #FAA600; font-weight: bold; }
#midcol.double { border-right: 0; width: 777px !important; }
#midheader { border: 0px solid red; padding: 0 10px; margin: 0 10px 15px 10px; width: 420px; }
#midbody { border: 1px solid #C0C0C0; border-top: 0; border-bottom: 0; padding: 0 10px; margin: 0 10px; width: 420px; overflow: hidden; } 

#rightcol { float: left; border: 0px solid red; font-size: 0.9em; }
#rightcol img { margin-bottom: 10px; }
#rightcol img.storyimage { margin: 10px 0 10px 0; }
#rightcol h1 { font-size: 1em; display: block; background: #FAA600 url(./images/icon-rss.gif) no-repeat top left; padding-left: 25px; line-height: 20px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }
#rightcol a { color: #FAA600; font-weight: bold; } 

/* end content row */
#mainnav { list-style-type: none; margin: 0; padding: 0; }
#mainnav li { 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; border: 0px solid red; width: 420px; }
#subnav li { background-color: #FFF; padding: 0px 20px 0px 0px; margin-bottom: 10px; float: left; }
#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; }
#subnav li.last { padding-right: 0 !important; }

#subsubnav { list-style-type: none; margin: 0; padding: 0; border: 0px solid red; }
#subsubnav li { margin-bottom: 5px; }
#subsubnav li a { display: block; background-color: #FDDB99; padding: 5px 10px 5px 10px; text-decoration: none; font-weight: normal; color: #000; position: relative; } 
#subsubnav li.selected a { background: #FAA600 url(./images/nav/subnavarrow.gif) no-repeat top right; }

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

#linkslist { margin: 0; padding: 0; }
#linkslist li { list-style-type: none; line-height: 3em; margin: 0; padding: 0; }
#linkslist li a { background-color: #FAA600; padding: 5px; text-decoration: none; font-weight: bold; color: #000; text-transform: uppercase; }

#latestnews a { color: #FF8D00; font-weight: bold; font-size: 0.9em; }
#latestnews h1 a { color: #000000; text-decoration: none; font-size: 1em; }

#latestexternal a { color: #FF8D00; font-weight: bold; font-size: 0.9em; }
#latestexternal h1 a { color: #000000; text-decoration: none; font-size: 1em; }

#latestcommentary a { color: #FF8D00; font-weight: bold; font-size: 0.9em; }
#latestcommentary h1 a { color: #000000; text-decoration: none; font-size: 1em; }

div.video { border: 0px solid red; width: 130px; float: left; margin-right: 10px; padding-bottom: 30px; height: 150px; }
div.video3 { margin-right: 0; }
div.video p { width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 0.8em !important; }
div.video a { width: auto !important; display: block; }

#video { margin-bottom: 30px; }
#video p { margin-top: 10px; }

div.story { margin-bottom: 30px; }

div.comments { display: none; }
div.comment { margin: 10px 0; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px solid #CCC; }
div.comments p.footer { margin: 5px 0; }

a.comments { display: block; margin-bottom: 10px; }

#commentform fieldset { border: 1px solid #CCC; }
#commentform legend { font-weight: bold; }
#commentform label { width: 200px; display: block; }
#commentform textarea { width: 400px; height: 100px; }
#commentform input { width: 400px; }
#commentform input.submit { width: auto; }

#referendum { border: 2px solid #FAA600; border-left: 0; border-right: 0; width: 420px; padding: 5px 0; }

#socialmedia { margin: 0 0 0 0; padding: 0; }
#socialmedia li { list-style-type: none; float: left; margin: 0; padding: 0 7px 0 0; }

div.blogpost { margin-bottom: 20px; margin-top: 10px; }
div.blogpost p.date { text-transform: uppercase; color: #6C6C6C; font-size: 0.9em !important; }
div.blogpost p.author { text-transform: uppercase; color: #6C6C6C; margin: 0 !important; padding: 0; font-size: 0.9em !important; }

#eventscountrylist { margin-bottom: 10px; }
#eventscountrylist select { width: 200px !important; }
#events { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }

#blogroll { color: #6C6C6C; }

/* video player component */

.previous { float: left; border: 0px solid green; }
.next { float: left; border: 0px solid blue; }
.container { float: left; border: 0px solid red; }
#outercontainer { float: left; width: 159px; height: 137px; }
#mainPlayer { border: 2px solid #C1BFC0; margin-bottom: 10px; width: 199px; }
#mainPlayer img { margin: 0; padding: 0; }