@charset "utf-8";
/* CSS Document */

/*
 * CHANGELOGS:
 * 02112009 - Boyet
 * - Community Groups: added default size of member images to 64x64 pixels
 * - Changed color of red to #C1282E (same as Harwood logo on masthead)
 *   on My Groups, My Profile, My Harwood. This is for verification.
 */

/* Resetting all default browser styles */
html { font-size:100.01%; }
body { font-size:1em; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
p { margin:0 0 10px 0; }
em {
font-style:italic;
}
/* Resetting all default browser styles */



/* Global Styles */
body {
	background:#F2F1DD url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15466) repeat-x left top;
	color:#000;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	padding:22px 0;
        text-align:center;
}
.lf { float:left; }
.rt { float:right; }
.clr { clear:both; }
a { 
	color:#d63131; 
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4 {
	color:#000;
}



/* Main Site Container */
div#sitecontainer, #sitecontainer .xbg {
	margin:0 auto;
	position:relative;
	width:810px;
        text-align:left !important;
        outline:none;
        border:none !important;
}
div#sitecontainer {
background:#fff url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15464) repeat-y left top;
}
#sitecontainer .xbg {
/*background:transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15463) no-repeat left top;*/
background:transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15562) no-repeat left top;
}



	/* Logo Background */
	.bgLogo {
		background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/11969) no-repeat left top;
		height:187px;
		left:-95px;
		margin-bottom:-187px;
		position:relative;
		top:-22px;
		width:285px;
		z-index:1;
	}


	/* left Box contains masthead - main - bottom banner in homepage */
	#contBx {
		left:0px;
		overflow:hidden;
		position:relative;
		top:0px;
		width:577px;
		z-index:2;
	}
	#main .innerBx {
		background:#FFF;
		padding:0px 15px 15px 15px;
	}
html* #main .innerBx {
border-bottom:solid 1px #fff;
}
	#main .innerBx .spBx {
		min-height:300px;
		height:auto !important;
		height:300px;
		padding-top:15px;
	}

		/* Flash Text Heading */
		.sIFR-active h1, .sIFR-active .fTxt h2, .sIFR-active .fTxtB h2, .sIFR-active a.btnN {
			visibility: hidden; line-height:1em; font-size: 12px!important;
		}
		h1 {
			background:#d63131;
			border-bottom:solid 5px #C5D5E4;
			height:43px;
			margin:0 -15px;
		}
		.fTxt h2, .fTxtB h2 {
			margin-bottom:0px !important;
		}	
		/* Logo */
		#contBx #logo {
			height:92px;
		}
		/* Topnav */
		#contBx #nav1 {
			background:#fff;
			font:bold 11px/26px Arial, Helvetica, sans-serif;
			height:26px;
			margin:0 0 5px 0;
			padding:0 0 0 5px;
			position:relative;
			z-index:999;
		}
			#contBx #nav1 ul li {
				display:inline;
				padding:0 2px;
			}
			#contBx #nav1 ul li a {
				color:#000;
				text-decoration:none;
				padding-bottom:5px;
			}
			#contBx #nav1 ul li a:hover {
				text-decoration:underline;
			}
		/* Set up the link size, color and borders */
		#navUL ul a, #navUL ul a:visited {
		display:block;
		width:120px;
		font-size:11px; 
		color:#fff; 
		text-decoration:none; 
		text-indent:5px;
		padding:0px !important;
		font-weight:normal;
		}
		/* Set up the sub level borders */
		#navUL li ul li a, 
		#navUL li ul li a:visited {
			border-width:0px;
			padding:0px !important;
		}
		/* Set up the list items */
		#navUL ul li {
			float:left; 
			background:#eee; 
			width:120px;
		}
		#navUL ul li ul li {background:#DFDFDF;}
		/* For Non-IE browsers and IE7 */
		#navUL li:hover {position:relative;}
		/* Make the hovered list color persist */
		#navUL li:hover > a {
			background:fff; 
			color:#000;
		}
		/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
		#navUL li ul {display:none;}
		/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
		#navUL li:hover > ul {
			display:block; 
			position:absolute; 
			top:0px; 
			left:120px; 
			padding:0px; 
			background:orange; 
			width:120px;
		}
		/* Position the first sub level beneath the top level liinks */
		#navUL > li:hover > ul {
			left:-5px; 
			top:19px;
		}
		/* get rid of the table */
		#navUL table {
			position:absolute; 
			border-collapse:collapse; 
			top:0; left:0; 
			z-index:100; 
			font-size:1em;
		}
		/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
		* html #navUL li a:hover {
			position:relative; 
			color:#000;
		}
		/* For accessibility of the top level menu when tabbing */
		#navUL li a:active, #navUL li a:focus {color:#000;}

		/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

		/* change the drop down levels from display:none; to visibility:hidden; */
		* html #navUL li ul {
			visibility:hidden; 
			display:block; 
			position:absolute; 
			top:0; left:120px; 
			padding:0px;
		}
		/* keep the third level+ hidden when you hover on first level link */
		#navUL li a:hover ul ul{
		visibility:hidden;
		}
		/* keep the fourth level+ hidden when you hover on second level link */
		#navUL li a:hover ul a:hover ul ul{
		visibility:hidden;
		}
		/* keep the fifth level hidden when you hover on third level link */
		#navUL li a:hover ul a:hover ul a:hover ul ul{
		visibility:hidden;
		}
		/* keep the sixth level hidden when you hover on fourth level link */
		#navUL li a:hover ul a:hover ul a:hover ul a:hover ul ul {
		visibility:hidden;
		}

		/* make the second level visible when hover on first level link and position it */
		#navUL li a:hover ul {
		visibility:visible; left:-6px; top:19px; lef\t:-7px; to\p:20px;
		}

		/* make the third level visible when you hover over second level link and position it and all further levels */
		#navUL li a:hover ul a:hover ul{ 
		visibility:visible; top:0px; left:120px;
		}
		/* make the fourth level visible when you hover over third level link */
		#navUL li a:hover ul a:hover ul a:hover ul { 
		visibility:visible;
		}
		/* make the fifth level visible when you hover over fourth level link */
		#navUL li a:hover ul a:hover ul a:hover ul a:hover ul { 
		visibility:visible;
		}
		/* make the sixth level visible when you hover over fifth level link */
		#navUL li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
		visibility:visible;
		}
		/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
		/* Main Content Container */	
		#contBx #main {
			font:normal 12px/15px Arial, Helvetica, sans-serif;
			width:577px;
		}
		html* #contBx #main {
			margin-bottom:5px;
		}
			/* Unique for Homepage */
			#main .forH {
				background:transparent;
				padding:0px;
			}
			#main .homeBx {
				background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12109) repeat-y left top;
				font:normal 13px Arial,Helvetica,sans-serif;
				margin:5px 0;
			}
			#main .homeBx .blueHd {
				color:#283a7a;
				font-weight:bold;
				display:block;
				text-transform:uppercase;
				margin:0 0 5px;
			}
			#main .homeBx .dateHd {
				display:block;
				font-size:11px;
				font-style:italic;
				margin:0 0 5px;
			}
			#main .hmBx {
				min-height: 250px !important;
			}
			#main .homeBx .hmBlogBx1, 
			#main .homeBx .hmBlogBx2, 
			#main .homeBx .hmEveBx {
				background:#fff;
				float:left;
				width:165px;
				margin:0 5px 0 0;
				padding:125px 12px 5px 12px;
				width:165px;
			}
			#main .homeBx .last {
				margin:0px;
			}
			#main .homeBx .hmBlogBx1 {
				background:#fff url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15337) no-repeat left top;
			}
			#main .homeBx .hmBlogBx2 {
				background:#fff url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/13026) no-repeat left top;




















			}
			#main .homeBx .hmEveBx {
				background:#fff url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10153) no-repeat left top;
				text-decoration:underline;
color:#283A7A;
font-weight:bold;
text-decoration:none;
			}
			#main .homeBx h2 {
				font:bold 12px Arial,Helvetica,sans-serif;
				text-transform:uppercase;
				line-height:normal;
				margin:0;
			}
			#main .homeBx .readMore {
				display:block;
				font-size:11px;
				font-style:italic;
				text-align:right;
				width:48%;
				float:right;
			}
			#main .homeBx .readMore a {
				color:#d63334;
			}
			#main .homeBx .descBx a {
				color:#666;
				text-decoration:none;
			}
			#main .homeBx .hmEveBx div  {
			border-bottom:solid 1px #c0c0c0;
			padding:7px 0;
			}
			#main .homeBx .hmEveBx .last  {
				border:0px;
			}
			#main .homeBx .hmEveBx .readMore {
				padding:12px 0 0 0;
				float:none;
				width:auto;
			}
			#main .homeBx .hmEveBx .readMore a {
				color:#d63334;
font-weight:normal;
			}
			#main .homeBx .last {
				height:279px !important;
			}
			#main .homeBx .btBx {
				border:0px !important;
				height:12px;
				font-style:italic;
				font-size:11px;
				padding:0;
				text-align:right;
