/* default styles
   -------------- */
   
body {
   padding: 0;
   margin: 0;
   font: 0.8em Arial, sans-serif;
   font-weight: normal;
   line-height: 1.5em;
   background: #666666;
   color: #454545;
}
body#home a#h, body#news a#n, body#articles a#a, body#matters a#r {
   background: #FFF url(../images/bar.gif) no-repeat center bottom;
   color: #9EC068;
   font-weight: bold;
   padding-bottom: 8px;
}
a {
   color: #185DA0;
   background: inherit;
}
a:hover {
   color: #9EC068;
   background: inherit;
}
a.title {
   background: #FFF;
   font-weight:bold;
}
a.contact, a.teamcontact{
   color: #669933;
   background: #FFF;
   font-weight:bold;
}

p.teamcontact{margin-top:10px;}

h1, h2, h3, h4 {
   color: #185DA0;
}
h1 {
   font-size: 1.5em;
   letter-spacing: -1px;
   padding: 7px 0 4px 8px;
   margin: 0;
}

h2 {
   margin: 0;
   padding: 0;
   font-size: 130%;
   margin-top: 10px;
   background: inherit;
}
h3 {
   font-size: 110%;
   margin-bottom:5px;
}
h1 a, h2 a, h3 a {
   text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
   color: #9EC068;
   background: #FFF;
}

h4 {
   margin: 0;
   padding: 0;
   font-size: 130%;
   margin-bottom: 5px;
   background: inherit;
   font-style:italic;
}

p {
   margin: 0 0 5px 0;
   font-weight: normal;
}
ul {
   margin: 5px 0 5px 15px;
   padding: 0;
   list-style:url(../images/bullet.gif);
}
ul.poem{
   list-style-type:none;
   list-style:none;
   margin:10px 100px;
}
ol.letters{
   list-style-type: lower-alpha;
}

form {
   margin: 0;
}
input.search {
   width: 199px;
   border: none;
   background: url(../images/input.gif);
   padding: 4px;
}
input.login {
   width: 150px;
   border: none;
   background: url(../images/logininput.gif);
   padding: 4px;
}
/* layout
   ------ */

.wrapper {
   margin: 15px auto;
   padding: 1em;
   background-color:#FFFFFF;
   width: 780px;
}
.content {
   margin: 10px auto;
   width: 760px;
}
.header {
   height: 45px;
}
.top_info {
   float: right;
   width: 580px;
   font-size:smaller;
   padding: 4px 0;
   border-bottom: 1px solid #eee;
}
.top_info_left {
   width: 320px;
   float: left;
   padding-top:2px;
}

.top_info_right {
   float: right;
   width: 230px;
   margin: 0 0 0 25px;
   border-left: 1px solid #eee;
}
.slogan {
   font-size: 0.9em;
   width: 160px;
}
.bar {
   clear: both;
   font-size: 1.1em;
   height: 30px;
   margin: 0 0 0 0px;
}
.bar p {
   font-size:0.8em;
   padding:5px 0 0 0;
}
.bar li {
   margin: 0;
   padding: 4px 10px 8px 10px;
   color: #808080;
   background: #FFF;
   float: left;
   list-style:none;
}
.bar li a:active {
   background: #FFF url(../images/bar.gif) no-repeat center bottom;
   color: #9EC068;
   font-weight: bold;
   padding-bottom: 8px;
}
.bar a {
   font-weight: bold;
   color: #4A8EBC;
   background: inherit;
}
.bar li a:hover {
   background: #FFF url(../images/bar.gif) no-repeat center bottom;
   color: #9EC068;
   font-weight: bold;
   padding-bottom: 8px;
   background: inherit;
}
.search_field {
   background: #DCF2B8 url(../images/barbg.gif) no-repeat;
   color: #000;
   border-top: 1px solid #9EC068;
   border-bottom: 1px solid #9EC068;
   clear: both;
   text-align: center;
   padding: 10px 0 5px 0;
}
.subheader {
   margin: 3px 0 10px 0;
   padding: 8px;
   background: #f4f4f4 url(../images/subheaderbg.gif) no-repeat;
   color: #808080;
   font-weight: bold;
   border-bottom: 1px solid #ccc;
   font-size:130%;
   min-height:20px;
}
/* left side
   --------- */

.left {
   float: left;
   width: 500px;
   margin: 0 0 10px 0;
}
.left_articles {
   margin: 0px 0 10px 0;
}
.left_links {
   border: 1px solid #eee;
   padding: 10px 10px 10px 15px;
   margin: 0 0 10px 0;
}
.left_links:hover {
   border: 1px solid #ccc;
}
.left_message {
   border: 1px solid #eee;
   padding: 10px 10px 10px 75px;
   margin: 0 0 10px 0;
   background: #fff url(../images/questionmark.gif) no-repeat center left;
   color: #454545;
}
.left_message:hover {
   border: 1px solid #ccc;
}
.left_side {
   float: left;
   width: 180px;
}
.right_side {
   float: right;
   width: 200px;
   border-left: 1px solid #eee;
   padding: 0 0 0 20px;
}
.left_box {
   background: #f4f4f4;
   color: #000;
   border: 1px solid #ccc;
   padding: 10px;
}
/* right side
   ---------- */
      
.right {
   float: right;
   width: 225px;
   margin: 0 0 10px 0;
}
.right_login {
   padding: 10px;
   margin: 0 0 10px 0;
   background: #A9D4F2;
   color: #246088;
   border-top: 1px solid #4A8EBC;
   border-bottom: 1px solid #4A8EBC;
}
.right_articles {
   border: 1px solid #eee;
   padding: 8px;
   margin: 0 0 10px 0;
}
.right_articles:hover {
   border: 1px solid #ccc;
}
.image {
   float: left;
   margin: 0 18px 8px 0;
   border: 1px solid #dedede;
}
/* footer
   ------ */

.footer {
   clear: both;
   text-align: center;
   line-height: 1.8em;
   color: #808080;
   background: #FFF;
   padding: 10px 0 10px 0;
   border-top: 1px solid #eee;
}
.footer a {
   color: #9EC068;
   background: #fff;
}
/* Extras */

.calculator {
   font-size: 1em
}
.question {
   font-weight: bold;
   text-align: left
   }
.answer {
   text-align: left;
   font-weight: normal;
   }
.byline {
   font-style: italic;
   font-weight:bold;
   }
.abstract {
   font-weight: bold;
   text-align:center;
   }
.disclaimer {
   font-style:italic;
   }

/*-----------------------additional styling for translator bar---------------------*/
.translator {float:right;width:59%;}
#sub_title{width:40%;}
#trans_intro{font-weight: normal;font-size:80%;float:left;margin:0 10px 0 0 ;}
.centre_services ul{float:left;width:60%;}
.centre_services {clear:both;}
.goog-te-combo{float:left !important; margin-top:0 !important; margin-right:5px !important;}
/*#google_translate_element{padding-top:2px !important;}*/

/*---------------------------------Russian styling-----------------------------------*/
.centre_italics{font-style:italic;width:90%;margin:5px 5%;}
.centre_bold{font-weight:bold;width:90%;margin:5px 5%;}

 .centrecell{text-align:center;}
 #tableheadings td {padding:0 5px;}

