html, body {
  margin			: 0;
  padding			: 0;
  left				: 0;
  border			: none;
  background			: #bfbfbf;
  height			: 100%;
  text-align			: center;
  position			: relative;
}


body { 
  font-family			: verdana, helvetica, arial, 'ms sans serif', sans-serif;
  font-size			: 11px;
  color				: #000;
  line-height			: 1.5em;
}


/* page structure */


#container    {
  width			: 990px;
  position		: relative;
  margin		: 5px auto;
  text-align  		: center;
  background		: #fff;
  border		: 1px solid black;
}

#banner, #box1, #share, #search, #box2, #mainmenu, #content1, #content2, #step {
  position			: absolute;
}

#banner {
  left			: 3px;
  top			: 0;
  width			: 970px;
  height		: 110px;
  border		: none;
  text-align		: left;
  background		: #fff;
 z-index: 100;
}

#banner p {
 margin			: 0:
 padding		: 0;
}


#share {
  top: 16px;
  right: 105px;
  z-index: 1000;
}  

#search {
  top: 60px;
  right: 10px;
 z-index: 1000;
}

img {
  border		: none;
  margin		: 0;
  padding		: 0;
}

fieldset {
  border: none;
}

#box1 {
  font-size			: 11px;
  top				: 10px;
  text-align			: right;
  right				: 18px;
  z-index			: 200;
}


#box2 {
  font-size			: 12px;
  color				: #666;
  text-align			: right;
  top				: 40px;
  right				: 20px;
  z-index			: 300;
}

#box3 {
  color				: #000000;
  width				: 160px;
  position			: absolute;
  top				: 115px;
  right				: 15px;
  padding			: 0;
  margin			: 0;
}

#box3 .header {
  text-align 			: center;
  padding 			: 3px;
  background-color 		: #C0504D;
  color 			: #ffffff;
  font-weight 			: bold;
  margin			: 0;
  width				: 144px;
}


.search .inputbox {
  border           	: 1px solid #404040;
  padding          	: 2px;
  margin		: 0;
  font-family      	: verdana, helvetica, arial, 'ms sans serif', sans-serif;
  font-size        	: 11px;
  color            	: #000000;
  background       	: #ebeae4; 
  letter-spacing	: 1px;
  height		: 12px;
}


.button {
  background		: url(http://www.institutehrb.org/images/go.gif);
  width : 52px;
  height : 17px;
  border: none;
  cursor: pointer;
}


#bodycontent {
  position			: relative;
  width				: 673px;
  margin			: 120px 0 0 122px;
  background			: #fff;
  text-align			: justify;
  min-height			: 500px;
}


#bodycontent-wide {
  float				: left;
  width				: 850px;
  margin			: 120px 0 0 127px;
}

#bodycontent-narrow {
  float				: left;
  width				: 500px;
  margin			: 120px 0 0 115px;
}

#bodycontent-right {
  position			: absolute;
  top				: 120px;
  right				: 15px;
  width				: 345px;
}


#lead-story {
  border			: 1px solid #c0504d;
  padding			: 0;
  margin			: 0;
  text-align			: justify;
}

#lead-story-text {
  padding			: 5px 5px 0 5px;
}


#story1 {
  width				: 325px;
  text-align			: justify;
  float				: left;
  padding			: 0;
  margin			: 0;
  color				: #000;
}


.header {
  text-align 			: left;
  padding 			: 5px 5px 5px 15px;
  background-color 		: #C0504D;
  color 			: #ffffff;
  font-weight 			: bold;
  font-size			: 12px;
  margin			: 0 0 10px 0;
}

.header a {
  color				: #fff;
}

#story2 {
  width				: 500px;
  text-align			: justify;
  float				: left;
  margin			: 0;
  padding			: 0 0 5px 10px;

}


#story3 {
  width				: 325px;
  text-align			: justify;
  float				: left;
  padding			: 0 0 2px 0;
  margin			: 0;
  color				: #000;
}


.blogs {
  width				: 325px;
  float				: left;
  padding			: 10px 0 0 9px; 
  margin                	: 0;
}