font-weight:normal;
			}
			#main .homeBx .btBx .lf a {
				color:#333;
				text-decoration:none;
			}
			main .homeBx .last .btBx {
				padding-top:25px !important;
			}
			/* News and Event List and Detail page */
			#main .innerBx ul.news, 
			#main .innerBx ul.news li {
				padding:0px;
				margin:0px;
			}
			#main .innerBx ul.news li {
				border-bottom:dotted 1px #333;
				display:block;
				font-size:11px;
				margin:0 0 10px 0;
				padding:0 0 10px 0;
			}
			#main .innerBx ul.news li .itemname {
				display:block;
				height:auto !important;
				padding:0;
				margin:0 0 10px 0;
				position:relative;
			}
			#main .innerBx ul.news li .itemname a {
				display:inline;
				font:normal 14px "Times New Roman", Times, serif;
				margin:0 0 5px 0 !important;
				padding:0 90px 0 0;
			}
			#main .innerBx ul.news li .itemname .dateline {
				color:#666;
				display:block;
				font:normal 11px "Times New Roman", Times, serif;
				margin:0 0 25px 0;
				position:absolute;
				right:0px;
				top:0px;
				text-align:right;
				width:80px;
			}
			#main .innerBx .adContents {
				padding:0 15px;
			}			
			#main .newsEventsTopNav {
				background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10252) no-repeat 18px center;
				height:50px;
				font-size:11px;
				line-height:45px;
				margin:0 -15px;
				padding:0 32px 0 0;
				text-align:right;
			}
			#main .newsEventsTopNav a {
				color:#000;
				margin-left:20px
			}
			#main .newsEventsTopNav .t1 {
				font-size:12px;
			}
			#main .newsEventsTopNav .t2 {
				font-size:16px;
			}
			#main .newsEventsTopNav .t3 {
				font-size:20px;
			}
			#main .newsEventsTopNav .t1 a, 
			#main .newsEventsTopNav .t2 a, 
			#main .newsEventsTopNav .t3 a {
				margin-left:0px;
			}
			#main .newsEventsContent {
				font-size:13px;
			}
			#main .newsEventsContent h4.nwsHd {
				font:normal 20px Georgia, "Times New Roman", Times, serif;
				margin:0 0 0 0;
			}
			#main .newsEventsContent .dateBx {
				color:#666;
				display:block;
				font:italic 14px "Times New Roman", Times, serif;
				margin:0 0 25px 0;
			}
			#main .belowNewsEventsPage {
				height:30px;
				padding:0 15px 0 15px;
			}
			#main .belowNewsEventsPage .rt {
				font:italic 12px/25px "Times New Roman", Times, serif;
			}
			#main .belowNewsEventsPage a {
				color:#666;
				text-decoration:underline;
			}		
			/* Blog List and Content */
			#main .itemlist h3 {
				font:normal 18px "Times New Roman", Times, serif;
				margin:0 0 5px 0;
				padding:5px 0 0 0;
			}
			#main .itemlist .dotters {
				padding:10px 0 22px 0;
				font-size:11px;
			}
			#main .itemlist .greytext {
				font:normal 12px "Times New Roman", Times, serif;
				padding:0 0 5px 0;
			}
			#main .itemlist li {
				margin:0px;
				padding:0px;
			}
			#main .blogsTopNav {
				background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12005) no-repeat left center;
				height:50px;
				font-size:11px;
				line-height:45px;
				margin:0;
				padding:0 0 0 0;
				position:relative;
				text-align:right;
			}
			#main .blogsTopNav .buttonsBlogs {
				float:right;
				text-align:right;
				width:65%;
			}
			#main .blogsTopNav a {
				color:#000;
			}
			#main .blogsTopNav .t1 {
				font-size:12px;
			}
			#main .blogsTopNav .t2 {
				font-size:15px;
			}
			#main .blogsTopNav .t3 {
				font-size:20px;
			}
			#main .blogContent {
				padding:0px 0 22px 0;
			}
#main .blogContent .borderGray {
width:360px;
border:solid 1px #CFCFCF;
padding:20px 10px;
margin:0 auto;
}
#main .blogContent h4 {
font-weight:bold !important;
}
#main .blogContent ul {
padding:0 0 0 30px;
}
#main .blogContent ul li {
list-style:outside disc;
}
			#main .blogContent .publishDetails {
			font:normal 12px "Times New Roman", Times, serif;
			}
#main .blogContent .publishDetails img{
float: left;
margin-right: 10px;
}
#main .blogContent .publishDetails #blogTxt{
font-size: 13px;
font-family: Arial, san-serif;
}
#main .blogContent .publishDetails .blogDate{
font-size: 11px;
}
			#main .blogContent .commentsCountBx {
				font:normal 12px "Times New Roman", Times, serif;
				margin:-15px 0 12px 0;
				text-align:right;
			}
			#main .blogContent .commentsCountBx a {
				text-decoration:underline;
			}
			#main .belowBlogPage {
				border-top:solid 1px #808080;
				height:30px;
				margin:0 auto;
				padding:14px 0 0 0;
				width:547px;
			}
			#main .belowBlogPage a {
				color:#666;
				text-decoration:underline;
			}		
			/* Signup Form */
			#join .preambleBx {
				background:#999967 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10286) no-repeat 8px 12px;
				font:normal 18px "Times New Roman", Times, serif;
				padding:78px 8px 28px 8px;
				margin:0 -15px;
			}
			#commentform .joinFormBx, #join .joinFormBx {
				font:normal 18px "Times New Roman", Times, serif;
				padding:8px;
			}
