/* Style Sheet for Accelonix Template */

/* For dummy boxes to fix IE layouts */
.dummy {
  position:static;
}

body {
  background: #bcbdc0;
  padding: 0px;
  margin: 0px;
}

a {
  color:#0071BC;
}

#all {
  width: 100%;
  height: 100%;
  float:left;
  font-family: arial, "lucida console", sans-serif;
  text-decoration:none;
}

/* Header */
#header {
  text-align:center;
  /*width:100%;*/
  min-width:1130px;
  height:135px;
  background:url(../images/head.jpg) no-repeat;
  background-position:center center;
  border:0px;
  margin:0px;
}
/*
#header_content {
  position:relative;
  text-align:center;
  width:1060px;
  height:143px;
  left:50%;
  margin-left: -530px;
  float:left;
  background: url(../images/head.jpg) no-repeat;
  border:0px;
}
#header_content span {
  position:relative;
  color:#FFFFFF;
  left:200px;
  bottom:-100px;
}
/*

/* The Main Site Menu*/
#top_menu_container {
  /*background: #0071BC;*/
  background: url(../images/btn.png) repeat-x;
  background-position: 0px 0px;
  min-width:1130px;
  width: 100%;
  height: 26px;
}

/*Menu Code Here*/

/* The main frame for the content*/
#frame {
  width: 1130px;
  margin: 4px auto auto auto;
  z-index:1;
}


/* The Random Image / Welcome / site links? */
#top_banner {
  top:0px;
  width:100%;
  height:130px;
  overflow:hidden; /* required to display in IE 6 correctly */
}
#image_banner {
  float:left;
  width:896px;
  height:130px;
  margin:0px;
  padding:0px;
}
#site_links {
  float:left;
  width:230px;
  height:130px;
  margin:0px 0px 0px 4px;
  background:#00338B;
  font-size:10pt;
}
#site_links a {
color:#FFFFFF;
text-decoration:none;
height:26px;
width:230px; /* So the link is always clickable */
display: block;
}

#site_links a span {
padding:0px 0px 0px 5px;
background: url(../images/btn.png) repeat-x;
background-position:0px 0px;
line-height:26px;
width:225px;
display:block;
}
#site_link_fr a span
{
background: url(../images/btn_fr.png) no-repeat;
}
#site_link_uk a span
{
background: url(../images/btn_uk.png) no-repeat;
}
#site_link_ib a span
{
background: url(../images/btn_ib.png) no-repeat;
}
/*
#site_link_cn a span
{
background: url(../images/btn_cn.png) no-repeat;
}*/

#site_links a:hover {
  cursor:pointer;
  color:#0071BC;
  text-decoration:none;
}
#site_links a:hover span {
background-position:0px -26px;
}

.site_link {
  clear:left;
  height:26px;
  width:100%;  
  /*vertical-align:middle;*/
  /*border: 1px solid #FF0000;*/
}


#main_block {
  font-size: 10pt;
  position:relative;
  margin-top:4px;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  float:left;
  overflow:hidden;
  z-index:2;
  color:#666666;
}

/* The 3 container divs allowing non hacked compliant layout*/
#container3 {
  /*background:#FF00FF;*/
  float:left;
  /*width:100%;*/
  width:1130px;
  overflow:hidden;
  position:relative;
}
#container2 {
  /*background:#00FFFF;*/
  float:left;
  /*width:100%;*/
  width:1130px;
  position:relative;
  right:235px;
}
#container1 {
  /*background:#FFFF00;*/
  float:left;
  /*width:100%;*/
  width:1130px;
  position:relative;
  right:690px;
}

#left {
  /*background:#FF0000;*/
  float:left;
  width:148px;
  min-height:295px;
  position:relative;
  margin: 5px 5px 0px 0px;
  left:925px;
  min-height:1px; /* There must be a min height for the adjacent divs to float against */
  overflow:auto;
} 
.relateditems {
  list-style:none;
  font-size:9pt;
}
.relateditems a{
  color:#666666;
}

#article {
  /*background:#00FF00;*/
  font-size: 10pt;
  float:left;
  width:739px;
  min-height:295px;
  position:relative;
  /*margin: 5px 0px 0px 5px;*/
  padding: 5px 0px 0px 5px;
  left:924px;
  min-height:1px;
  overflow:auto;
}

#article p
{
  padding-top:10px;
  padding-bottom:10px;
  margin:0px;
}

