html, body {
  margin		: 	0;
  padding		: 	0;
  left			: 	0;
  border		: 	none;
  background		:	#bfbfbf;
  height		: 	100%;
  text-align		: 	center;
  position		:       relative;
}


body { 
  font-family		: verdana, arial, 'ms sans serif', sans-serif;
  font-size		: 12px;
  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;
  z-index		: 100;
  background		: #fff;
}

#share {
  top: 16px;
  right: 144px;
  z-index: 1000;
}  

#search {
  top: 60px;
  right: 10px;
 z-index: 1000;
}

img {
  border		: none;
  margin		: 0;
  padding		: 0;
}


#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				: 150px;
  position			: absolute;
  top				: 110px;
  right				: 15px;
}

#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;
}

.search-results {
  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			: 105px 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 10px;
  background-color 	: #C0504D;
  color 		: #ffffff;
  font-weight 		: bold;
  font-size		: 11px;
  margin		: 0 0 10px 0;
  text-transform	: uppercase;
}

.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 {
  text-align		: center;
  font-weight		: bold;
  font-size		: 10px;
  padding		: 5px 0 5px 0;
}





#samesectionWrapper { 
  height		: 40px;
  margin		: 0;
  padding		: 5px;
 }

#samesection { 
  width			:680px; 
  height		:40px; 
  margin		:0 auto; 
}

#samesection ul.nav { 
  margin		: 0;
  padding		: 0;
  float			: left; 
  display		: inline; 
}

#samesection ul.nav li { 
  display		:inline; 
}

#samesection ul.nav li a { 
  font-family			:arial, helvetica, sans-serif; 
  font-size			:16px; 
  border			:none; float:left; display:inline; 
  height			:20px; 
  line-height			:17px; 
  padding			:14px 10px 0px 10px; 
  text-decoration		:none; 
  color				:#000; 
  text-transform		:uppercase; 
  border-bottom			:6px solid #555; 
  margin			:0 5px 0 21px; 
}

#samesection ul.nav li a:hover { 
  color:#c0504d; 
}

#samesection ul.nav li.home a.current, #samesection ul.nav li.home a:hover { 
  color:#c0504d; 
}

#samesection ul.nav li.item-2 a.current, #samesection ul.nav li.item-2 a:hover { 
  color:#c0504d; 
}

#samesection ul.nav li.item-3 a.current, #samesection ul.nav li.item-3 a:hover { 
  color:#c0504d; 
}


#samesection ul.nav li.home a.current { border-bottom:6px solid #c0504d; }
#samesection ul.nav li.item-2 a.current { border-bottom:6px solid #c0504d; }
#samesection ul.nav li.item-3 a.current { border-bottom:6px solid #c0504d; }


#samesection ul.nav li.home a:hover { border-bottom:6px solid #c0504d; }
#samesection ul.nav li.item-2 a:hover { border-bottom:6px solid #c0504d; }
#samesection ul.nav li.item-3 a:hover { border-bottom:6px 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(http://www.InstituteHRB.org/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 50px auto;
  height			: 90px;
}


#footer-homepage {
  position			: relative;
  width				: 990px;
  text-align			: center;
  display			: block;
  font-size        		: 11px; 
  padding			: 0;
  margin			: 20px auto 10px auto;
  height			: 90px;
}



#footer-end {
  color      : #666;
  margin : 0;
  text-align: center;
  padding: 0 0 10px 0;
 font-size: 11px;
}


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 {
  font-size		: 25px;
  font-weight		: normal;
  color			: #fff;
  line-height		: 1.2;
  padding		: 6px 0px 6px 0px;
  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 5px 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.scroller { 
	
/* modify width and height of scrolling section if necessary	*/		
	
  width			: 500px; 
	
  height		: 320px;
	
  overflow		: hidden;
	
  border		: none;
	
}
	

div.scroller div.section {
		
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		
width:500px;
		
height:320px;
		
overflow:hidden;
		
float:left;
		
padding:0;		
		
}
	

div.scroller div.content {
		
width: 10000px;
		
}

	

div#section2 {
		
background:#666666;
		
color:#ffffff;
		
}






/* homepage mainfeature */


#main-feature {
  margin		: 0 10px 5px 0;
  padding		: 0;
  float			: left;
}

#main-feature div.mainfeat-float-text {
  width			: 485px;
  position		: absolute;
  top			: 395px;
  left			: 123px;
}

#main-feature div  {
  padding		: 0;
  margin-bottom		: 10px;
  line-height		: 16px;
  width			: 495px;
  text-align		: left;
}

#main-feature div  p {
  margin		: 0;
  padding-bottom	: 8px;
  color			: #000;
  font-size		: 14px;
  line-height		: 1.3;
}

#main-feature h1 {
  font-size			: 16px;
  font-weight			: bold;
  padding		        : 6px 0 3px 0;
  margin		        : 0;
  letter-spacing		: 1px;
  text-align			: left;
  border		        : none;
  background			: none;
}


#main-feature h1 a {
  color			: #fff;
  text-decoration	: none;
}


#main-feature div a{
  color			: #0000ff;
}

.contentheading {
  display : hidden;
}



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			: 2px;
  margin			: 0;
  width				: 150px;
  height			: 24px;
  font-weight			: bold;
 cursor: pointer;
}

form.image-link input.submit:hover {
 background-color		: #C6524A; 
  color				: #fff;
}

#sign-up_box {
  width				: 496px;
  height			: 84px;
  background-color		: #EBEAE4;
  border			: 1px solid #bdbdbd;
  margin			: 10px 0 0 0;
  padding			: 0 2px;
  vertical-align: top;
}

#sign-up_box p {
  float			: left;
  margin			: 5px 3px;
}

#sign-up_box form, #sign-up_box table {
  margin-top: -2px;
}

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 1px solid #ccc;
	width: 500px;
	height: 320px;
	margin-bottom: 5px;
	cursor: pointer;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid #ebeae4;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #bf8a4d;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid #c0504d;
	z-index: 0;
	position: absolute;
}

#thumbnails {
  width			: 500px;
  height		: 100px;
	text-align: center;
  text-transform	: uppercase;
  background-color		: #EBEAE4;
  border			: 1px solid #bdbdbd;
}


.searchresults ul {
  width: 673px;
 margin: 0;
}


fieldset {
  border: none;
}