#commentform .joinFormBx .alertBx, #join .joinFormBx .alertBx {
color:red;
font-size:14px;
font-weight:bold;
padding:10px 0;
display:block;
}
			#join .timesHd {
				border-bottom:solid 7px #980006;
				display:block;
				font-size:22px;
				font-style:italic;
				line-height:35px;
				margin:0 0 15px 0;
				width:492px;
			}
			#join .joinFormBx .inputLabel, 
			#join .joinFormBx .inputText, 
			#join .joinFormBx .inputTextA, 
			#commentform .joinFormBx .inputLabel, 
			#commentform .joinFormBx .inputText, 
			#commentform .joinFormBx .inputTextA {
				clear:both;
				display:block;
				text-align:left;
			}
			#join .joinFormBx .inputLabel,
			#commentform .joinFormBx .inputLabel {
				font-style:italic;
				margin:0 0 5px 0;
				width:auto !important;
			}
			#join .joinFormBx .inputLabel span,
			#commentform .joinFormBx .inputLabel span {
				font-size:18px;
			}
			#join .joinFormBx .inputText,
			#commentform .joinFormBx .inputText {
				border:solid 1px #000;
				font:normal 16px "Times New Roman", Times, serif;
				height:21px;
				margin:0 0 12px 14px;
				padding:2px 0 0 0;
				width:215px;
			}
			#join .joinFormBx .inputTextA,
			#commentform .joinFormBx .inputTextA {
				border:solid 1px #000;
				font:normal 16px "Times New Roman", Times, serif;
				height:100px;
				margin:0 0 12px 14px;
				padding:2px 0 0 0;
				width:315px;
			}
			* html #join .joinFormBx .inputText, * html #join .joinFormBx .inputTextA,
			* html #commentform .joinFormBx .inputText, * html #commentform .joinFormBx .inputTextA,
			* html #commentform .joinFormBx .borderJ, * html #join .joinFormBx .borderJ {
				margin-left:7px;
			}
			#join .joinFormBx .ls,
			#commentform .joinFormBx .ls {
				clear:both;
				display:block;
				font-size:14px;
				padding:0 0 15px 15px;
			}
			#join .joinFormBx select.inputText,
			#commentform .joinFormBx select.inputText {
				height:23px;
				padding:0px;
			}
			#join .btnSubmitSignUp {
				padding:0 22px;
			}
			#main .bloggerContent {
				overflow:hidden;
				margin:0 auto;
				width:535px;
			}
			#commentform .joinFormBx .borderJ, 
			#join .joinFormBx .borderJ {
				border:solid 1px #000;
				height:23px;
				margin-left:14px;
				width:215px;
				margin-bottom:12px;
			}
			#commentform .joinFormBx .borderJ select, 
			#join .joinFormBx .borderJ select {
				padding:3px 0 0 0;
				margin:0px;
				width:215px;
				height:20px;
				_height:23px;
				background:#fff;
				border:0px;
			}
			/* Thank you Page */
			#main .thankYouBx {
				background:#999967 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10316) no-repeat 8px 12px;
				font:normal 18px "Times New Roman", Times, serif;
				padding:78px 8px 50px 8px;
			}
			/* Confirmation Page */
			#main .confirmationBx .introBx {
				background:#999967;
				font-size:13px;
				font-weight:bold;
				padding:12px 8px 32px 8px;
			}
			#main .confirmationBx .btnBx {
				border-bottom:solid 6px #000;
				font:italic 18px "Times New Roman", Times, serif;
				height:105px;
				margin:0 auto 35px auto;
				padding:17px 0 0 0;
				width:565px;
			}
			#main .confirmationBx .btnBx span {
				line-height:80px;
				padding:0 7px;
				vertical-align:top;
			}
			#main .confirmationBx .membersBx {
				font:italic 18px "Times New Roman", Times, serif;
				margin:0 auto;
				width:565px;
			}
			#main .confirmationBx .membersBx .thumbsBx {
				border:solid 5px #000;
				margin:0 auto;
				padding:3px 0 1px 3px;
				width:387px;
			}
			#main .confirmationBx .thumbsBx ul li {
				float:left;
				height:53px;
				margin:0 2px 2px 0;
				width:53px;
			}
			#main .confirmationBx .btnBx {
				border-bottom:solid 6px #000;
				font:italic 18px "Times New Roman", Times, serif;
				height:105px;
				margin:0 auto 35px auto;
				padding:17px 0 0 0;
				width:565px;
			}			
			/* changes */
			/*.forL h4 {*/
			#contBx #main h4 {
				font:normal 16px Georgia, "Times New Roman", Times, serif;
				margin:0 0 15px 0;
			}
			/*.forL table tr td {*/
			#contBx #main table tr td {
				padding:0 0 10px 0;
			}
			/*.forL .hdPQ {*/
			#contBx #main .hdPQ {
				font:normal 16px Georgia, "Times New Roman", Times, serif;
			}
			/*.forL .datePQ {*/
			#contBx #main .datePQ {
				font:italic 12px Georgia, "Times New Roman", Times, serif;
				margin:0 0 15px 0;
				color:#666;
			}		
			/* Community Page Styles */
			.nt {
				background:red;
				color:#fff;
				margin:15px 0;
				padding:10px;
			}
			#main .txtDescBx {
				background:#F4F4F4;
				border:solid 1px #DFDFDF;
				padding:25px 10px 10px 10px;
				margin:0 0 15px;
				position:relative;
			}
			#main .txtClose {
				font-size:11px;
				height:12px;
				position:absolute;
				top:3px;
				right:10px;
			}
			#main .txtClose a,
			#main .txtContent a {
				text-decoration:none;
			}
			#main .txtClose a:hover,
			#main .txtContent a:hover {
				text-decoration:underline;
			}
			#main .txtTabs {
				height:30px;
				padding:0 0 0 10px;
			}
			#main .txtTabs a {
				color:#fff;
				text-decoration:none;
			}
			#main .txtTabs ul li {
				background:#5F5F5F;
				float:left;
				font-size:14px;
				height:30px;
				line-height:30px;
				margin:0 10px 0 0;
				padding:0 15px;
			}
			#main .txtTabs ul li.active {
				background:#DFDFDF !important;
			}
			#main .txtTabs ul li.active a {
				color:#333;
			}
			#main .txtContent {
				border:solid 1px #DFDFDF;
				color:#333;
				padding:5px;
			}
			#main .txtContent .bxs {
				padding:25px 10px 10px 10px;
				position:relative;
			}
			#main .txtContent h2 {
				font-size:16px;
				font-weight:bold;
				margin:0 0 10px;
				position:relative;
				z-index:1;
			}
			#main .txtContent .bxs .txtAlert {
				color:#FEFF6F;
				margin-bottom:-16px;
				padding:0 0 0 300px;
				position:relative;
				z-index:2;

			}
			#main .txtContent .bxs .txtAlert a {
				color:#FEFF6F;
			}
			#main .txtContent .oddBx {
				background:#F4F4F4;
			}
			#main .txtContent .txtMore {
				display:block;
				text-align:right;
			}
			#main .txtContent .fxScroll {
				height:300px;
				overflow-x:hidden;
				overflow-y:auto;
			}
			#main .txtContent .fxScroll ul li {
				background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12154) no-repeat left 4px;
				padding:0 0 0 20px;
				margin:0 0 10px;
			}
			#main .txtContent .fxScroll .label,
			#main .txtContent .txtOF .label {
				width:55px;
			}
			#main .txtContent .fxScroll .value,
			#main .txtContent .txtOF .value {
				width:420px;
			}
			#main .txtContent .txtOF dt {
			background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12154) no-repeat left 4px;
				padding:0 20px;
			}
			#main .txtContent .txtOF dd {
				padding:15px 15px 15px 20px;
			}
			#main .txtContent .txtPC li {
				margin:0 0 15px;
			}
			#main .txtContent .txtPCtxt {
				height:100px;
				width:510px;
			}
			/* HMAIL Page Styles */
			#main .txtHM {
				background:#F4F4F4;
				padding:10px;
			}
			#main .txtHM .txtHMSearch {
				margin:0 0 10px;
				text-align:right;
			}
			#main .txtHM .txtHMSearch input {
				font:italic 12px Georgia, "Times New Roman", Times, serif;
				text-align:center;
				width:250px;
			}
			#main .txtHM .txtHMActions {

				clear:both;
				font-size:14px;
				height:20px;
				margin:10px 0;
			}
			#main .txtHM .txtHMActions a {
				color:#333;
			}
			#main .txtHM .txtHMActions li {
				background:#CFCFCF;
				float:left;
				height:20px;
				line-height:20px;
				margin:0 10px 0 0;
				padding:0 31px;
			}
			#main .txtHM .txtHMActions li.li-sa {
				background:none;
				padding:0;
			}
			#main .txtHM .txtHMActions li.li-sa a {
				text-decoration:underline;
			}
			#main .txtHM .txtHMContent li {
				background:#DFDFDF;
				border:solid 1px #CFCFCF;
				height:62px;
				margin:0 0 10px;
				padding:10px 0;
			}
			#main .txtHM .txtHMContent li.txtHMrq {
				background:#fff;
			}
			#main .txtHM .txtHMContent li .col-1 {
				margin-top:25px;
			}
			#main .txtHM .txtHMContent li .col-2 {
				heigh:62px;
				margin:0 20px 0 0;
				overflow:hidden;
				width:58px;
			}
			#main .txtHM .txtHMContent li .col-3 {
				margin:0 10px 0 0;
				width:120px;
			}
			#main .txtHM .txtHMContent li .col-4 {
				width:270px;
			}
			#main .txtHM .btnR {
				background:#D63131;
				color:#FFF;
				font-size:14px;
				padding:7px 15px;
				text-align:center;
				width:122px;	
			}
			#main .txtHM .txtHMPagi li {
				display:inline;
				line-height:30px;
			}
			#main .txtHM .txtHMPagi li .active {
				text-decoration:underline;
			}
			#main .txtHM .txtHMSubj {
				border-bottom:solid 2px #5F5F5F;
				margin:0 0 10px;
				padding:0 0 5px 200px;	
			}
			#main .txtHM .colsb-2 {
				width:58px;
				margin:0 10px 0 0;
			}
			#main .txtHM .colsb-3 {
				margin:0 10px 0 0;
				width:120px;
			}
			#main .txtHM .txtHMRqContent {
				width:315px;
			}
			#main .txtHM .txtHMRqContent .txtHMrp {
				padding:100px 0 0 0;
			}
			#main .txtHM .txtHMRqContent .txtHMrp span {
				display:block;
				font-weight:bold;
				margin:0 0 5px;
			}
			#main .txtHM .txtHMRqContent .txtHMrp textarea {
				border:solid 1px #D63131;
				display:block;
				margin:0 0 5px;
				width:313px;
				height:80px;
			}
			#main .txtHM .txtHMRqContent .btnDG,
			#main .txtHM .txtHMRqContent .btnLG {
				background:#D63131;
				color:#FFF;
				display:block;
				font-size:14px;
				padding:7px 0;
				margin:0 10px 0 0;
				text-align:center;
				width:110px;
			}
			#main .txtHM .txtHMRqContent .btnDG {
				background:#5F5F5F;
			}
			#main .txtHM .txtHMRqContent .btnLG {
				background:#CFCFCF;
				color:#333;
			}			
			/* Discussion Board Style */
			#main .txtContent .redTxt {
				color:#D63131;
				font-size:11px;
			}
			#main .txtContent .hdDB {
				background:#F4F4F4;
				border:solid 1px #DFDFDF;
				border-bottom:solid 1px #F4F4F4;
				font-size:14px;
				height:25px;
				line-height:25px;
				margin:0 0 -1px 10px;
				position:relative;
				text-align:center;
				width:150px;
				z-index:2;
			}
			#main .txtDBContent {
				background:#F4F4F4;
				border:solid 1px #DFDFDF;
				padding:10px;
				position:relative;
				z-index:1;
			}
			#main .txtDBContent .avaDB,
			#main .txtDBContent .avaDB2 {
				height:50px;
				margin:0 10px 0 0;
				overflow:hidden;
				width:35px;
			}
			#main .txtDBContent .txtDBSubj {
				padding:5px 0 0 0;
				width:460px;
			}
			#main .txtDBContent .txtDBSubj span {
				color:#D63131;
			}
			#main .txtDBContent .showDB {
				padding:0 0 0 10px;
			}
			#main .txtDBContent .showDB select {
				background:#fff;
				border:solid 1px #999;
				width:150px;
			}
			#main .txtDBContent .txtDBTopics li {
				border-bottom:solid 2px #999;
				padding:10px 0;
			}
			#main .txtDBContent .txtDBTopics li.th {
				border-top:solid 2px #999;
			}
			#main .txtDBContent .coldb-1 {
				width:320px;
			}
			#main .txtDBContent .coldb-1 span,
			#main .txtDBContent .coldb-2 span {
				color:#999;
			}
			#main .txtDBContent .coldb-2 {
				width:168px;
			}
			#main .txtDBContent .txtDBSubj2 {
				font-size:13px;
				font-weight:bold;
				padding:4px 0 0 0;
				width:300px;
			}
			#main .txtDBContent .txtDBSubj2 h3 {
				line-height:20px;
			}
			#main .txtDBContent .txtDBdate {
				color:#999;
				font-size:11px;
				text-align:right;
				width:160px;

			}

			#main .txtDBContent .txtDBPostCont {
				font-size:11px;
				line-height:18px;
			}
			#main .txtDBContent .txtDBReply {
				padding:50px 0 0 0;
			}
			#main .txtDBContent .txtDBReply span {
				display:block;
				font-size:11px;
				font-weight:bold;
				margin:0 0 5px;
			}
			#main .txtDBContent .txtDBReply textarea {
				background:#fff;
				border:solid 1px #999;
				display:block;
				height:70px;
				margin:0 0 10px 0;
				width:510px;
			}
			#main .txtDBContent .txtDBReply .btnRs {
				background:#D63131;
				border:0px;
				color:#fff;
				font-size:11px;
				padding:3px 10px;
			}

			
			
	/* Sidebars left/right */
	#extra {

		margin:0px;
		overflow:hidden;
		padding:0px;
		text-align:left;
		width:228px;
	}
	html* #extra {
		float:none;
		position:relative;
		padding-left:2px;
		right:0px;
	}
	*:first-child+html #extra {
		padding-left:5px;
	}
/* cause of the dashed border in IE7
	*:first-child+html div#sitecontainer {
	border:dashed 1px red !important;
	}
	*:first-child+html div#sitecontainer #main {
	border:dashed 1px cyan !important;
	}
*/
	#extra a {
		display:block;
		margin:0px;
	}
	#extra .bling-login, #extra .bling-joinform, #extra .bling-search, #extra .grayBx, #extra .whiteBx, #extra .lgrayBx, #extra .yellowBx, #extra .whiteBx2, #extra .redBx {
		margin-bottom:5px;
	}
	html* #extra .bling-login { margin-bottom:0px; }
	#extra .bling-login a, #extra .grayBx a, #extra .yellowBx a {
		display:inline;
	}
		/* Login Box */
		#extra .bling-login {
			background:#c2292e;
			color:#fff;
			font:normal 14px Arial,Helvetica,sans-serif;
			padding:10px 11px 15px 11px;
		}
		#extra .bling-login h2 {
			color:#fff;
			font-weight:bold;
			margin:0 0 10px 0;
		}
		#extra .bling-login a {
			color:#fff636;
			font-weight:normal;
		}
		#extra #login_area {
			background:#c2292e;
			font-size:13px;
			line-height:20px;
			margin:-5px 0 5px 0;
			overflow:hidden;
			padding:0 10px;
                     
		}
		#extra #login_area a,
		#extra #login_area form {
			display:inline;
		}

		#extra #login_area input {
			border:0px;
		}
		#extra #login_area .txtB {
			width:190px;
		}
		#extra #login_area .txtS {
			text-transform:uppercase;
			padding:3px 10px;
			background:#333;
			color:#fff;
