body { font-family: Helvetica, Arial, sans-serif; color: #222222; margin-top: 0; padding: 0; font-size: 0.9em; }
body.body { background-color: #FFF; background-color: #CCC; border: 0; }
img { border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
h2 { font-weight: normal; margin-top: 5px; margin-bottom: 10px; }
p { margin: 0 0 5px 0; padding: 0; line-height: 1.2em; }
a { color: #005CA3; text-decoration: none; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
ul {  }
ol { margin-top: 0; }
dl { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
#container { width: 860px; margin: 0px auto 0 auto; border: 20px solid #FFF; background-color: #FFF; }
h1 { font-weight: normal; font-size: 2.2em; color: #CF0053; margin-bottom: 10px; }
h2 { color: #2B2A5F; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 0.98em; }
input[type=text]:focus, input[type=password]:focus { outline: 0 none; }

.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; margin: 0 0 0 0; padding: 0; border: 0px solid green; width: 860px; }
#main { margin-left: 0px; }

#toplinks { border: 0px solid red; margin-top: 3px; text-align: right; color: #000; float: left; width: 485px; height: 20px; line-height: 1.4em; }
#toplinks a { color: #2B2A5F; text-decoration: none; }

#addthis { float: right; display: block; border: 0px solid green; height: 20px; padding-top: 5px;  line-height: 1.4em; }

#strapline { position: absolute; bottom: 0; right: 0; margin: 0; color: #2B2A5F; border: 0px solid red; height: 16px; }

#search { position: absolute; top: 30px; right: 0; margin: 0; border: 0px solid green; }
#search p { vertical-align: middle; color: #2B2A5F; }
#search input.text { border: none; background: url("/images/searchbox.gif") 0 0 repeat-x scroll; width: 92px; height: 14px; margin: 0; padding: 6px 0 6px 0; vertical-align: middle; border: 0px solid red; font-size: 10px; }
#search img { vertical-align: middle; }
#search input.image { margin: 0; padding: 0; width:22px; height: 26px; border: none; vertical-align: middle; }
/* 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: 221px; float: right; text-align: left; margin: 0; }
#maincol { width: 683px; float: left; padding: 0; border: 0px solid green; }

/* top */
#leftheader { float: left; margin-top: 18px; border: 0px solid red; height: 74px; }
#leftheader img { margin: 0; padding: 0; }
#midheader { float: left; height: 151px; border: 0px solid #B3B3B3; border-top: 0; border-bottom: 0; }

#rightheader { float: right; position: relative; border: 0px solid red; height: 89px; }
#rightheader a { }

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

/* second row */m
#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: 32px; width: 145px; border: 0px solid red; }
#leftcol img { }
#leftcol p { color: #000; font-size: 0.9em; }
#leftcol input { margin-left: 5px; }
#midcol { }
#midcol p { margin-bottom: 10px; font-size: 1.0em; }
#rightcol { }
#rightcol img.storyimage { margin: 0; }
#rightcol a { text-decoration: none; }
#rightcol p { color: #222; font-size: 0.9em; }
/* end content row */

#right1 h2 { background-color: #A59840; }
#right2 h2 { background-color: #5FA8AC; }
#right3 h2 { background-color: #8C7D68; }

#rightcol div.contents { background-color: #EAEAEA; padding: 5px; }
#rightcol h2 { display: block; color: #FFF; font-size: 1.0em; padding: 2px 0 5px 2px; text-transform: uppercase; margin: 0; }

div.rightbox { margin-bottom: 20px; }

#mainnav { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
#mainnav li { margin-left: 5px; float: left;  color: #FFF; display: block;  }
#mainnav li.first { margin-left: 0; }

#mainnav li.last { width: 120px; margin-left: 5px; }
#mainnav li a { color: #FFF; text-decoration: none; display: block; border: 0px solid green; background-color: #EC99BA; padding: 5px 30px 0px 5px; height: 35px; width: 83px; font-weight: bold; text-transform: uppercase; }
#mainnav li.first a { width: 87px; }
#mainnav li a.selected { background-color: #CF0053; }
#mainnav li a:hover { background-color: #CF0053; }

#subnav { list-style-type: none; margin: 0 0 38px 0; padding: 0; border-bottom: 3px solid #EC99BA; }
#subnav li { background-color: #FFF; padding: 5px 0px 5px 0px; margin-bottom: 0; border-top: 3px solid #EC99BA; height: 30px; }
#subnav li.last {  }
#subnav li a { color: #BDBDBD !important; font-weight: normal !important; font-size: 1em !important; }
#subnav li a:hover { color: #222 !important; }
#subnav li.selected { background-color: #FFF; border-top: 3px solid #CF0053;  }
#subnav li.selected a { color: #222 !important; }

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

p.breadcrumb { font-size: 0.8em !important; color: #818181; }

#footer { text-align: left; font-size: 0.9em; padding-top: 0; margin-top: 0px; position: relative; border: 0px solid red; width: 860px; }
#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: #2B2A5F; text-decoration: none; }
#footer p { padding-top: 0px; }
#footer p.socialmedia { padding-bottom: 10px; }
#footer div.fsb { position: absolute; bottom: 0; right: 0; }
#copyright { font-size: 0.95em; color: #2B2A5F; }

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

#homepagestories { margin-top: 10px; width: 860px; }
#homepagestories p { margin-top: 10px; }

#story1 { width: 222px; }
#story1 a { color: #020202; font-weight: bold; }
#story1 img.storyimage { border-top: 3px solid #57196C !important; }
#story1 h2 { background-color: #A59840; display: block; padding: 5px 20px 5px 5px; color: #FFF; text-transform: uppercase; font-size: 1.1em; margin: 0; }

#story2 { width: 222px; }
#story2 a { color: #020202; font-weight: bold; }
#story2 img.storyimage { border-top: 3px solid #57196C !important; }
#story2 h2 { background-color: #5FA8AC; display: block; padding: 5px 20px 5px 5px; color: #FFF; text-transform: uppercase; font-size: 1.1em; margin: 0; }

#story3 { width: 222px; }
#story3 a { color: #020202; font-weight: bold; }
#story3 img.storyimage { border-top: 3px solid #57196C !important; }
#story3 h2 { background-color: #8C7D68; display: block; padding: 5px 20px 5px 5px; color: #FFF; text-transform: uppercase; font-size: 1.1em; margin: 0; }

#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 { margin: 5px 0 10px 0; font-weight: normal; }
#news p.title { font-weight: bold; }
#news p.standfirst { font-weight: bold; margin-top: 0; }
#news p.author { text-transform: uppercase; margin-top: 10px; }
#news p { margin: 0; padding: 0; line-height: 1.3em; }
#news a { color: #005CA3; }

#news div.story { position: relative; padding: 0px 0 40px 0; }
#news div.story p { border: 0px solid red; width: 400px; }
#news div.story img { padding-bottom: 10px; }
#news div.story h1 { margin: 0; padding: 0; font-size: 2em; margin-bottom: 10px; width: 400px; }
#news div.story h2.date { margin: 0 0 15px 0; padding: 0; text-transform: uppercase; color: #222; font-size: 0.9em; width: 400px; }
#news div.last { border-bottom: 0; }
#news div.story h1 a { text-decoration: none; color: #CF0053; font-weight: normal; margin: 0; padding: 0; }

/* an individual story */
#news #story { width: 100%; padding: 0 0 30px 0; position: relative; }
#news #story img { padding-bottom: 10px; }
#news #story p { padding-bottom: 10px; width: 400px; }
#news #story h1 { margin: 0; padding: 0; font-size: 2em; margin-bottom: 10px; text-decoration: none; color: #CF0053; font-weight: normal; padding: 0; width: 400px; }
#news #story h2 { width: 400px; }
#news #story h2.date { margin: 0 0 15px 0; padding: 0; text-transform: uppercase; color: #222; font-size: 0.9em; }
#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; }

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

div.overview { color: #FFF; border: 0px solid red; width: 50px; }
a.prev { color: #FFF; }
a.next { color: #FFF; }

#article { border: 0px solid yellow; width: 436px; }
#article h1 { margin-bottom: 20px; width: 400px; }
#article h2 { width: 400px; }
#article p { width: 400px; }
#article li { width: 350px; line-height: 1.2em; }
#article img.main { margin-bottom: 10px; }
div.link { padding-bottom: 10px; }

h1.homepage { font-weight: normal; font-size: 2.2em; color: #CF0053; margin: 10px 0 0 0; text-transform: none; }

#topblock { /*background: url("/images/lumos-homepage-background.jpg") 0 0 no-repeat;*/ width: 860px; height: 276px; }
#topblock .content { width: 390px; padding: 40px 60px 0 40px; color: #2B2A5F; font-size: 1.2em; }
#topblock p { margin-bottom: 10px; }

div.leftblock { background-color: #EAEAEA; }
div.leftblock h2 { border-top: 1px solid red; }

div.column { float: left; border: 0px solid blue; padding-right: 16px; }
div.column p { font-size: 0.9em; color: #222; }
div.last { padding-right: 0; }
div.auxblock { width: 145px; border-top: 3px solid #2B2A5F; background-color: #EAEAEA; margin-bottom: 17px; }
div.auxblock h2 { display: block; padding: 4px 4px 10px 3px; font-size: 1.2em; font-weight: bold; margin: 0; }
div.auxblock h2 a { color: #2B2A5F; }
div.auxblock p { padding: 7px; margin-top: 0 !important; }

div.filter h2 { color: #CF0053; font-size: 1.0em; margin-bottom: 10px; padding-top: 3px; margin-top:0; border-top: 3px solid #EC99BA; }
div.filter ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
div.filter a { color: #222; }

img.icon { vertical-align: middle; }

#newsletter input { width: 200px; margin-bottom: 5px; font-size: 0.8em; }
#newsletter input.checkbox { width: auto; margin: 0; }
#newsletter input.submit { width: auto; margin: 0; }
#newsletter fieldset { border: 0; }

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

a.comments {  }

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

div.person div.image { float: left; padding: 0 15px 0 0; }

#shoppinglist { margin: 0 0 20px 0 !important; padding: 0; border: 0px solid green; list-style-type: none; }
#shoppinglist a { display: block; width: 221px; }
#shoppinglist li { list-style-type: none; margin: 0; padding: 0; }
#shoppinglist li.list1 a { background: url("/images/1stitched.gif") 0 0 no-repeat; height: 92px; display: block; }
#shoppinglist li.list1 a:hover { background-position: 0 -92px; }
#shoppinglist li.list2 a { background: url("/images/2stitched.gif") 0 0 no-repeat; height: 76px; display: block; }
#shoppinglist li.list2 a:hover { background-position: 0 -76px; }
#shoppinglist li.list3 a { background: url("/images/3stitched.gif") 0 0 no-repeat; height: 108px; display: block; }
#shoppinglist li.list3 a:hover { background-position: 0 -108px; }

#searchresults { list-style-type: none; margin: 0; padding: 0; }
#searchresults li { margin-top: 15px; margin-bottom: 25px; border: 0px solid red; }

#sitemap li { margin-bottom: 4px; }

#leftcol #donate:hover { cursor: pointer; }
#leftcol #newsletter:hover { cursor: pointer; }

/* country map */

#gmap { display:block; width:436px; height:291px; background:url(/images/library/map.jpg); position:relative; margin-bottom: 10px; }
#gmap a { color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; }
#gmap a:hover { overflow:visible; cursor: pointer; color: #FFF; }

a#georgia { display:block; width:105px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:327px; top:146px; }
* html a#georgia { height:40px; he\ight:0; }
a#georgia:hover { background:transparent url(/images/library/MapGeorgia.jpg) no-repeat 0 0; }

a#moldova { display:block; width:55px; height:0; padding-top:70px; overflow:hidden; position:absolute; left:167px; top:88px; }
* html a#moldova { height:50px; he\ight:0; }
a#moldova:hover { background:transparent url(/images/library/MapMoldova.jpg) no-repeat 0 0; }

a#bulgaria { display:block; width:80px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:119px; top:177px; }
* html a#bulgaria { height:40px; he\ight:0; }
a#bulgaria:hover { background:transparent url(/images/library/MapBulgaria.jpg) no-repeat 0 0; }

a#montenegro { display:block; width:105px; height:0; padding-top:120px; overflow:hidden; position:absolute; left:54px; top:181px; }
* html a#montenegro { height:80px; he\ight:0; }
a#montenegro:hover { background:transparent url(/images/library/MapMontenegro.jpg) no-repeat 0 0; }

a#hungary { display:block; width:80px; height:0; padding-top:50px; overflow:hidden; position:absolute; left:46px; top:107px; border: 0px solid red; }
* html a#hungary { height:53px; he\ight:0; }
a#hungary:hover { background:transparent url(/images/library/MapHungary.jpg) no-repeat 0 0; overflow:visible; cursor: pointer; color: #FFF; }

a#czech { display:block; width:75px; height:0; padding-top:60px; overflow:hidden; position:absolute; left:3px; top:67px; border: 0px solid red; }
* html a#czech { height:40px; he\ight:0; }
a#czech:hover { background:transparent url(/images/library/MapCzech.jpg) no-repeat 0 0; }