/*
	Belene site main CSS style
	2004-Apr-23 design by eoin mcgrath
 2006-Apr-04/30 re-design by michel	
*/


body {
margin: 0;
padding: 0;
color: #666;
font-family: Verdana, sans-serif;
font-size: 1em;
background: url(/belene/img/body-background.jpg) bottom right repeat-x fixed;
}

a:link, a:visited {text-decoration: none; font-weight: bold; color: #161;}
a:hover {text-decoration: underline;}

.clear {
clear: both;
height: 0;
}


/* container
--------------------------------- */
#container {
background-color: #FFF;
margin: 15px auto 15px auto;
padding: 0;
width: 700px;
border: 1px solid #116611;
}




/* header
---------------------------- */
#header {
height: 150px;
margin: 0 auto;
color: #000;
background: #fc3 url(/belene/img/header.jpg) top left no-repeat;
border-bottom: 1px solid #116611;
position: relative;
}
  #bg #header {background: #FC3 url(/belene/img/header-bg.gif) top left no-repeat;}
  #en #header {background: #FC3 url(/belene/img/header-en.gif) top left no-repeat;}

/* language switcher */
#language {
position: absolute;
top: 5px;
left: 5px;
width: 30px;
height: 20px;
}
  #language a#bg {background: url(/belene/img/language-bg.gif) 0 0 no-repeat;}
  #language a#en {background: url(/belene/img/language-en.gif) 0 0 no-repeat;}
#language a {display: block; width: 30px; height: 20px; border: 1px solid #116611;}
#language a:hover {border: 1px solid #CCC;}




/* maincontent
----------------------------*/
#maincontent {
margin: 0;
padding: 0;
text-align: center;
}
#maincontent #maintitle {
margin: 0 0 2em 0;
padding: 5px 20px 0 0;
display: block;
width: 680px;
font-size: 1.1em;
text-align: right;
color: #FFF;
background: #161;
border-top: 8px solid #383;
border-bottom: 1px solid #050;
}




/* action-apps styles */
.newsitem {
margin: 0px 0 20px 0;
padding: 5px 10px;
background: url(/belene/img/news-background.jpg) 0 0 repeat-x;
text-align: left;
/* border-bottom: 1px solid #EEE; */
}
.newsitem h3 {
margin: 0;
padding: 0;
font-size: 100%;
text-align: left;
color: #161;
}
.newsitem p {
margin: .5em 0 0 0;
padding: 0;
font-size: 70%;
}
.newsitem img {
float: left;
margin: 0 1em 1em 0;
border: 1px solid #000;
}

  #container .clearer {
  clear: both;
  float: left:
  width: 100%;
  }




/* new leftcol-rightcol [ added 2006-Apr-06]
------------------------------------------------------- */
#wrapper {
width: 700px;
background: url(/belene/img/wrapper-background.gif) top left repeat-y;
/*border-top: 2px solid #BB9900;*/
border-bottom: 2px solid #BB9900;
}
#cols-clear {height: 0; clear: both;}




/* navigation [leftcol]
------------------------------------ */
#menu {
margin: 0 0 -2px 0;
padding: 0;
float: left;
width: 220px;
text-align: left;
letter-spacing: 1px;
font-size: 80%;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#menu li a {
display: block;
width: 200px;
margin: 0;
padding: 2px 10px;
height: 1.3em;
border-bottom: 1px solid #040;
background: #161;
color: #FFCE31;
text-decoration: none;
line-height: 1.3em;
}
  #menu li#last a {
  border-bottom: 1px solid #040;
		}
#menu li a:hover {
color: #fff;
background: #383;
}
  #menu li#current {background: #383; color: #fff;}
  #menu a:active	{background: #c60; color: #fff;}



/* important box [rightcol]
------------------------------------ */
#important {
float: right;
width: 480px;
margin: 0;
padding: 0;
color: #B90;
text-align: left;
}
#important h3 {
display: block;
margin: 4px 0 0 0;
padding: 0;
/* background: #b90; */
color: #116611;
text-decoration: none;
font-weight: bold;
letter-spacing: 4px;
font-size: 120%;
text-align: center;
}
#important ul {
list-style: none;
margin-top: .5em;
margin-bottom: .5em;
}
#important li {
background: url(/belene/img/important-bullet.gif) 0 50% no-repeat;
margin: 0;
padding: 0 10px 0 17px;
font-size: 80%;
margin: 0 0 .5em 0;
}





/* footer
------------------------- */
#footer {
margin: 10px 0 5px 0;
padding: 5px 0;
border-top: 1px solid #116611;
background: url(/belene/img/footer-background.jpg) top left repeat-x;
}
#footer p {
text-align: center;
font-size: 60%;
color: #666;
margin: 0;
padding: 0;
}
#footer p a {
color: #666;
text-decoration: none;
}
#footer p a:hover {
color: #036;
text-decoration: underline;
}

/* bluelink logo/link */
#bluelink {
margin: 0 auto;
margin-top: 10px;
padding: 0;
width: 100px;
height: 50px;
border: 0px;
}
#bluelink img {
border: 1px solid #589868;
}
#blue, #blue a, #blue a:hover {border: 0;}




/* ul, li
-------------------------- */

.nuclear {
background: #FFF;
width: 630px;
}
.nuclear li {
list-style: none;
background: #FFF url(/belene/img/rad-list.gif) 0 50% no-repeat;
padding-left: 20px;
text-align: left;
font-size: 70%;
margin-bottom: .5em;
}
  .da {font-weight: bold; color: #161;}
  .ne {font-weight: bold; color: #c20;}

.normal li {
list-style: bullet;
padding: 0 0 0 20px; 
text-align: left;
font-size: 70%;
}




/* gallery page (gallery.shtml)
------------------------------------------ */
.galleryset {
margin: 0 0 10px 0;
padding: 0 0 20px 0;
font-size: 70%;
text-align: left;
float: left;
}
.galleryset div {
background: #FFF url(/belene/img/gallery-background.jpg) top left repeat-x;
color: #666;
margin: 5px 0 5px 5px;
padding: 10px 4px;
border: 1px solid #DDD;
display: table; /* FF 1.5+ & Opera 8.5+: auto-clears images' float */
/*zoom: 1;*/ /* fix for IE 6 & IE 7 */
width: 329px;
height: 180px;
float: left;
}
.galleryset img {
float: left;
margin: 0 4px 4px 0;
padding: 1px;
border: 1px solid #116611;
}
    /* .galleryset a img {border: 1px solid #116611;}
       .galleryset a:hover img {border: 1px solid #CCCCCC;} */
				/* does NOT work in IE :((( */

.galleryset h3 {
border-bottom: 1px solid #CCC;
font-size: 120%;
margin: 15px 0 10px 5px;
padding: 0;
}





/* petition
------------------------------------ */

form .formFields {
margin: 20px;
text-align: left;
}

form .formFields p {
text-align: right;
margin: 0 400px 6px 0;
}

form .button {
margin: 10px;
padding-left: 20px;
padding-right: 20px;
}


/* table in campaign.php
------------------------------------- */

table {
border: 1px solid #DDD;
border-collapse: collapse;
margin: 15px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: left;
}
table td {margin: 0; padding: 1px 12px;}