margin-top:7px;
		}
		* html #extra #login_area .txtS {
			padding:3px;
		}
		/* Search Box */
		#extra .bling-search {
			background:#eeda79 !important;
			padding:15px 0 15px 10px;
		}
		#extra .bling-search .txtB {
			background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12026) no-repeat left top;
			width:173px;
			float:left;
			height:21px;
			padding:6px 0 0 6px !important;
			margin:0 4px 0 0;
		}
		#extra .bling-search .txtB input {
			float:left;
			padding:0px;
			margin:0px;
			border:0px;
			color:#333;
			width:164px;
		}
		#extra .bling-search .txtS {
			float:left;
			height:17px;
			margin-top:5px;
			width:25px;
		}
		/* Signup Box */
		#extra .bling-joinform {
			background:#FFF;
			padding:12px 0 12px 10px;
			height:60px;
		}
		#extra .bling-joinform h2 {
			font:normal 12px Arial,Helvetica,sans-serif;
			line-height:normal;
			margin:0 0 12px 0;
			text-transform:uppercase;
		}
		#extra .bling-joinform .txtB {
			background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12026) no-repeat left top;
			width:173px;
			float:left;
			height:21px;
			padding:6px 0 0 6px !important;
			margin:0 4px 0 0;
		}
		#extra .bling-joinform .txtB input {
			float:left;
			padding:0px;
			margin:0px;
			border:0px;
			color:#333;
			width:164px;
		}
		#extra .bling-joinform .txtS {
			float:left;
			height:17px;
			margin-top:5px;
			width:25px;
		}		
		/* Gray Box */
		#extra .grayBx {
			background:#8aa1c0;
			padding:10px 12px;
			font:normal 12px Arial,Helvetica,sans-serif;
		}
		#extra .grayBx h2 {
			font:normal 14px Arial,Helvetica,sans-serif;
			line-height:normal;
			margin:0 0 12px 0;
			position: relative;
			text-transform:uppercase;
		}
		#extra .grayBx a {
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
width: 190px;
display: block;
padding: 0px;
		}
		#extra .grayBx a:hover {
			text-decoration:underline;
		}
		#extra .grayBx li {

			height:24px;
			margin:0 0 2px 0;
			padding:0 5px;
			background:#4e5979 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12034) no-repeat 187px center;
			line-height:24px;
			text-transform:uppercase;
		}
		/* Discussion Board Sidebar Style */
		#extra .lgrayBx {
			background:#FFF;
			padding:12px 0 12px 10px;
			height:60px;
		}
		#extra .lgrayBx .txtB {
			background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12026) no-repeat left top;
			float:left;
			height:21px;
			padding:6px 0 0 6px !important;
			margin:0 4px 0 0;
			width:173px;
		}
		#extra .lgrayBx .txtB input {
			border:0px;
			color:#333;
			float:left;
			margin:0px;
			padding:0px;
			width:164px;
		}
		#extra .lgrayBx .txtS {
			float:left;
			height:17px;
			margin-top:5px;
			width:25px;
		}

		#extra .yellowBx {
			background:#eeda79 !important;
			height:42px;
			padding:15px 0 0 10px;
		}
		#extra .yellowBx .txtB {
			background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12026) no-repeat left top;
			float:left;
			height:21px;
			margin:0 4px 0 0;
			width:173px;
			padding:6px 0 0 6px !important;
		}
		#extra .yellowBx .txtB input {
			border:0px;
			color:#333;
			float:left;
			margin:0px;
			padding:0px;
			width:164px;
		}
		#extra .yellowBx .txtS {
			float:left;
			height:17px;
			margin-top:5px;
			width:25px;
		}
		#extra .whiteBx2 {
			background:#FFF;
			padding:12px 0 12px 10px;
		}
		#extra .whiteBx2 a {
			display:inline;
			text-decoration:none;
		}
		#extra .whiteBx2 a:hover {
			text-decoration:underline;
		}
		#extra .whiteBx2 h3 {
			font-size:14px;
		}
		#extra .whiteBx2 li {
			margin:0 0 10px;
		}
		#extra .redBx {
			background:#D63131;
			color:#fff;
			padding:12px 0 12px 10px;
		}
		#extra .redBx h3 {
			color:#fff;
			font-size:14px;
		}
		#extra .redBx a {
			color:#fff;
			display:inline;
			text-decoration:none;
		}

/*Graybox Main */
		#main .grayBx {
			font:normal 12px Arial,Helvetica,sans-serif;
height: 20px;
		}
		#main .grayBx h2 {
			font:normal 14px Arial,Helvetica,sans-serif;
			line-height:20px;
			margin:0 0 12px 0;
			position: relative;
			text-transform:uppercase;
float: left;
		}
		#main .grayBx a {
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
		}
		#main .grayBx a:hover {
			text-decoration:underline;
		}
#main .grayBx ul{
display: table;
float: right;
}
		#main .grayBx li {

			height:24px;
			margin:0 0 0px 2px;
			padding:0 5px;
			background:#4e5979 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12034) no-repeat right center;
			line-height:24px;
			text-transform:uppercase;
float: left;
		}
#main .grayBx li a{
margin-right: 10px;

}



		/* Yellow Box*/
		#extra .whiteBx {
			background:#eeda79;
			line-height:13px;
			padding:10px 12px 20px 12px;
			height:auto !important;
		}
		* html #extra .whiteBx {
			padding-bottom:27px;
		}
		*:first-child+html #extra .whiteBx {
			padding-bottom:28px;
		}
		#extra .whiteBx h2 {
			color:#000;
			font:normal 12px Arial, Helvetica, sans-serif;
			margin:0 0 10px 0;
			text-transform:uppercase;
		}
		#extra .whiteBx img {
			margin:0 0 0 25px;
		}
		#extra .whiteBx .readMore {
			display:block;
			font:italic 12px "Times New Roman", Times, serif;
			text-align:right;
			width:90px;
		}
		#extra .whiteBx .readMore a {
			color:#990000;
		}
		/* News and Events Box */
		#extra .newsEventsSideBar {
			background:#fff;
			font-size:14px;
			line-height:17px;
			padding:15px 7px;
		}
#extra #blog-sidebar,
#extra #blog-sidebar li,
#extra #blog-sidebar a,
#extra #blog-sidebar h3,
#extra #blog-sidebar h4 {
color:#fff;
}
#extra #blog-sidebar {
background:#566d8b;
padding:10px;
}
#extra #blog-sidebar .brBx{
margin-bottom: 20px;
}
#extra #blog-sidebar a {
display:inline;
}
#extra #blog-sidebar h3 {
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}
#extra #blog-sidebar h4 {
font-weight:bold;
font-size: 15px;
}
#extra #blog-sidebar ul {
padding:0 0 0 5px;
}
#extra #blog-sidebar li {
margin:3px 5px 5px 10px;
list-style-type:square;

}		

















/* edit profile */
#main .editInfoBx .infoBx {
background:#999967 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10368) no-repeat 18px 8px;
padding:54px 18px 0 18px;
height:190px;
margin:0 0 18px 0;
}
#main .editInfoBx .photoBx {
width:121px;
height:121px;
border:solid 1px #fff;
padding:5px;
margin:0 70px 0 0;
}
#main .editInfoBx .photoBx img {
width:120px;
height:120px;
border:solid 1px #000;
}
#main .editInfoBx .descBx {
width:337px;
font:normal 22px "Times New Roman", Times, serif;
color:#fff;
line-height:40px;
}
#main .editInfoBx .descBx ul {
height:42px;
}
#main .editInfoBx .descBx ul li {
float:left;
margin:0 8px 0 0;
padding:0 0 0 5px;
}
#main .editInfoBx .infoFormBx {
padding:0 8px;
text-align:left;
}
#main .editInfoBx .infoFormBx .inputLabel {
font:normal 22px "Times New Roman", Times, serif;
text-align:left;
width:203px;
margin:0 0 29px 0;
}
#main .editInfoBx .infoFormBx .inputText {
height:23px;
width:263px;
padding:0px;
border:solid 1px #000;
background:#fff;
}



#main .assessmentBx .btnAssessmentBx {
background:#999967;
height:50px;
padding:4px 8px 0 8px;
}
#main .assessmentBx .btnAssessmentBx span.lf {
display:block;
font-size:18px;
width:59px;
padding:18px 19px 0 0;
text-align:right;
}
#main .assessmentBx .btnAssessmentBx .selfAssessment {
height:45px;
font-size:12px;
text-align:center;
border-right:dashed 1px #000;
margin:0 10px 0 0;
}
#main .assessmentBx .btnAssessmentBx .comparison {
text-align:center;
height:43px;
font-size:12px;
border-right:dashed 1px #000;
}
#main .assessmentBx .btnAssessmentBx ul {
padding:4px 0 0 0;
}
#main .assessmentBx .btnAssessmentBx ul li {
float:left;
margin:0 23px 0 0;
}
#main .assessmentBx .btnAssessmentBx ul li.last {
margin-right:10px;
}
#main .assessmentBx .contentBx {
font:normal 22px "Times New Roman", Times, serif;
padding:36px 8px 18px 8px;
/* off
background:#c0c0c0;
*/
line-height:30px;
}
#main .assessmentBx .buttonBx {
height:22px;
}
#main .assessmentBx .buttonBx div {
float:left;
}