.blogs p { 
  padding			: 5px; 
  text-align            	: left;
}


.reports {
  padding			: 5px 0 0 0; 
  margin			: 0 20px 10px 0;
  width				: 500px;
  float				: left;
}


#news-archives {
  text-align			: left;
  padding			: 3px 15px 3px 0;
  margin-bottom			: 20px;
}


.date {
  color				: #000000;
  line-height			: 100%;
  margin			: 0;
  padding			: 0;
  font-weight			: bold;
  font-size			: x-small;
}


#samesectionlinks {
  margin			: 10px 0;
  padding			: 0;
  text-align			: center;
}



#samesectionlinks a { 
  font-family			: arial, helvetica, sans-serif; 
  font-size			: 12.5px; 
  line-height			: 25px; 
  padding			: 0 7px 0px 7px; 
  text-decoration		: none; 
  color				: #000; 
  text-transform		: uppercase; 
  border-bottom			: 3px solid #555; 
  margin			: 5px 5px 0 0; 
}

#samesectionlinks a:hover { 
  color				: #c0504d; 
  border-bottom			: 3px solid #c0504d;
}

#samesectionlinks a.current { 
  color				: #c0504d; 
  border-bottom			: 3px solid #c0504d;
}



h3 {
  margin			: 0;
  font-size			: 13px;
}


#mainmenu {
  margin			: 0;
  padding			: 15px 0 0 0;
  top				: 100px;
  left				: 10px;
  width				: 94px;
  background			: #fff;
}


.menu-item {
  background			: transparent url(../images/shadow-test.gif) left top no-repeat;
  padding-top			: 5px;
  text-transform		: uppercase;
  color				: #000;
  font-weight			: normal;
  line-height			: 2em;
}

.menu-item a{
  display			: block;
  background-color		: #bfbfbf;
  width				: 80px;
  height			: 65px;
  padding			: 23px 4px 0 4px;
  margin			: 0 0 15px 0;
  border			: 1px #666 solid;
  color				: #000;
  text-decoration		: none;
  font-weight			: bold;
  font-size			: 10px;
  text-align			: center;
  letter-spacing		: 0.1em;

}

.menu-item a:hover {
  background-color 		: #C0504D;
  text-decoration  		: none;
  color		 		: #fff;
}


#active-menu {
  background-color 		: #C0504D;
  text-decoration		: none;
  color				: #fff;
}


a:hover {
  color		 		: #ff0000;
}


#twitter_div {
  float				: left;
  background-color		: #bfbfbf;
  padding			: 0;
  margin			: 10px 0 10px 0;
  width				: 150px;
  border			: 1px solid #C0504D;
}

h2.sidebar-title {
  background-color 		: #C0504D;
  color 			: #ffffff;
  font-size 			: 12px;
  font-weight 			: bold;
  padding			: 5px;
  margin			: 0;
  text-align			: center;
}


ul#twitter_update_list {
  list-style-type		: none;
  width				: 140px;
  line-height			: 1.5em;
  margin			: 0;
  padding			: 5px;
}

ul#twitter_update_list li {
  margin			: 5px 0 0 0;
  padding			: 3px;
  border			: 1px solid #000000;
}

#twitter-link {
  margin			: 0 10px 5px 0;
}

.xyz {
  border-top	        	: 0;
  padding	        	: 0;
}

.x {
  border-top	        	: 0;
  padding			: 10px 0 0 0;
}


#footer {
  position			: relative;
  width				: 990px;
  text-align			: center;
  display			: block;
  font-size        		: 11px; 
  padding			: 0;
  margin			: 20px auto 30px auto;
  height			: 90px;
}


#footer-end {
  color      : #666;
  margin : 0;
  text-align: center;
  padding: 0 0 10px 0;
}


ul.margin, ol.margin {
  margin		: 5px 0 0 175px;
  padding		: 0;
}


