/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
  font:small Georgia,"Times New Roman",Times,serif;
  line-height:1.4em;
  text-align:center;
  color:#303030;
  background:#b0c4de;
  background:#e8eaec;
}

a{
  color:#467aa7;
  font-weight:bold;
  text-decoration:none;
  background-color:inherit;
}

a:hover{
  color:#2a5a8a; 
  text-decoration:none; 
  background-color:inherit;
}

a img{
  border:none;
}

p{
  padding:0 0 1.6em 0;
}

p form{
  margin-top:0; 
  margin-bottom:20px;
}

img.left,img.center,img.right{
  padding:4px; 
  border:1px solid #a0a0a0;
}

img.left{
  float:left; 
  margin:0 12px 5px 0;
}

img.center{
  display:block; 
  margin:0 auto 5px auto;
}

img.right{
  float:right; 
  margin:0 0 5px 12px;
}


/**************** Header and navigation styles ****************/

#container{
  width:760px;
  margin:20px auto;
  padding:1px 0;
  text-align:left;
  background:#ffffff;
  color:#303030;
  border:2px solid #a0a0a0;
}

#header{
  height:30px;
/*  height:64px; Shows Statistical Innovation under logo image*/
/*  width:623px;*/
  width:450px;
  margin:0 1px 1px 1px;
  padding:35px;
  padding-left: 200px; /*100px;*/
  color:black;
  background-color: white;
/*  background-image: url('../images/BC-logo-small.gif');*/
  background-image: url('../images/BC-3D-small.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
}

#header h1{
    padding:0 0 0 0;
    font-size:300%;
    font-family: Century Gothic, sans-serif;/*Crush, Impact, fantasy;*/
    background-color:inherit;
    color: black;
    letter-spacing:-2px;
    line-height:0.5em;
    font-weight:bold;
}

#header h2{
  margin:10px 0 0 70px;
  font-size:200%;
  font-family: Century Gothic, sans-serif;/*Crush, Impact, fantasy;*/
  font-style: normal; /*oblique;*/
  background-color:inherit;
  letter-spacing:-2px;
  color:black;
  line-height:1em;
  font-weight:normal;
}

#navigation{
  height:2.2em;
  line-height:2.2em;
  width:758px;
  margin:0 1px;
  background:#666666;
  color:#ffffff;
}

#navigation li{
  float:left;
  list-style-type:none;
  border-right:1px solid #ffffff;
  white-space:nowrap;
}

#navigation li a{
  display:block;
  padding:0 10px;
  font-size:1em;
  font-weight:normal;
  /*text-transform:uppercase;*/
  font-variant: small-caps; 
  text-decoration:none;
  background-color:inherit;
  color: #ffffff;
}

* html #navigation a {
  width:1%;
}

#navigation .selected,#navigation a:hover{
  background:#AA4444;
  color:#ffffff;
  text-decoration:none;
}

/**************** Content styles ****************/

#content{
  float:left;
  width:530px;
  font-size:0.9em;
  padding:20px 0 0 20px;
}

#content h1{
  display:block;
  margin:0 0 24px 0;
  font-size:2.5em;
  font-weight:normal;
  font-variant: small-caps; 
  letter-spacing:-1px;
  color:#505050;
  color: maroon;
  background-color:inherit;
}

#content h2{
  display:block;
  margin:0 0 16px 0;
  font-size:1.7em;
  font-weight:normal;
  letter-spacing:-1px;
  color:#505050;
  color: maroon;
  background-color:inherit;
}

#content h2 a{
  font-weight:normal;
}

#content h3{
  margin:0 0 5px 0; 
  font-size:1.4em; 
  letter-spacing:-1px;
  font-variant: small-caps; 
  display: block;
  color: #FFFFFF;
  background-color: #aa4444;
}

#content a:hover,#subcontent a:hover{
  text-decoration:underline;
}

#content ul,#content ol{
  margin:0 5px 16px 35px;
}

#content dl{
  margin:0 5px 10px 25px;
}

#content dt{
  font-weight:bold; 
  margin-bottom:5px;
}

#content dd{
  margin:0 0 10px 15px;
}

/**************** Sidebar styles ****************/

#subcontent{
  float:right;
  width:160px;
  padding:20px 20px 10px 0;
  line-height:1.4em;
}

#subcontent h2{
  margin:0 0 15px 0;
  font-size:1.4em;
  font-weight:normal;
  text-align:left;
  letter-spacing:-1px;
  display: block;
  color: #FFFFFF;
  background-color: #aa4444;
}

#subcontent p{
  margin:0 0 16px 0; 
  font-size:0.9em;
}

/**************** Menublock styles ****************/

.menublock{
  margin:0 0 20px 8px; 
  font-size:0.9em;
}

.menublock li{
  list-style:none; 
  display:block; 
  padding:2px; 
  margin-bottom:2px;
}

.menublock li a{
  font-weight:bold; 
  text-decoration:none;
}

.menublock li a:hover{
  text-decoration:none;
}

.menublock li ul{
  margin:3px 0 3px 15px; 
  font-size:1em; 
  font-weight:normal;
}

.menublock li ul li{
  margin-bottom:0;
}

.menublock li ul a{
  font-weight:normal;
}

/**************** Searchbar styles ****************/

#searchbar{
  margin:0 0 20px 0;
}

#searchbar form fieldset{
  margin-left:10px; border:0 solid;
}

#searchbar #s{
  height:1.2em;
  width:110px;
  margin:0 5px 0 0;
  border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
  width:auto;
  padding:0 1px;
  border:1px solid #808080;
  font-size:0.9em;
  text-align:center;
}

/**************** Footer styles ****************/

#footer{
  clear:both;
  width:758px;
  padding:5px 0;
  margin:0 1px;
  font-size:0.9em;
  color:#f0f0f0;
  background:#666666;
}

#footer p{
  padding:0; 
  margin:0; 
  text-align:center;
}

#footer a{
  color:#f0f0f0; 
  background-color:inherit; 
  font-weight:bold;
}

#footer a:hover{
  color:#ffffff; 
  background-color:inherit; 
  text-decoration: underline;
}

/**************** Misc classes and styles ****************/

.splitcontentleft{
  float:left; 
  width:32%;
}

.splitcontentright{
  float:right; 
  width:64%;
}

.clear{
  clear:both;
}

.small{
  font-size:0.8em;
}

.hide{
  display:none;
}

.textcenter{
text-align:center;
}

.textright{
  text-align:right;
}

.important{
  color:darkred; 
  background-color:inherit; 
  font-weight:bold;
  text-decoration:underline;
}

.box{
  margin:0 0 20px 0;
  padding:10px;
  border:1px solid #c0c0c0;
  background-color:#fafbfc;
  color:#505050;
  line-height:1.5em;
}