/* assessment sidebar */
#extra .welcomeBx {
background:#990100;
padding:12px 12px 6px 6px;
}
#extra .welcomeBx {
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}

#extra .welcomeBx .photoBx {
float:right;
border:solid 6px #3a3134;
}
#extra .welcomeBx a {
color:#ffe400;
font-size:14px;
line-height:20px;
text-decoration:none;
}
#extra .welcomeBlingsBx .blingsBx {
height:22px;
display:block;
background:#999967;
padding:8px 0 0 12px;
margin:0 0 6px 0;
}
#extra .welcomeBlingsBx .blingsBx a {
color:#000;
text-decoration:none;
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding:0 0 0 24px;
margin-right:18px;
}
#extra .welcomeBlingsBx .blingsBx .btn1 {
background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10378) no-repeat left top;
}
#extra .welcomeBlingsBx .blingsBx .btn2 {
background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10379) no-repeat left top;
}
#extra .welcomeBlingsBx .blingsBx .btn3 {
background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10380) no-repeat left top;
margin-right:0px;
}
#extra .welcomeBlingsBx .videoBx {
width:211px;
height:175px;
margin:0 auto;
}


/* blog side bar */
#extra .viewProfile {
font-size:14px;
font-weight:bold;
padding:30px 8px;
background:#fff;
}
#extra .viewProfile a {
color:#000;
}
#extra .blogSideBar {
font-size:14px;
}
#extra .blogNavBox, #extra .sideBarBlog {
padding:12px 8px;
}
#extra .blogNavBox {
background:#fff;
}
#extra .blogNavBox ul li {
margin:0 0 5px 0;
}
#extra .blogNavBox a {
color:#000;
font-weight:bold;
text-decoration:underline;
}
#extra .blogNavBox ul li .formBx {
clear:both;
height:26px;
padding:5px 0 0 0;
}
#extra .blogNavBox ul li .txtB {
width:168px;
height:22px;
border:solid 1px #000;
padding:2px 0 0 0;
font:italic 16px "Times New Roman", Times, serif;
float:left;
margin:0 5px 0 0;
}
#extra .blogNavBox ul li ul {
padding:15px 0 0 0;
}
#extra .blogNavBox ul li ul li a {
font-weight:normal;
display:inline;
}
#extra .blogNavBox ul li .txtS {
width:29px;
height:18px;
float:left;
vertical-align:top;
margin:3px 0 0 0;
}
#extra .sideBarBlog {
background:#990000;
}
#extra .sideBarBlog a {
color:#fff;
font-weight:bold;
text-decoration:underline;
line-height:18px;
}

#extra .sideBarBlog ul li {
margin:0 0 18px 0;
}



/* LeftNav Styles */
#nav2 {
display:none;
}


/* Footer Styles */
.address, #powered {
text-align:center;
padding:10px 0 0 0;
}

.sIFR-flash {
position:relative;
}




/* Profile Bx */
#unBx {
padding: 5px;
background:#C1282E;
}
#unBx .usrImg {
width: 68px !important;
height: 68px !important;
border: 1px solid white;
background: #fff;
float: right;
}
#unBx .welBx {
font-size: 20px;
text-transform: uppercase;
}


.sIFR-active .fTxtBa h2{
width: 125px;
letter-spacing:-3px !important;  
}


#unBx .aHmail a{
color: yellow;

}
#unBx ul li a{
color: #ffe036;
text-decoration: none;
}
/* Profile Bx */
#unBx {
padding: 10px;
margin-bottom: 5px;
}
.grayBxF {
margin-bottom: 5px;

}

#unBx .usrImg {
width: 50px;
height: 50px;
border: 5px solid #333;
background: #fff;
float: right;
}
#unBx .welBx {
padding: 0 0 20px 0;
height: auto;
margin: 0;
}
#unBx .aHmail {
color: #ffe036;
font-size: 14px;
margin: 10px 0 0 0;
text-transform: none;
}
#unBx ul li a{
color: #ffe036;
text-decoration: none;
font-size: 14px;
margin: 0 0 10px 0;
}
#unBx p{
color: #fff;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
}

/* EXERCISES */
#maincontent{
font-size: 13px;
margin-top: 10px;
}
.jourBx{
margin-left: -30px;
}
.jourBx textarea{
width: 530px;
}
.exName{
background: #EEDA79;
padding: 5px 0;
margin-left:  -15px;
margin-right:  -15px;
display:block;
}
.exName #ei_name {
display:block;
width: 566px;
border:0px;
padding:3px 0;
margin:0 auto;
}
html* .exName #ei_name {
margin-left:5px;
}

#exercise_name{
margin-left: 5px;
padding: 0px !important;
font-size: 16px !important;
background: transparent;
width: 415px;
font-weight: bold;
font-family: Arial;
}
#exercisenameresponse{
font-size: 12px;
}
.assetBx {
/*
background: #DDC203;
border: 8px solid #333;
*/
margin: 14px;
/*min-height: 75px;*/
padding:8px;
background:#333;
position:relative;
}
.assetBx .inBx{

margin: 10px;
}

#extra .bubTop {
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/13107) repeat-y top right;
padding:0 0 0 0;
width:198px !important;
overflow:hidden;
margin:15px auto 0 auto;
}
html* #extra .bubTop {
width:199px !important;
margin-left:15px;
}
#extra .bubTop img {
display:block;
}
#extra .bubTop .bubBot {
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/13107) repeat-y top left;
padding:0 5px;
}

.assetBx .inBx {
font-size: 15px;
color: #fff;
font-weight: bold;
}
.assetBx .inBx a{
margin: 10px;
font-size: 12px;
text-decoration: none;
color: #000;
}
.assetBx .inBx a img{
float: left !important;
display: inline;
margin-right: 5px;
}
#maincontent .descBx {
/* off
padding: 15px;
width: 545px;
*/
}
*:first-child+html #maincontent .descBx table .assetBx {
width:184px !important;
display:block !important;
}

#main #hdBx {
height: 30px;
display:block;
padding: 10px 0 0 10px;
}
#main #hdBx .sIFR-replaced, #main #hdBx .sIFR-replaced .sIFR-flash {
width:100% !important;
display:block !important;
}


#btnBx {
/* off
margin: 30px 0 0 15px;
*/
height: 50px;
display: block;
clear: both;
}
#btnBx .btnBl, #btnBx .btnRd {
display:inline;
background: #333;
float:left;
height:20px;
padding:5px;
margin:0 10px 0 0;
}
#btnBx .btnBl h2, #btnBx .btnRd h2 {
display:block;
}
#btnBx .btnBl:hover, #btnBx .btnRd:hover {
background: #990100;
}


.questionanswers {
margin-left: 30px;
margin-bottom: 20px;
}
#qBox {
margin-left: 0px;
margin-bottom: 20px;
}
.questionanswers .answers {
margin-bottom: 20px;
}
.questionanswers .answers .files{
text-align: right;
}
.questionanswers .answers input{
border: none;
margin-right: 20px;
}

/* STEPS  */
.qindex {
/*height: 50px;*/
height:54px;
overflow: hidden;
display: block;
background: #fff;
padding: 12px 0;
margin: 0 -20px 0 -20px;
border-bottom: 5px solid #D9E4E6;
}
html* .qindex {
height:84px;
}
/* hide this for the mean time */
.qindex #last {
display:none;
}
.qindex .stpLbl {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
float: left;
color: #990100;
padding: 14px 14px 0px 14px;
text-align: center;
display:block;
}
.qindex .qNum {

}
.qindex .qNum span {
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat top left;
margin: 0 5px 3px 5px;
padding: 6px 0;
text-align: center;
float: left;
display: block;
width: 28px;
height: 17px;
color: #000;
font-weight: bold;
font-size: 17px;
line-height:17px;
}
.qindex .qNum span.current{
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat top right;
}
.qindex .stpGrp {
float: left;
padding: 3px 10px 0 10px;
background: #fff;
border-left: 1px solid #ccc;
min-height:55px;
height:auto !important;
height:55px;
}
html* .qindex .stpGrp {
min-height:59px;
height:auto !important;
height:59px;
}

.qindex .stpGrp .secBx{
text-align: center;
font-size: 11px;
color: #676767;
font-weight: bold;
margin: 5px 0 4px 0;
text-transform: uppercase;
clear: both;
}

/* STEPS BY SECTION */
#qindecByS .stpGrp span{
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat top left;
margin: 0 5px 3px 5px;
padding: 6px 0;
text-align: center;
float: left;
display: block;
width: 28px;
height: 16px;
color: #000;
font-weight: bold;
font-size: 17px;
}
#qindecByS span.current{
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat top right;
}
#qindecByS .stpGrp {
float: left;
padding: 10px;
background: #fff;
border-left: 1px solid #ccc;
}




/* SideTools */

.sideTools {
height: 30px;
background: #EEDA79;
padding: 5px 0px 0 0px;
margin-bottom: 5px;
}
.sideTools a{
display: inline;
float: left;
font-size: 14px;
text-decoration: none;
padding: 0 5px 0 5px;
color: #000;
font-weight: bold;
}
.sideTools a:hover{

color: #990100;
}
	/* Flash text Share link */
	.fTxtWL a {
		float:none;
		padding:0px;
	}
	.fTxtWL h2 {
		background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10751) no-repeat 10px 4px;
		padding:0 0 0 40px;
	}
.sideTools a img{
margin-right: 3px;
vertical-align: middle;
}
.relBx{
padding: 15px;
background: #999963;
font-size: 12px;
font-weight: bold;
}
.relBx a{
text-decoration: none;
float: left;
margin-right: 4px !important;
}
.relBx a:hover{
text-decoration: underline;
}
.relBx h3{
font-size: 18px;
margin: 0 0 10px 0;
}
.relBx .bookBtn a{
background: #333;
padding: 3px;
color: white;
text-decoration: none;
text-align: center;
float: none;
}
.relBx .bookBtn a:hover{
background: #990100;
}
.relBx img{
margin-right: 3px;
vertical-align: middle;
}