#socialmedia li { float:left;  display:inline; margin : 0 45px 10px 20px; height:18px; }
#socialmedia li a { display:block; height:18px; background-image:url(http://www.Institutehrb.org/images/sm-logos_fl.png); text-indent:-9999px; }
#socialmedia .facebook { width:65px;}
#socialmedia .facebook:hover { background-position: 0 -19px; }
#socialmedia .flickr { width:54px; background-position: -76px 0; }
#socialmedia .flickr:hover { width:54px; background-position: -76px -19px; }
#socialmedia .linkedin { width:66px; background-position: -138px 0px; }
#socialmedia .linkedin:hover { background-position: -138px -19px; }
#socialmedia .twitter { width:67px; background-position: -215px 0; }
#socialmedia .twitter:hover { background-position: -215px -19px; }
#socialmedia .rss { width:81px; background-position: -290px 0; }
#socialmedia .rss:hover { background-position: -290px -19px; }

#disclaimer {
  text-transform		: none;
}


#breadcrumb{
  font-size			: 10px;
  line-height			: 100%;
  margin			: 0;
  padding			: 3px 0 10px 0;
  letter-spacing		: 1px;
  text-align			: justify;
}


h1.contentheading, h1.componentheading {
  font-size			: 25px;
  font-weight			: normal;
  color				: #fff;
  line-height			: 1.2;
  padding			        : 6px 0;
  margin			        : 0;
  letter-spacing		: 1px;
  text-align			: center;
  border			        : 1px solid #333;
  background			: #C0504D;
}


#news-date {
  font-size			: 10px;
  line-height			: 100%;
  margin			: 0;
  padding			: 8px 0 3px 0;
  letter-spacing		: 1px;
  text-align			: justify;
}


.box {
  border			: #C0504D 1px solid;
  padding			: 2px 5px 2px 5px; 
  margin                	: 2px 0 10px 0;
  text-align            	: left;
}



.item {
  margin			: 10px 0;
  padding			: 0;
  text-align			: justify;
  height			: 110px;
}


.activity {
  margin			: 20px 0;
  padding			: 0;
  text-align			: justify;
}


.activity a {
  font-weight			: bold;
}


.not-wrapped {
  margin-left			: 70px;
}


.item-left {
  float				: left;
  margin			: 0 10px 0 0;
  padding			: 0 10px 0 0;
  border-right			: 1px solid #c0504d;
}


.item-right {
  float				: right;
  margin			: 0 0 0 10px;
  padding			: 0 0 0 10px;
}


.item a {
  font-weight			: bold;
}


.split-box {
  border-top			: 1px dashed #C6524A;
  border-bottom			: 1px dashed #C6524A;
  padding			: 10px 0 0 0;
  margin			: 0;
  font-size			: 20px;
  display			: table;
  width				: 100%;
}


.split-box .size {
  font-size			: 10px;
  padding			: 0;
  margin			: 0;
}


.box-content {
  float				: left;
  margin			: 0 10px 0 0;
  padding			: 0 20px;
  border-right			: 1px solid #bfbfbf;
}


table tr td {
  text-align			: justify;
  font-size			: 11px;
}

div.contentpaneopen_text {
  padding: 0;
 margin: 0;
}


form.image-link input { 
  background-color		: #fff; 
  border			: 1px solid #bdbdbd;
  padding			: 3px;
  margin			: 2px 0;
  color				: #bdbdbd;
}

form.image-link input.submit { 
  background-color		: #bdbdbd; 
  border			: 1px solid #000;
  color				: #C6524A;
  text-align			: center;
  padding			: 4px;
  margin			: 10px 0 0 70px;
  width				: 67px;
 cursor: pointer;
}

form.image-link input.submit:hover {
 background-color		: #C6524A; 
  color				: #fff;
}

#sign-up_box {
  width				: 156px;
  background-color		: #EBEAE4;
  border			: 1px solid #bdbdbd;
  margin			: 10px 0 0 0;
  padding			: 2px;
  text-transform		: uppercase;
  font-size			: 10px;
}

h2 {
  font-size			: 17px;
  line-height: 1.2;
}

h4 {
  font-size			: 13px;
}