body {
background-color:#c0c0c0;
font: 0.9em Trebuchet MS;
height: 100%;
text-align: center;
}

 
h1 { 
font-size:1.2em;
margin: 0; padding: 0; 
}

.h4
{ 
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-weight:bold;
color:#da191e;
font-size:100%;
}

h4 { 
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
color:#da191e;
font-size:100%;
}

/*list styles*/


.h1white {
color:#FFFFFF;
}

.h1black {
color:#000000;
}

.h1grey {
color:#999999;
font-size:1.5em;
padding-top:10px;
}

#wrapper {
	width:800px;
	margin-left: auto;
  margin-right: auto;
  overflow:auto;
  border: 1px solid gray;
  text-align: left;
	}
	
	#red_heading_wrapper {
	width:800px;
	float:left;
	
	}
	
#header {
	width:800px;
	height:90px;
	background-image:url(/images/thehub/header/header.jpg)
	}
	
#black_nav_bg {
	width:800px;
	background-color:#000000;
	height:30px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:22px;
	line-height:30px;
	
}
	
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; float:right;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a { text-decoration: none; padding: .2em 1em;color: #fff;}
#navcontainer ul li a:hover{color: #cccccc;}

#navcontent ul { margin: 0; padding: 0; list-style-type: none; float:left;}
#navcontent ul li { margin-top:10px;}
#navcontent ul li a { text-decoration: none; padding: 5px 5px 5px 0.5em;  color: #000;}
#navcontent ul li a:hover{color: #666;}



#featured_article_content {
	width:340px;
	margin-left:30px;
	margin-right:50px;
	float:left;
}

#vertical_greyline {
	width:1px;
	height:300px;
	background-color:#999999;
	float:left;
}
#career_resources_content {
	width:300px;
	margin-left:35px;
	/*margin-right:15px;*/
	float:left;
}

#red_heading_bg1 {
	width:275px;
	background-color:#ff0000;
	height:30px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:30px;
	float:left;
	
}

#red_heading_bg2 {
	width:260px;
	background-color:#ff0000;
	height:30px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:30px;
	float:left;
	
}
#red_heading_bg3 {
	width:265px;
	background-color:#ff0000;
	height:30px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:30px;
	float:right;
	
}


#white_content_wrapper {
background-color:#FFFFFF;
width:800px;
float:left;
overflow: auto;

line-height:100%;
}

#white_content1 {
background-color:#FFFFFF;
	width:275px;
	/*text-indent:30px;*/
	float:left;
}

#white_content2 {
background-color:#FFFFFF;
	width:260px;
	/*text-indent:30px;*/
	float:left;
}

#white_content3 {
background-color:#FFFFFF;
	width:215px;
	/*text-indent:30px;*/
float:left;
}

.indent_whitebox_content{
padding-left:30px;
} 




#grey_header_800 {
float:left;
	width:800px;
	background-color:#999999;
	height:30px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:30px;
	
}


#thought_leadership_content {
	width:340px;
	margin-left:30px;
	margin-right:40px;
	float:left;
}


#powered_byHN_content {
	width:200px;
	margin-left:35px;
	/*margin-right:35px;*/
	float:left;
}



#sitenav {
float:right;

}

.sitenav li{
/*padding-right:15px;*/
display: inline;
margin: 1em;



}

.sitenav a{
font-size:110%;
text-decoration:none;
color:#FFFFFF;
}





#heading_red {
	width:400px;
	height:47px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:40px;
	line-height:47px;
	background-color:#999999;
	float:left;
}

#heading_grey_wrap {
	background: #999;
	width: 800px;
}

#heading_grey {
	width:400px;
	height:47px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:47px;
	background-color:#999999;
	float:left;
}

#heading_grey1 {
	width:400px;
	height:47px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:65px;
	line-height:47px;
	background-color:#999999;
	float:left;
}



.red-outer 
{
            display: table;
            position: relative;
            overflow: hidden;
            background: black;
            color: white;
			height:47px;
            width: 100%;
}

	
	
.red-middle { 
position: absolute;
top: 50%;
vertical-align: middle;
}

.red-inner {
position: relative;
top: -50%;
 }



#footer {
float:left;
	width:800px;
	background-color:#999999;
	height:15px;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	text-indent:30px;
	line-height:15px;
	
	
}

.footertext{
font-size:70%;

}

#dropshadow_grey {
	width:800px;
	background-repeat:no-repeat;
	overflow: hidden;
height:7px;
	float:left;
	background-image:url(/images/thehub/drop_shadows/dropshadow_2.jpg);
}