/* Question Litmus */

.ansBx11105, .ansBx11106, .ansBx11107, .ansBx11108, .ansBx11109 {
width: 125px;
position:relative;
float: left;
display: block;
margin:0 0 0 -20px;
}
.ansBx11105 {
z-index:7;
margin-left:0px;
}
.ansBx11106 {
z-index:8;
}
.ansBx11107 {
z-index:9;
}
.ansBx11108 {
z-index:10;
}
.ansBx11109 {
z-index:11;
}
.ansBx11105 input, .ansBx11106 input, .ansBx11107 input, .ansBx11108 input, .ansBx11109 input{
position: absolute;
top:90px;
left:50px;
z-index:7;
}
#main .qBx11104 {
height:125px;
margin-left:-5px !important;
}
.cirBx {
width:85px !important;
width:123px;
height:75px;
font-weight:bold;
text-align:center;
padding:50px 20px 0px 20px !important;
position:relative;
z-index:6;
}
html* .cirBx {
width:123px;
height:125px;
}

.cirBx1{
background: url(http://www.theharwoodinstitute.org/skin/cr-ico1.png) no-repeat top left;
}
.cirBx2{
background: url(http://www.theharwoodinstitute.org/skin/cr-ico2.png) no-repeat top left;
}
.cirBx3{
background: url(http://www.theharwoodinstitute.org/skin/cr-ico3.png) no-repeat top left;
}
.cirBx4{
background: url(http://www.theharwoodinstitute.org/skin/cr-ico4.png) no-repeat top left;
}
.cirBx5{
background: url(http://www.theharwoodinstitute.org/skin/cr-ico5.png) no-repeat top left;
}

/* Dummy */
.qBx11127 {
display: none;
}



ul#btnBxN, ul#btnBxN li {
padding:0px;
margin:0px;
}
ul#btnBxN {
padding:30px 0 15px 0;
clear:both;
}
*:first-child+html ul#btnBxN {
margin-bottom:15px;
}
ul#btnBxN li {
display:inline;
margin:0 7px 0 0;
}
html* ul#btnBxN li {
float:left;

}
ul#btnBxN .btnN h4 {
background:#333333;
display:inline;
padding:10px 0 0 0;
}
html* ul#btnBxN .btnN h4 {
margin-top:10px;
}
body:last-child:not(:root:root) ul#btnBxN .btnN h4 {
padding:30px 0 0 0;
}
html* ul#btnBxN .btnN h4 {
padding-top:2px;
margin:0 4px 0 0;
}
ul#btnBxN .btnN h4 .sIFR-flash {
margin-bottom:-4px;
}
body:last-child:not(:root:root) ul#btnBxN .btnN h4 .sIFR-flash {
margin-bottom:-15px;
}
html* ul#btnBxN .btnN h4 .sIFR-flash {
margin-bottom:0px;
}



/* USERHOME */
#tabheader, #tabheader ul, #tabheader ul li, #tabheader ul li a {
padding:0px;
margin:0px;
background:none;
}
#tabheader {
border-bottom:solid 2px #990000;
margin:15px 0;
}
#tabheader ul li {
height:20px;
line-height:20px;
padding:0 6px;
background:#333 !important;
margin:0 1px 0 0;
}
#tabheader ul li#current {
background:#990000 !important;
}
#tabheader ul li a {
font-size:11px;
color:#fff !important;
background:none !important;
}
#tabheader ul li a:hover {
text-decoration:underline;
}


/* COMPARISON MATRIX */
#cmTable{
margin-top: -6px;
font-size: 11px;
background:#d63131;
}
#cmTable .cmqBxH th{
text-align: center ;
font-weight: bold;
background: #8AA1C0;
margin-left: 3px;
padding: 3px !important;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
font-size: 13px;
}
#cmTable td{
padding: 3px !important;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;

}
#cmTable td#ansMax{
background: #4E5979 !important;
color: #fff;
}
#cmTable td#ansMax .cmqCount{
color: #fff;
}
#cmTable .cmqQ{
font-weight: bold;
}
#cmTable .cmqA{
font-weight: bold;
color: #D63131;
text-align: center;
}
#cmTable .cmqO .cmqCount{
color: #990100;
font-weight: bold;
}

/* SIDE RATING*/
#srBx {
background: #B8B8B8 url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10150) repeat-x;
padding: 13px;
margin-top: -10px;
}
#srBx a b{
color: #E1C712;
}
#srBx h2{
font-size: 16px;
font-weight: bold;
}
#srBx h3{
font-size: 12px;
font-weight: bold;
color: #990000;
}
#srBx .rDesc {
font-size: 12px;
}

/* HORIZONTAL RATING */

#hrateBx{
margin-bottom: 10px !important;
height: 60px;
}
#hrateBx .rateLbl{
display: block;
background: #EEDA79;
margin: 0 0 2px 0;
height: 40px;
border-bottom: 2px solid #fff;

}
#hrateBx label input{
margin: 0 !important;
}
#hrateBx label{
height: 60px;
margin: 0 !important;
width: 98px !important;
background: #D63131;

}
#hrateBx.hrateBx13460 label{
height: auto;
margin: 0 !important;
width: 48% !important;
background: #D63131;
padding: 2px !important;
}
#hrateBx.hrateBx13460 label{
height: auto;
}
#hrateBx.hrateBx13460{
height: 20px;
}
#hrateBx.hrateBx13460 .rateLbl{
display: none;
}
#hrateBx .rateLbl span{
display: block;
line-height: normal;
padding-top: 3px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 12px;
height: 38px;
}
*:first-child+html #hrateBx,
*:first-child+html #hrateBx label {
position:relative;
}
*:first-child+html #hrateBx input {
position:absolute;
bottom:0px;
left:40px;
}
*:first-child+html .hrateBx13460 label {
height:17px !important;
}
/* ASSETS DIV NEW */
#oiAssetsDiv {
background: #fff;
padding: 3px 0 5px 0; 
}



#community1 h1 {
color:#fff;
font-size:300%;
padding:25px 0px 0px 10px;
}

.closebox {
clear:both;
display:block;
border:1px solid #ccc;
position:relative;
margin:10px 0;
padding:10px;
}

.closebox div {
clear:both;
padding:5px;
}

.closebox a {
float:right !important;
clear:both !important;
padding:5px 10px 0 0;
text-decoration:none;
}


.closebox #closebox p,
.closebox #openbox .yl {
/* background:yellow; */
text-align:right;
}



.communitymenu {
padding-left:20px;
}

.communitymenu li {
float:left;
height:25px;
width:115px;
background-color:#ccc;
margin:0 5px;
padding:8px 0 0 0;
text-align:center;
font-size:1.4em;
font-weight:bold;
}

.communityBT {
display:block;
font-size:1.8em;
clear:both;
padding:20px;
}

.communityBT span {
color:#ff0000;
}

.communityBT div {
margin:10px 0;
}

.comsearch {
margin:0 auto;
float:left;
font-size:1.4em;
font-weight:bold;
padding:0 20px 0 10px;
}

.communityBx select {
border:1px solid #000;
height:70px;
width:150px;
}
.communityBx option {
margin:4px 0;
}
.communitySB {
margin-top:150px;
background-color:#FFFFFF;
}

.communitySB input {
background-color:#D63131;
border:none;
color:#fff;
font-size:1.6em;
padding:5px;
float:right;
cursor:pointer;
}

.communityBx2 {
margin:10px 0;
font-size:1.2em;
}

.communityBx2 div {
clear:both;
}

.communityBx2 div div {
width:115px;
float:left;
text-align:right;
padding:0 20px 0 0;
}

.communityBx2 select {
float:left;
}


.redthick {
height:30px !important;
background-color:#D63131;
clear:both;
}

.redthin {
height:10px !important;
background-color:#D63131;
clear:both;
}
.communitymemberholder img {
padding:5px;
float:left;
}

.cmhtop, cmhdown {
width:350px;
float:left;
margin:20px 10px;
}

.cmhtop div {
width:100px;
float:left;
padding:0 0 0 10px;
}

.addasfriend a {
float:right;
text-decoration:none;
}

.cmhdown a {

text-decoration:none;
float:right;
}

.cmhdown div {
width:75px;
float:left;
padding:0 0 0 10px;
}

.messageredbox {
background-color:#D63131;
font-size:1.4em;
font-weight:bold;
height:60px;
padding:5px;
color:#fff;
}

.messageredbox div {
margin:10px 0;
}

.messageredbox span {
color:#FFFF00;
}

.messagebx input {
margin:10px;
height:150px;
width:510px;
border:2px solid #000;
}

.messageSB input {
background-color:#D63131;
border:none;
color:#fff;
font-size:1.6em;
padding:5px;
float:right;
margin:0 40px;
cursor:pointer;
}


table.pcTab {
border-bottom:8px solid #D63131;
border-left:4px solid #D63131;
border-right:4px solid #D63131;
border-top:8px solid #D63131;
margin:0 auto !important;
padding:0px !important;
}

table.pcTab, .pcTabHead {
background-color:#D63131 !important;
color:#fff !important;
font-size:1.2em;

font-weight:bold;
padding:10px 0;
text-align:center;
vertical-align:middle !important;
}

table.pcTab div {
padding:0 0 6px 0;
}

.pcTab td {
background-color:#FFF;
border:2px solid #D63131;
color:#000;
text-align:center;
padding:5px !important;
}

.pcdata2 {
background-color:#EEDA79 !important;
}

.cmexertop {
clear:both !important;
margin:0 auto;
padding:0px;
font-size:1em !important;
font-weight:600;
}

.cmexertop h2 {
width:198px;
float:left;
padding:5px 0 0 10px;
}

.cmexertop ul li {
float:left;
height:20px;
margin:0 2px 0 0;
width:100px;
background-color:#ccc;
text-align:center;
padding-top:5px;
}

