/* GLOBAL */

body, td, select {font: normal 11px/13px arial, helvetica, sans-serif; color: #666; margin: 0; padding: 0;}
body {background-color: #E8E7E7;}
a {color: #2F6681; outline: none; text-decoration: none; cursor: pointer; }
a:hover {color: #948746;}
a img {border: none;}
h1, h2, h3, h4, h5, h6, p, ul, li, form, img, input {margin: 0; padding: 0;}
p {padding-bottom: 10px; margin-left: 1px;}
.textbox {border: solid 1px #999; width: 169px; height: 18px; font: normal 10px/16px arial, helvetica, sans-serif; color: #666; padding-left: 2px;}
select {color: #2F6681;}
img {border: 0;}


#container {width: 898px; text-align: left; margin-left: 10px;}
*html #container {width: 901px;}

h1 {padding: 0 0 0 0;}
h2 {font-size: 12px; padding: 0 0 5px 5px;}
h3 {font-weight: bold; font-size: 12px; color: #2F6681; padding: 0 0 6px 0;}
h5 {font-weight: normal; font-size: 11px; color: #2F6681; padding: 0 0 2px 0;} 


/* HEADER */
#header {width: 898px; height: 60px;}
#header #logo {float: left;}
#header #topnav {float: right; padding: 38px 2px 0 0; font-weight: bold; color: #2F6681;}
#header #topnav a {color: #2F6681; margin-left: 1px;}
#header #topnav a.on {color: #948746;}
#header #topnav span {padding: 0 2px 0 1px;}


/* LEFT SIDE */

#left {float: left; width: 245px; margin-bottom: 15px;}
#left #mod-left {min-height: 328px; background: url(/images/humannetwork/mod_mid_l.gif) repeat-y; padding: 0 18px 0 11px;}
*html #left #mod-left {height: 328px;}
#left #mod-left #more {text-align: right; font-weight: bold; border-bottom: solid 1px #CCC; padding: 0 0 10px 0; margin: 0 0 15px 0;}
#left #mod-left #more #link a {padding: 0 10px 0 0; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top;}
#left #mod-left #more #link a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}
#left #mod-left #fieldname {padding: 0 0 5px 0; line-height: 19px;}
#left #mod-left #field {text-align: right; padding: 0 0 5px 0;}
#left #mod-left #continue {text-align: right; margin: 6px 2px 0 0; font-weight: bold;}
#left #mod-left #continue a {background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top; padding: 0 10px 0 0;}
#left #mod-left #continue a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}



/* CENTER MODULE */

#center-frame {float: left; width: 450px; margin-bottom: 15px;}
#center {width: 450px; background: url(/images/humannetwork/mod_top_c.gif) no-repeat; padding: 5px 0 0 0; color: #666;}
#center #main {padding-bottom: 20px;}
#center #mod-center {min-height: 535px; background: url(/images/humannetwork/mod_mid_c.gif) repeat-y; padding: 0 14px 0 6px;}
*html #center #mod-center {height: 535px;}
#center #mod-center #intro {height: 330px; padding: 0 10px 12px 22px; font-size: 14px; line-height: 17px; color: #666;}
#center #mod-center #intro p.dark {color: #000;}
#center #mod-center #intro p.wiki {font-size: 10px; line-height: 12px;}
#center #mod-center #intro p.wiki {padding: 0; margin: 0;}
#center #mod-center #intro p.wiki a {background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat left top; padding: 0 0 0 10px; margin: 0;}
#center #mod-center #intro p.wiki a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}


#center #close {position: absolute; z-index: 100; margin: 8px 0 0 378px; background: url(/images/humannetwork/icon_closebox.gif) no-repeat right bottom;} *html #center #close {background-position: right center;}
#center #close a {padding: 0 15px 0 0; color: #666;}
#center #close.white {background-image: url(/images/humannetwork/icon_closebox_white.gif);}
#center #close.white a {color: #FFF;}
#center #close.blue {background-image: url(/images/humannetwork/icon_closebox_blue.gif);}
#center #close.blue a {color: #2F6681;}

#center #closeglobal {position: absolute; z-index: 100; margin: 8px 0 0 355px; background: url(/images/humannetwork/icon_closebox.gif) no-repeat right bottom;} *html #center #closeglobal {background-position: right center;}
#center #closeglobal a {padding: 0 15px 0 0; color: #666;}
#center #closeglobal.white {background-image: url(/images/humannetwork/icon_closebox_white.gif);}
#center #closeglobal.white a {color: #FFF;}
#center #closeglobal.blue {background-image: url(/images/humannetwork/icon_closebox_blue.gif);}
#center #closeglobal.blue a {color: #2F6681;}

#center #story {padding: 2px 22px 0 15px; line-height: 16px;}
#center #story #scroll {width: 387px; height: 332px; overflow: auto; padding-right: 20px; margin-top: 5px;}
*html #center #story #scroll {width: 407px;}
#center #story #scroll p a {font-weight:bold;}
#center #story h1 {padding: 0 0 8px 0; margin: 0;}
#center #story #links {padding: 0 22px 10px 0;}
#center #story #links a {font-weight: bold; color: #2F6681; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top; padding: 0 12px 0 0; line-height: 22px;}
#center #story #links a:hover {color: #948746; background-image: url(/images/humannetwork/icon_arrow_green.gif);}
#center #story #links a.normal {font-weight: normal;}
#center #story #links a.sound {background: url(/images/humannetwork/icon_sound_blue.gif) no-repeat right center; padding: 0 17px 0 0; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #story #links a.sound:hover {background: url(/images/humannetwork/icon_sound_green.gif) no-repeat right center; padding: 0 17px 0 0; font-weight: bold; white-space: nowrap; display: inline-block;}
#center .prev {position: absolute; margin: -20px 0 0 -12px; width: 100px;}
*html #center .prev {position: absolute; margin: -20px 0 0 -6px;}
#center .prev a {color: #2F6681; background: url(/images/humannetwork/icon_arrow_blue_l.gif) no-repeat left top; padding: 0 12px 0 13px;}
#center .prev a:hover {color: #948746; background-image: url(/images/humannetwork/icon_arrow_green_l.gif);}
#center .next {position: absolute; margin: -20px 0 0 350px; width: 100px;}
*html #center .next {position: absolute; margin: -20px 0 0 350px;}
#center .next a {color: #2F6681; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top; padding: 0 12px 0 0;}
#center .next a:hover {color: #948746; background-image: url(/images/humannetwork/icon_arrow_green.gif);}

#center .prevglobal {position: absolute; margin: -20px 0 0 -12px; width: 150px;}
*html #center .prevglobal{position: absolute; margin: -20px 0 0 -6px;}
#center .prevglobal a {color: #2F6681; background: url(/images/humannetwork/icon_arrow_blue_l.gif) no-repeat left top; padding: 0 12px 0 13px;}
#center .prevglobal a:hover {color: #948746; background-image: url(/images/humannetwork/icon_arrow_green_l.gif);}
#center .nextglobal {position: absolute; margin: -20px 0 0 305px; width: 120px;}
*html #center .nextglobal {position: absolute; margin: -20px 0 0 305px;}
#center .nextglobal a {color: #2F6681; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top; padding: 0 12px 0 0;}
#center .nextglobal a:hover {color: #948746; background-image: url(/images/humannetwork/icon_arrow_green.gif);}

#center #share {background: #ADC3CD url(/images/humannetwork/share_mid.gif) repeat-x; min-height: 527px; padding: 0 0 0 22px;}
*html #center #share {height: 527px;}
#center #share h3 {font-weight: bold; font-size: 14px; line-height: 17px; color: #2F6681; padding: 20px 20px 20px 0;}
#center #share p {line-height: 16px;}
#center #share #fieldname {padding: 0 15px 5px 0; line-height: 19px; color: #333;}
#center #share #field {padding: 0 0 5px 0; color: #333;}
#center #share #toptable {margin-bottom: 15px; width: 355px;}
#center #share #toptable .textbox {color: #333; width: 320px;}
#center #share #question {padding: 0 5px 5px 0; color: #333; text-indent: -12px; margin-left: 13px;}
#center #share #answer .textbox {color: #333; width: 385px; margin-bottom: 13px;}
#center #share #submit {text-align: right; margin: 6px 30px 15px 0; font-weight: bold; font-size: 14px;}
#center #share #submit a {padding: 0 11px 0 0; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right 1px;}
#center #share #submit a:hover {background-image: url(/images/humannetwork/icon_arrow_white.gif); color: #FFF;}
#center #share #scroll {width: 400px; height: 425px; overflow: auto;}
#center #share #scroll #field .textbox {width: 310px;}
#center #share #scroll .textbox {width: 365px;}

#center #prod {padding: 0 22px 0 22px; line-height: 16px;}
#center #prod #scroll {width: 380px; height: 280px; overflow: auto; padding-right: 20px;}
*html #center #prod #scroll {width: 400px;}
#center #prod #select select {width: 330px; margin-bottom: 15px;}
#center #prod h5 {font-weight: bold; color: #666;}
#center #prod #links {background: url(/images/humannetwork/dots_horiz.gif) repeat-x bottom; padding: 0 0 15px 0; margin: 0 0 13px 0; line-height: 20px;}
#center #prod #links span {margin: 0 2px 0 0; font-weight: bold;}
#center #prod #links span a {background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top; padding: 0 12px 0 0;}
#center #prod #links span a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}
#center #prod #storylink a {background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right 2px; padding: 0 12px 0 0; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #prod #storylink a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}

#center #policy {background: #FFF; min-height: 527px; padding: 0 0px 0 22px;}
#center #policy h3 {font-weight: bold; font-size: 14px; line-height: 17px; color: #2F6681; padding: 30px 0 15px 0;}
#center #policy #scroll {width: 377px; height: 457px; overflow: auto; padding-right: 20px;}
*html #center #policy #scroll {width: 397px;}
#center #policy #submit {text-align: right; margin: 0 5px 0 0; font-weight: bold; font-size: 14px;}
#center #policy #submit a {padding: 0 11px 0 0; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right 1px;}
#center #policy #submit a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}

#center #sites {background: #ADC3CD url(/images/humannetwork/share_mid.gif) repeat-x; min-height: 527px; padding: 0 18px 0 22px;}
*html #center #sites {height: 527px;}
#center #sites h1 {font-size: 21px; line-height: 21px; padding: 15px 0 12px 0; color: #666;}
#center #sites h3 {font-size: 16px; line-height: 14px; padding: 0 0 3px 0; color: #666;}
#center #sites h4 {color: #666; font-size: 11px; font-weight: normal; padding: 0 0 2px 0; margin-left: 1px;}
#center #sites p {color: #666; line-height: 13px; padding: 0;}
#center #sites p#opener {color: #2F6681;}
#center #sites #row-1 {padding: 15px 0 0 0; float: left;}
#center #sites #row-2 {padding: 15px 0 0 0; clear: both;}
#center #sites #column-1 {width: 190px; float: left;}
#center #sites #column-2 {width: 190px; float: right;}
#center #sites #reco {background: url(/images/humannetwork/sites_form_bg.gif) no-repeat 0 40px; width: 378px; height: 173px; clear: both;}
#center #sites #reco h3 {font-size: 12px; color: #2F6681; padding: 54px 0 13px 15px;}
#center #sites #reco table {width: 344px; margin-left: 15px;}
#center #sites #reco .fieldname {padding: 0 0 0 0; color: #666;}
#center #sites #reco .field {padding: 0 0 0 0; color: #666;}
#center #sites #reco .textbox {color: #333; width: 103px;}
#center #sites #submit {text-align: right; margin: 6px 0 15px 0;}
#center #sites #submit a {padding: 0 11px 0 0; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right 0;}
#center #sites #submit a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif); color: #948746;}


#center #archive {padding: 0 18px 0 18px; line-height: 16px;}
#center #archive #scroll {clear: both; width: 380px; height: 288px; overflow: auto; padding-right: 18px;}
*html #center #archive #scroll {width: 400px;}
#center #archive h1 {padding: 0 0 8px 0;}
		#archive a.story {clear: both; width: 364px; display: block; background: #FFF; height: 34px; cursor: pointer; margin-bottom: 2px;}
		#archive a.story:hover {background-color: #EDEDED;}
		#archive .story img {float: left; border: solid 1px #999; width: 32px; height: 32px; padding: 0; margin: 0;}
		*html #archive .story img {margin-left: -3px;}
		#archive .story .text {width: 255px; float: left;}
		*html #archive .story .text {width: 252px; float: left;}
		#archive .story .text h4 {padding: 3px 20px 0 13px; font-size: 11px; font-weight: normal; line-height: 13px; color: #2F6681; margin-left: 1px;}
		#archive .story .name {width: 70px; float: left;}
		#archive .story .name h5 {padding: 3px 3px 0 0; font-size: 11px; font-weight: normal; line-height: 13px; color: #999; margin-left: 1px;}
		#archive #popular {float: left; padding-top: 3px;}
		#archive #popular #link a {padding: 0 5px 0 2px; background: url(/images/humannetwork/icon_arrow_blue.gif) no-repeat right top;}
		#archive #popular #link a:hover {background-image: url(/images/humannetwork/icon_arrow_green.gif);}

#center #multimedia {padding: 2px 22px 0 0; line-height: 16px;}
#center #multimedia h1 {padding: 0 0 8px 0;}
#center #multimedia h2 {padding: 10px 0 4px 0; font-size: 14px; color: #666;}
#center #multimedia p {padding: 0 0 4px 0; margin: 0;}
#center #multimedia .block {margin-bottom: 6px;}
#center #multimedia #mfeatures h2 a {background: none; color: #666; padding-left: 0;}
#center #multimedia #mfeatures h2 a:hover {background: none; color: #666; padding-left: 0;}
#center #multimedia #mfeatures a {background: url(/images/humannetwork/icon_film_blue.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mfeatures a:hover {background: url(/images/humannetwork/icon_film_green.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mvideos h2 a {background: none; color: #666; padding-left: 0;}
#center #multimedia #mvideos h2 a:hover {background: none; color: #666; padding-left: 0;}
#center #multimedia #mvideos a {background: url(/images/humannetwork/icon_film_blue.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mvideos a:hover {background: url(/images/humannetwork/icon_film_green.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mpodcasts h2 a {background: none; color: #666; padding-left: 0;}
#center #multimedia #mpodcasts h2 a:hover {background: none; color: #666; padding-left: 0;}
#center #multimedia #mpodcasts a {background: url(/images/humannetwork/icon_sound_blue.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mpodcasts a:hover {background: url(/images/humannetwork/icon_sound_green.gif) no-repeat left 1px; padding: 0 0 0 17px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #multimedia #mvideos a.no-icon {background: none; padding: 0 0 0 7px;}
#center #multimedia #mvideos a:hover.no-icon {background: none; padding: 0 0 0 7px;}

#center #podcasts {padding: 0 22px 0 22px; line-height: 16px;}
#center #podcasts #scroll {width: 380px; height: 108px; overflow: auto; padding-right: 20px;}
*html #center #podcasts #scroll {width: 400px;}
#center #podcasts h1 {padding: 0 0 0px 0;}
#center #podcasts #player {padding: 4px 10px 0px 16px; width: 354px; border-right: solid 1px #999999; border-left: solid 1px #999999; border-bottom: solid 1px #999999; margin-bottom: 10px;}
*html #center #podcasts #player {padding: 7px 10px 6px 16px; width: 380px; border-right: solid 1px #999999; border-left: solid 1px #999999; border-bottom: solid 1px #999999;}
#center #podcasts #thumb {float: right; text-align: center;}
#center #podcasts #thumb img {border: solid 1px #999999; margin: 30px 7px 10px 0;}
#center #podcasts #menu {width: 380px; background-color: #EDEDED; border: solid 1px #999999;}
#center #podcasts #menu a {border-right: solid 1px #999999; width: 300px; display: block; padding: 2px 0px 4px 5px; height: 18px; cursor: pointer;}
*html #center #podcasts #menu a {width: 304px;}
#center #podcasts #menu a.link {background-color: #CBCBCB;}
#center #podcasts #menu a:hover {background-color: #CBCBCB; color: #2F6681;}
#center #podcasts #player { background-color: #EDEDED; font-size: 0; }
#center #podcasts .nowplaying {font-weight: bold; color: #2F6681; padding-bottom: 0;}
#center #podcasts a.download {background: url(/images/humannetwork/icon_download_blue.gif) no-repeat left 2px; padding: 0 0 0 12px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #podcasts a.download:hover {background: url(/images/humannetwork/icon_download_green.gif) no-repeat left 2px; padding: 0 0 0 12px; font-weight: bold; white-space: nowrap; display: inline-block;}
#center #podcasts #blurb {line-spacing: 12px;} 
#center #podcasts #podcast-01 {display: none;}
#center #podcasts #podcast-02 {display: none;}
#center #podcasts #podcast-03 {display: none;}
#center #podcasts #podcast-04 {display: none;}
#center #podcasts #podcast-05 {display: none;}

#center #videos {padding: 0 22px 0 22px; line-height: 16px;}
#center #videos #scroll {clear: both; width: 380px; height: 230px; overflow: auto; padding-right: 20px;}
*html #center #videos #scroll {width: 400px;}
#center #videos #player {padding: 26px 0 15px 34px;}
#center #videos h1 {padding: 0 0 0 0;}
#center #videos p {line-height: 13px;}

#videos .video {clear: both; width: 364px; display: block; background: #FFF; height: 51px; margin-bottom: 5px; cursor: pointer;}
#videos .video img {float: left; border: solid 2px #666; width: 87px; height: 47px; padding: 0; margin: 0;}
*html #videos .video img {margin-left: -3px;}
#videos .video .title {width: 240px; float: left;}
*html #videos .video .title {width: 237px; float: left;}
#videos .video .title h4 {padding: 3px 20px 0 5px; font-size: 11px; font-weight: bold; line-height: 13px; color: #2F6681; margin-left: 1px;}
#videos .video .info {width: 200px; float: left;}
#videos .video .info h5 {padding: 3px 0 0 5px; font-size: 11px; font-weight: normal; line-height: 13px; color: #666; margin-left: 1px;}
#videos .active h4, #videos a.active {text-decoration: underline;}

#center #kahn {background: url(/images/humannetwork/kahn_bg.jpg) no-repeat; width: 400px; height: 533px; padding: 0 15px 0 15px;}
#center #kahn p {color: #FFF; font-size: 12px; font-weight: bold; line-height: 16px; padding-bottom: 20px;}
#center #kahn #video { padding: 26px 40px 40px;}
#center #kahn h1 { padding: 0 0 15px 0;}




/* RIGHT SIDE */

#right {float: left; width: 203px; margin-bottom: 15px;}


/* FOOTER */

#footer {clear: both; color: #333; margin-bottom: 12px; padding-left: 2px;}
#footer #topline {margin-bottom: 3px;}
#footer span {margin: 0 3px 0 3px; color: #4C4C4C;}
#footer span#copyright {margin: 0;}


	#modules-work {position:relative;}
	#modules-live {position:relative; top:202px; }
	#modules-sites {position:relative; top:404px;}
	#mod-work-01 {filter:alpha(opacity=100); opacity:1; visibility:visible; z-index: 501;}
	#mod-sites-01 {filter:alpha(opacity=100); opacity:1; visibility:visible; z-index: 501;}
	#mod-live-01 {filter:alpha(opacity=100); opacity:1; visibility:visible; z-index: 501;}
	#mod-play-01 {filter:alpha(opacity=100); opacity:1; visibility:visible; z-index: 501;}

	
	
/* GLOBAL MODULE */

.module #middle #img {margin: 0 0 6px 0;}
.module #middle p {padding: 0 0 0 4px; line-height: 12px;}
#modtop {height: 10px;}
.mod-container {position:absolute; top: 0px; left: 0px; visibility: visible; z-index: 300;}
.module {min-height: 180px; background: url(/images/humannetwork/mod_mid_r.gif) repeat-y; padding: 0 14px 0 8px;}
*html .module {height: 180px;}
.module #middle {min-height: 146px; width: 181px;}
*html .module #middle {height: 146px;}
.module #link {text-align: right; margin: 0 2px 0 0; font-weight: bold; width: 179px;}
.module #link a {padding: 0 2px 0 0;}
.fademodule {background: #fff; position:absolute; top: 28px; left: 8px; visibility:hidden; cursor: pointer; z-index: 500; opacity:0; filter:alpha(opacity=0);}
#nofade {cursor: pointer;}

/* LEFT MODULE */
#left .module {padding: 0 14px 0 12px;}
#left .module h2 {padding: 0 0 5px 0px;}
#left .module #middle {width: 216px;}
#left .module #middle p {padding: 0 0 0 0;}
#left .module {background: url(/images/humannetwork/mod_mid_l.gif) repeat-y;}
#left .module #link {width: 214px;}
#left .module #link a {padding: 0 15px 0 0; background: url(/images/humannetwork/icon_film_blue.gif) no-repeat right 1px;}
#left .module #link a:hover {background-image: url(/images/humannetwork/icon_film_green.gif);}

/* GLOBAL MODULE (SHORT) */
.module#short {min-height: 126px;}
*html .module#short {height: 126px;}
.module#short #middle.short {min-height: 92px;}
*html .module#short #middle.short {height: 92px;}