#back_blocks {
  min-width:0px;
  float:left;
  position:absolute;
  left:0px;
  top:0px;
  height:100%;
  min-height:100%;
  color:#cccccc;
  /*background:#FF0000;*/
}
.pathway {
  font-size:8pt;
  /*text-decoration:underline;*/
  color:#CCCCCC;
}
#article_content {
  position:relative;
  float:left;
  width:550px;
  color:#666666;
  background: #FFFFFF;
}
.article_intro {
  color:#0071BC;
  font-size:12pt;
  font-weight:bold;
  width:550px;
}

.article_intro h1,
.article_intro h2,
.article_intro h3,
.article_intro h4,
.article_intro h5,
.article_intro h6{
  color:#0071BC;
  font-size:12pt;
  font-weight:bold;
  width:550px;
}

.news_blog h2
{
  color:#0071BC;
  font-size:12pt;
  font-weight:bold;
  width:550px;
}
.article_text {
  width:550px;
}

.article_text h1,
.article_text h2,
.article_text h3,
.article_text h4,
.article_text h5,
.article_text h6{
  color:#0071BC;
  font-size:12pt;
  font-weight:bold;
  width:550px;
}

#imagespace {
  position:relative;
  float:left;
  width:160px;
  height:160px;
  margin: 0px 0px 0px 5px;
  /*background:#000000;
  color:#FFFFFF;*/
}

#news_sum {
  /*background:#0000FF;*/
  float:left;
  /*margin: 5px 5px 0px 5px;*/
  padding: 5px 5px 0px 5px;
  width:220px;
  min-height:295px;
  position:relative;
  left:929px;
  overflow:auto;
  color:#666666;
}
#news_sum a {
  color:#0071BC;
}
.hn_article h2 {
  padding:0px;
  margin:0px 0px 5px 0px;
  font-size:10pt;
  color:#0071BC;
}

.search_sitesearch {
  margin:0px;
  padding:0px;
  vertical-align: top;
  line-height:22px;
  height:22px;
}
.inputbox_sitesearch {
  float:left;
}
.button_sitesearch {
  /*float:left;*/
  float:left;
}


#left_fill {
  position:absolute;
  left:0px;
  width:148px;
  height:100%;
  min-height:100%;
  background:#FFFFFF;
}
#article_fill {
  position:absolute;
  left:152px;
  width:744px;
  height:100%;
  min-height:100%;
  background:#FFFFFF;
}
#news_fill {
  position:absolute;
  margin:0px;
  left:900px;
  width:235px;
  height:100%;
  min-height:100%;
  background:#FFFFFF;
}

#navigon
{
  margin-top:5px;
}

.navlink
{
  font-weight:bold;
  margin:10px;
}

.navlink a
{
  text-decoration:none;
  font-weight:normal;
  color:#0071BC;
}

/* backlink is actually within article*/
#backlink {
  width:100%;
  font-size:12px;
}

#left h3
{
  color:#0071BC;
  font-size: 10pt;
  padding:5px;
  margin:0px;
}


#side_menu
{
  padding:5px;
  margin:0px;
  list-style:none;
  color:#666666;
  font-weight:bold;
}
#side_menu span:hover
{
  color:#0071BC;
}
#side_menu ul li span:hover
{
  /*color:#00338b;*/
  color:#0071BC;
}

#side_menu a
{
  /*color:#0071BC;*/
  color:#00338b;
  text-decoration:none;
}
#side_menu li
{
  padding: 5px 0px 5px 0px;
}
#side_menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top:8px;
}
#side_menu ul li {
  padding: 3px 0px 3px 8px;
}
#side_menu span {
  cursor:pointer;
}

#side_menu #current
{
  /*padding:10px 0px 10px 5px;*/
  display:block;
}
#side_menu .active
{
  display:block;
}
#side_menu .more
{
  text-decoration:none;
  font-weight:normal;
  color:#0071BC;
  margin-left:1pt;
}
#side_menu #current ul
{
  margin-left:10px;
}


#foot {
  position:relative;
  width:1130px;
  height:22px;
  margin-top:5px;
  /*background:#0000FF;*/
  float:left;
  bottom:0px;
  color: #FFFFFF;
  font-size: 9pt;
}

#foot a {
  color:#FFFFFF;
}

#foot_left {
  float:left;
}

#foot_right {
  float:right;
}