.cmexertop ul li a {
color:#000;
text-decoration:none;
}

.cmexertop ul .curRed a {
color:#D63131;
}

.cmexertop ul li a:hover {
text-decoration:underline;
}

#cmTable {
clear:both;
margin:0 auto;
border:2px solid #D63131 !important;
}

tr.cmqBxH {
margin:0 auto;
padding:0px;
}

tr.cmqBxH th {
background-color:#D63131 !important;
border:none !important;
margin:0 auto;

padding:0px;
color:#fff;
}

tr.cmqBxH th.cmqBxHmid {

}

.cmqQ {
background-color:#FFF !important;
border:2px solid #D63131 !important;
}

.cmqQ span {
display:block;
font-weight:600px !important;
width:150px !important;
}

.cmqA {
background-color:#EEDA79 !important;
border:2px solid #D63131 !important;
}

.cmqO {
background-color:#EEDA99 !important;
border:2px solid #D63131 !important;
}

.cmqQae {
width:300px !important;
border:2px solid #D63131 !important;
}

.cmqAae {
background-color:#EEDA79 !important;
border:2px solid #D63131 !important;
width:30px;
}

.pxforx {
margin:0 auto;
text-align:center;
}
html* #cmTable .cmqAae .pxforx {
margin-left:10px;
}
.netBx h3{
color: white;
}
.netBx{
margin: -15px;
padding: 15px;
background: #D63131;
color: #fff;
}
.netBx a{
color: yellow;
}


/* travis added boyet's styles below here */
/* START
 * Skin for Harwood Community
 * My Profile, My Groups, My Friends
 * 
 */

 h1.hdr_community {padding-left:20px; font-size:32px; color:#fff; line-height:43px; text-transform:uppercase;}

.dbox {clear:both; margin:0 0 10px; padding:2px; background:#fff;}
.dbox p {margin:0 0 10px;}
.dbox span.fname {margin-right:20px;}

.actions a {padding-right:8px;}

.pagenavi {text-align:right; color:#888; margin:10px 0;}
.pagenavi a, .pagenavi a:visited {color:#888; padding:0 2px;}
.pagenavi span.current {color:#333; text-decoration:underline; padding:0 2px;}

/* Sidebars */
.inviteform {background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12245) no-repeat center top;	width:228px; height:86px; text-align:center;}
.inviteform fieldset {padding-top:40px;}
.inviteform input#inviteFriend {background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12246) no-repeat left top; border:none; width:180px; height:24px;}
.inviteform input.addFriend {background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/12246) no-repeat right center; border:none; height:24px;	width:32px;	text-indent:-999em;}

#extra .sbmembers {background:#fff; padding:10px;}
#extra .sbmembers h2 {font-size:16px; text-transform:uppercase; font-weight:bold;}
#extra .sbmembers .groupmeta h3 {font-size:14px;}
#extra .sbmembers .groupmeta p {margin:0; padding:0;}
#extra .sbmembers  a {display:inline; text-decoration:none;}
#extra .sbmembers ul.groupactions {margin:10px 0;}
#extra .sbmembers ul.groupactions li a {display:block; padding-bottom:10px;}

#extra .sbgroup {background:#D63131; padding:10px; color:#fff;}
#extra .sbgroup h2 {margin:10px 0; font-size:20px; line-height:24px; color:#fff;}

/* My Friends CSS */
.friendContent {background:#dfdfdf;}
.friendContent .txtBio {margin-left:70px;}
.friendContent .dctr {font-size:16px; text-align:center; width:180px; height:28px; line-height:28px; background:#fff; margin-left:70px;}
.friendContent .dctr span {color:#D63131; font-weight:bold;}
.friendContent .dpic {width:64px; height:64px; overflow:hidden; float:left; margin-right:5px;}
.friendContent .dpic img {width:64px; height:64px;}
.friendContent .dbox {color:#D63131;}
.friendContent .dbox p {margin:10px 0;}

/* My Profile CSS */
profileContent {}
.profileContent a.editinfo {display:block; width:42px; float:right;}
.profileContent .dpic {float:left; border:2px solid #000; margin-right:10px; margin-top:3px; margin-left:3px; width:100px; overflow:hidden;}
.profileContent .dpic img {width:100px;}
.profileContent .txtBio {width:400px; margin:0 0 10px 120px;}
.profileContent h3 {margin-top:10px; font-size:18px; line-height:20px;}
.profileContent .dbox p {width:380px;}
.profileContent .resBx{
background: #C1282E;
padding: 5px;
}
.profileContent .dbox{
margin:10px 0; background: #fff;
height: 110px;
}
.profileContent .redthin{
display: none;
}
.profileContent .pagebar{
background: white;
margin: -10px 0px 10px 0 !important;
height: 30px;
line-height: 28px;
text-align: right;
padding: 5px;
}
/* My Groups CSS */
.groupContent {background:#dfdfdf;}
.groupContent .txtBio {margin-left:160px;}
.groupContent h3.grpName {margin:10px 0; color:#C1282E; font-size:16px; font-weight:bold;}
.groupContent .dctr {font-size:16px; text-align:center; width:180px; height:28px; line-height:28px; background:#fff; margin-left:70px;}
.groupContent .dctr span {color:#C1282E; font-weight:bold;}
.groupContent .dpic {width:120px; overflow:hidden; float:left; margin-right:5px;}
.groupContent .dpic img {width:120px;}
.groupContent .grpDesc{display: block; margin-bottom: 10px;}
.groupContent .grpDesc p.ltxt {color:#4E5979; font-weight:bold; display: block; clear: right;}
.groupContent .grpDesc p.rtxt {color:#000; margin-left:10px;}
.groupContent p.viewmore {margin:0; padding:0 10px 10px 0; text-align:right;}
.groupContent p.viewmore a {padding:3px 12px; background:#C1282E; color:#fff; font-weight:bold; font-size:16px;}

/* My Groups Details CSS */
.groupDetails {background:#dfdfdf;}
.groupDetails .txtBio {margin:10px 5px 10px 120px;}
.groupDetails h3 {font-size:12px; font-weight:bold;}
.groupDetails h3.grpName {margin:10px 0; color:#C1282E; font-size:16px; font-weight:bold;}
.groupDetails .dpic {width:100px; overflow:hidden; float:left; margin-right:5px;}
.groupDetails .dpic img {width:100px;}
.groupDetails .grpDesc div.ltxt {color:#888; font-weight:bold; float:left;}
.groupDetails .grpDesc div.ltxt strong {color:#000;}
.groupDetails .grpDesc div.rtxt {color:#000; margin-left:80px;}
.groupDetails .dboards {font-size:11px;}

.groupDetails .dboards p{margin:0;}
.groupDetails .dboards p.showposts {margin:0;}
.groupDetails .dboards .postings {margin:0 0 10px;}
.groupDetails .dboards p.showallposts {margin:10px 0; text-align:right;}
.groupDetails .dmembers {margin:10px 0;}
  .dmembers ul {overflow:auto;}
  .dmembers ul li {width:64px; float:left; margin:0 10px 0 0;}
  .dmembers li a {display:block;}
  .dmembers li a:hover {text-decoration:none;}
  .dmembers img.gravatar {width:64px; height:64px;}
	
.groupDetails .dattachments {margin:10px 0; padding:10px 0;}
#main .groupDetails .dattachments table#flists tr td {margin:0; padding:0;}

.requestForm {}
.requestForm  h1.hdr_request {background:none; margin:10px 0; padding:0; font-size:20px; line-height:24px; border:0; height:auto; color:#C1282E; text-transform:uppercase;}
.requestForm fieldset p {margin:20px 0;}
.requestForm fieldset label {display:block; font-size:16px; width:180px; float:left; padding-right:10px; font-weight:bold;}
.requestForm fieldset input {width:180px; border:2px solid #666;}
.requestForm fieldset textarea {width:180px; border:2px solid #666;}
.requestForm p.submit {text-align:right;}
.requestForm p.submit input {background:#C1282E; font-weight:bold; color:#fff; border:none; padding:4px 6px; margin:5px 40px 10px;}

/* END
 * Skin for Harwood Community
 * My Profile, My Groups, My Friends
 * 
 */

/*----------------------------------
 *
 * START
 * CSS for My Harwood
 */

#main .myHarwood {border:none;}
#main .myHarwood .resBx {margin:10px 0; padding:4px 2px; border:1px solid #ccc;}
#main .myHarwood .myCommunity {border:none;}

.myHarwood .dbox h3 {font-size:16px; font-weight:bold; text-transform:uppercase; color:#C1282E;}

table.fwTable {margin:10px 0;}
table.fwTable th {text-align:center; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
table.fwTable td {text-align:center;}
table.fwTable td strong {display:block; width:125px; text-align:left; font-size:11px;}

.boxClose {width:60px; float:right; clear:left; border:1px solid #ccc; text-align:center; padding:0 2px; font-size:11px;}
.boxClose strong {color:#C1282E; font-weight:bold; font-size:14px;}

.actionbox {margin-top:10px; width:120px; height:120px; padding:4px; border-right:1px solid #ccc; float:left; text-align:center;}
.actionbox strong {font-weight:bold; color:#4E5B7D; text-transform:uppercase; margin:10px 0;}
.actionbox p {margin:10px 0; font-size:10px;}
.actionbox a {display:block; line-height:normal;}
.lastactionbox {border:none;}

/* END
 * CSS for My Harwood
 */


/* travis added boyet's styles above here */



/* new */
#qindecBySNw,
.qindexNw {
margin:0 -15px;
padding:10px 0;
border-bottom:solid 5px #DCE6E8;
}
#qindecBySNw .stpLbl,
.qindexNw .stpLbl {
width:55px;
padding:6px 0 0 10px;
}
#qindecBySNw .stpGrpNw,
.qindexNw .stpGrpNw {
float:left;
border-left:solid 1px #999;
padding:0 15px;
}
#qindecBySNw #last,
.qindexNw #last {
display:none !important;
}
#qindecBySNw .bdL,
.qindexNw .bdL {
border-right:solid 1px #999;
}
#qindecBySNw .stpGrpNw .question,
#qindecBySNw .stpGrpNw .current,
.qindexNw .stpGrpNw .question,
.qindexNw .stpGrpNw .current {
display:block;
height:28px;
width:28px;
text-align:center;
font-size:17px;
line-height:28px;
font-weight:bold;
margin:5px 10px 5px 0;
}
#qindecBySNw .stpGrpNw .last,
.qindexNw .stpGrpNw .last {
margin-right:0px;
}
#qindecBySNw .stpGrpNw .question,
.qindexNw .stpGrpNw .question {
background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat left top;
}
#qindecBySNw .stpGrpNw .current,
.qindexNw .stpGrpNw .current {
background:url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/10786) no-repeat right top;
}
.qindexNw .stpGrpNw .secBxNw {
clear:both;
font-weight:bold;
text-align:center;
}
html* .qindexNw .stpGrpNw .secBxNw {
padding-top:8px;
}


/*
 * FOOTER NAV1
 */
#footernav1 {margin-top:20px;}

#maincontent .pagebar .pageprev, #maincontent .pagebar .pagenext {
display:none;
}

#flaLogo{
display: block !important;
position: absolute !important;
margin-top: -22px;
margin-left: -140px;
z-index: 1000;
}


.turnBx{
border: 5px solid #4d5a7a;
}
.turnBx td{
text-align: center;
}
.turnBx a.sendLnk{
padding: 18px 243px 20px 0;
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15727) no-repeat top left;
font-size: 1px;
}
.turnBx a.sendLnk:hover{
background: transparent url(http://www.theharwoodinstitute.org/ht/a/GetImageAction/i/15728) no-repeat top left;
}

#main .blogContent, #main .releBx {
font-size:13px;
}
#main .releBx {
padding-top:18px;
}

.pubTable img{
padding-right: 10px;
}
.cmqQae{
background-color:#EEDA79 !important;
border:2px solid #D63131 !important;
}

/*

*******  CPB Styles  *******

*/
div#cpb {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22745) transparent no-repeat top left; 
	width: 580px; 
	height: 295px; 
	float: left; 
	margin-left: -15px; 
	margin-top: -15px;
	}

div#cpb div#introTxt {
	width: 220px; 
	padding: 160px 0 0 23px; 
	float: left;
	}
	
div#cpb div#clip {
	float: right; 
	padding:30px 30px 0 0;
	}

#video {
	width: 530px; 
	padding: 20px;
	float: left;
	}

#video #videoObject {
	float: left;
	margin-right: 15px;
	}

#video h4, #cpbCtrContent h4 {
	font-size: 16px;
	font-family: arial, verdana, sans-serif !important;
	color: #C1282E;
	padding-bottom: 3px !important;
	margin-bottom: 0px !important;
	margin-top: 10px;
	padding-top: 5px;
	font-weight: bold !important;
	}

#video #confTxt {
	width: 260px;
	float: left;
	line-height: 160%;
	}

#video #confTxt a, #CPBbottom a, #video #videoObject a, #cpbCtrContent a {
	color: #C1282E;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}

#CPBbottom {
	float: left;
	margin-left: -35px;
	width: 580px;
	padding-bottom: 15px;
	}

#CPBbottom #tele {	
	float: left;
	width: 287px;
	margin-right: 3px;
	}
	
#CPBbottom #tele h4 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22739) no-repeat top left;
	width: 287px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}



#CPBbottom #tele ul {
	margin: 0;
	padding: 0;
	line-height: 110%;
	}

#CPBbottom #tele ul li {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22744) no-repeat top left;
	line-height: 110%;
	margin-left: 12px;
	padding-left: 27px;
	padding-bottom: 10px;
	}

#CPBbottom #tele ul li .title {
	font-weight: bold;
	}

#CPBbottom #tele ul li a {
	font-weight: normal !important;
	}
#CPBbottom #tele ul li span {
	font-size: 10px;
	text-transform: uppercase;
	}
	
#CPBbottom #webinar {
	float: left;
	width: 287px;

	}

#CPBbottom #webinar h4 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22740) no-repeat top left;
	width: 287px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}

#CPBbottom #webinar .webItem {
	clear: both;
	}

#CPBbottom #webinar img {
	float: left;
	margin: 0px 8px 10px 10px;
	}



#CPBbottom #webinar .desc span {
	font-size: 10px;
	font-style: italic;
	float: left;
	}

#CPBbottom #webinar .desc a {
	font-weight: bold;
	text-decoration: none;
	font-style: normal !important;
	}


#CPBbottom h1 {
	width: 287px !important;
	}


#extra #about h2 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22735) no-repeat top left;
	width: 228px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}

#extra #cpbHow {
	padding-bottom: 15px;
	}