#dropshadow_greyline {
	width:800px;
	overflow: hidden;
background-repeat:no-repeat;
	height:7px;
	float:left;
	background-image:url(/images/thehub/drop_shadows/dropshadow_3.jpg);
}	

#dropshadow_redwhite {
	width:800px;
overflow: hidden;
	background-repeat:no-repeat;
	height:7px;
	float:right;
	background-image:url(/images/thehub/drop_shadows/dropshadow_4.jpg);
}

#dropshadow_greybottom {
	width:800px;
	overflow: hidden;
	height:7px;
	float:right;
	background-image:url(/images/thehub/drop_shadows/dropshadow_5.jpg);
	background-repeat:no-repeat;
	
}



/* image floating code. This floats the image to the left of the text */

.image_floatleft
{
float: left;
margin: 0px 5px 10px 0px;
border: 1px solid #666;
padding: 2px;
clear: left;

}

.image_floatleftminus
{
margin: 0px 5px 10px 0px;
border: 1px solid #666;
padding: 2px;
}

.chicklets
{ 
text-indent:5px;
}


#chickletbottom {
	width:270px;
	height:20px;
	z-index:1;
	overflow: hidden;
	visibility: visible;
	float:right;
	background-image:url(/images/2007/blogs/headings_blue/heading.jpg)	;
	}	
	
	
	
	
a.blue {
	color: #4b5375;
	text-decoration:none;
	
}
a.blue:visited {
	color: #396ba0;
}
a.blue:active
{
	color: #396ba0;
}
a.blue:hover
{
color:#990000;
text-decoration: none;
}
	
a.black {
	color: #000000;
	text-decoration:underline;
	
}
a.black:visited {
	color: #000000;
}
a.black:active
{
	color: #000000;
}
a.black:hover
{
color:#FF0000;
text-decoration: none;
}	

a.footer {
	color: #ffffff;
	text-decoration:none;
	
}
a.footer:visited {
	color: #ffffff;
}
a.footer:active
{
	color: #ffffff;
}
a.footer:hover
{
color:#ff0000;
text-decoration: none;
}	

a.continuereading {
	color:#0000FF;
	text-decoration:none;
	font-size:0.9em;
	
}
a.continuereading:visited {
	color:#000066 }
a.continuereading:active
{
	color: #0000FF;
}
a.continuereading:hover
{
color:#ff0000;
text-decoration: underline;
}

	

	

	

	

	

	
	
/*Social Logo placement	*/


	.social_logo_left
{
	float: left;

padding: 1px 4px;
	width: 125px;
	height: 20px;
	
}
.social_logo_right
{
	float: right;
padding: 1px 4px;
	width: 125px;
	height: 20px;
}
.social_logo
{
	vertical-align: middle;
	border: 0;
}


/*article layout*/

#grey_nav {
	width:90%;
	/*background-color: #cccccc;*/
	/*margin-left:35px;*/
	/*margin-right:35px;*/
	/*float:left;*/
	padding-left:15px;
	padding-top:60px;
	

}

#grey_nav_bg {
	width:160px;
	/*height:47px;*/
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	/*text-indent:30px;*/
	/*line-height:47px;*/
	background-color:#CCCCCC;
	float:left;
}
#article_content_orig1 {
	width:640px;
	padding-left:4cm;
	padding-right:4cm;
	/*margin-left:30px;*/
	/*margin-right:50px;*/
	float:right;
}

#article_content {
	width:90%;
	float:left;
	padding-left:15px;
	/*padding-right:15px;*/
	
	/*margin-left:30px;*/
	/*margin-right:10px;*/
	/*width:640px;*/
}


#article_content_bg {
	width:640px;
	background-color:#FFFFFF;
	float:left;
	overflow: auto;
	/*z-index:1;*/
	/*overflow: hidden;*/
	/*visibility: visible;*/
	/*text-indent:65px;*/

}


#grey_nav_orig{
padding: 10px 15px;
float:left;
}



#article_wrapper {
background-color:#cccccc;
width:100%;
float:left;
overflow: auto;

}

#article_content_orig {
padding: 10px 15px;
float:left;
line-height:100%;
overflow: auto;
}



/*forms*/

label {
  display: block;
  float: left;
  width: 100px;
  text-align: left;
  padding-right: 7px;
  margin-bottom: 7px;
}


/*horizontal lines*/

hr {border: none 0; 
border-top: 1px dashed #ccc;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/

} 


.date {
font-size:0.8em;
color:#999999;
}