#extra #cpbHow h2 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22737) no-repeat top left;
	width: 228px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}

#extra #cpbHow img {
	float: left;
	padding-right: 8px;
	}

#extra #cpbHow a {
	display: block;
	float: left;
	color: #090;
	text-decoration: none;
	font-style: italic;
	width: 150px;
	line-height: 110%;
	}

#extra #cpbResources {
	clear: both;
	}

#extra #cpbResources h2 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22738) no-repeat top left;
	width: 228px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}
	
#extra #cpbResources ul {
	margin: 0;
	padding: 8px;
	line-height: 110%;
	}

#extra #cpbResources ul li, .cpb2col ul li {
	line-height: 110%;
	margin-left: 2px;
	padding-left: 28px;
	padding-bottom: 10px;
	}
	
#extra #cpbResources ul li.pdf, .cpb2col ul li.pdf {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22746) no-repeat top left;
	}

#extra #cpbResources ul li.link, .cpb2col ul li.link {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23176) no-repeat top left;
	}

#extra #cpbResources ul li.ppt, .cpb2col ul li.ppt {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23177) no-repeat top left;
	}

#extra #cpbResources ul li.video, .cpb2col ul li.video {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23178) no-repeat top left;
	}

#extra #cpbResources ul li.word, .cpb2col ul li.word {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23179) no-repeat top left;
	}


#extra #cpbResources ul li a, .cpb2col ul li a, .cpb2col table td a {
	text-decoration: none;
	font-style: italic;
	}

#extra #cpbResources h3, .cpb2col h5 {
	color: #d03a38;
	font: bold 10px arial, sans-serif;
	letter-spacing: .5px;
	background-color: #f8ecc5;
	border: 1px solid #f6dc88;
	padding: 12px 17px;
	text-transform: uppercase;
	}

#extra #cpbContact h2 {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/22736) no-repeat top left;
	width: 228px;
	height: 44px;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
	text-indent: -9999px;
	}

#extra #cpbQuiz {
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23118) no-repeat top left;
	width: 228px;
	height: 117px;
	}

#extra #cpbQuiz div {
	padding: 5px 10px 8px 13px;
	}

#extra #cpbInit {
	margin-top: 5px;
	background: url(http://theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/23127) no-repeat top left;
	width: 228px;
	}

#extra #cpbInit div {
	padding: 5px 10px 8px 13px;
	}

#cpbCtrContent {
	padding-left: 60px;
	}

.cpb2col {
	float: left;
	margin-left: -14px;
	margin-right: -19px;
	}

.cpb2col table {
	margin: 15px auto 0px auto;
	}

.cpb2col table td {
	width: 220px;
	vertical-align: top;
	}

.cpb2col .left {
	float: left;
	width: 286px;
	margin-right: 3px;
	}

.cpb2col .left1 {
	float: left;
	width: 450px;
	margin-right: 3px;
	margin-left:10px
}

.cpb2col .right {
	float: left;
	width: 286px;
	}

.cpb2col ul {
	margin: 0;
	padding: 5px 8px 5px 15px;
	line-height: 110%;
	}
	
.floatClear {
	float: left;
	clear: both;
	}

/* CSS coded Gallery Page added 1-8-10*/

#info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(http://www.theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/15466) repeat no scroll 0 0;
border:1px solid #DDDDDD;
float:left;
width:550px;
}


#album {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(http://www.theharwoodinstitute.org/index.php?ht=a/GetImageAction/i/15466)  scroll 0 0px;
border:1px solid #AAAAAA;
height:410px;
margin:0 auto 20px;
width:385px;
}

.gallery {
list-style-type:none;
margin:365px 0 0;
padding:0;
position:relative;
width:385px;

}

.gallery li {
float:left;
}

.gallery li a, .gallery li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFF99 none repeat scroll 0 0 !important;
border:1px solid #FFCC66 !important;
color:#d13b3a !important;
opacity:0.9 !important;
float:left;
font-family:Arial;
font-size:11px;
height:26px;
line-height:24px;
margin:2px;
text-align:center;
text-decoration:none;
width:26px;}

.gallery li a img {
border:1px solid black;
left:0;
position:absolute;
top:-320px;
visibility:hidden;
}

.gallery li a img.landscape {
top:-295px;
left:0;
margin-left:22px;
margin-right:0px;
}
.gallery img {
border:1px;
border-style:solid;
color:#ffcc99;

}

.gallery li a:hover {
background:#e28f45 !important;
}


/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#FFFF99 none repeat scroll 0 0 !important;
border:1px solid #FFCC66 !important;
color:#d13b3a !important;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}

span.LansingLabGallery {
background-color:#FFFF99 !important;
border-color:#FFCC66 !important;
color:#d13b3a !important;
opacity:0.9 !important;
border-width:1px !important;
border-style:solid !important;
}

[class^=LansingLabGallery] {
font: normal 16px arial, sans-serif; !important;
letter-spacing:1 !important;
margin:2px 1px 0 0 !important;
padding:1.1px !important;
text-align:top !important;
text-decoration:none !important;
text-transform:uppercase !important;
z-index:1 !important;
}
.gallerypage {
	float: left;
	margin-left: 18px;
	margin-top:20px;
}