body {
	background-color: #DDDDDD;
	margin: 0;
	padding: 0;
	width: 100%;
}

#hgciHead {
	background-color: #A5BCC8;
	padding: 2px 10px;
}

#fatwrap { /* my fatwrap */
	border: 1px solid #999;
	width: 980px;
	/* width: 800px; take this off later when developed sidebar is in place */
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	overflow: hidden;
	clear:left;
}

p, h1, h2, h3, h4, h5, h6, body {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #033;
}

/* main structure divs - main horizontal stacking divs */

.message {
width:600px;
margin:0 0 16px 0;
padding:8px;
background-color:#ebffe8;
border:1px solid #00cc00;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
font-size:1.2em;
}

.message a {
font-size:1.2em; }

#hgci {
	float: right;
	font-size: 11px;
	color: #404040;
}

#hgci a {
	color: #404040;
	padding: 1px;
}

#hgci a:hover {
	color: #404040;
	background: #CCC;
	text-decoration: none;
}

#header {
	height: 85px;
	padding: 12px 10px;
	background-color: #c6d2a1;
	background-image:url('../images/shield.png');
	background-repeat:no-repeat;
	background-position: 12px 15px;
	position:relative;
}

/*** These are DEPRECATED -- no more images in the logo header
div#logo {
	margin:0;
	padding:0;
	white-space: nowrap;
	border: 0;
}

div#logo img#harvard_logo {
	vertical-align:top;
	border: 0;
	float:left;
}

div#logo img#harvard_green {
	margin: .9em 0 0 0;
	border: 0;
	width:385px;
	float:left;
}

div#logo img#resource_logo {
	margin: 0em 20em 0 0;
	width:385px;
	border: 0;
	float:left;
}
***************************************/

div#logo>a {
	width:400px;
}

div#logo img {
	padding:3px 100px 7px 50px;
	border:none;
	margin:0;
}

div#logo>a>h1 {
	width:400px;
	font-size:2.2em;
	font-weight:normal;
	font-family:Myriad Pro, Helvetica, sans-serif;
	position:relative;
	margin:0;
	color:#ffffff;
	padding-left:50px;
}

div#logo h2 {
	width:400px;
	font-size:1.2em;
	font-weight:normal;
	font-family:Myriad Pro, Helvetica, sans-serif;
	position:relative;
	margin:0 0 3px 0;
	padding-left:50px;
	color:#ffffff;
	z-index:0;
}

#content-main {
	position:relative;
}
	
#case-study-header {
	position:relative;
	width:720px;
	margin: 17px 0 0 102px;
}

#case-study-header img {
	float:left;
	margin:0;
}
	
#title {
	position:relative;
	width:606px;
	background-color:#E8E8E8;
	height:77px;
	margin:0 0 0 110px;
}

#title h2 {
	font-family:garamond;
	font-size:26px;
	font-weight:bold;
	color:#999999;
	vertical-align:bottom;
}

#title p {
	font-family:garamond;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}

#slideshow {
	margin:2px 0 0 102px;
}

.browse ul {
clear:left;
}

.type-description ul {
clear:none; }

ul#menu {
position:relative;
float:left;
font-size:12px;
width:205px;
list-style:none;
list-style-position:inherit;
margin:23px 0 0 102px;
padding:0; }

ul#menu li.active {
	background:#d8d8d8;
}

ul#menu li {
	background:#e6e6e6;
	font-family:garamond, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:4px 5px 4px 5px;
	display:block;
}

ul#menu li a {
	text-decoration:none;
	display:block;
	color:#666666;
	}

ul#menu li.active a {
	color:#666666;
	}

ul#menu li a:visited {
	color:#77a31a;
}

	
ul#menu li a:hover {
	text-decoration:underline;
	}

#content-text {
	position:relative;
	float:left;
	width:480px;
	padding:25px 25px 25px 29px;
}

/**** case studies list **/
.casestudycategories {
clear:both;
font-size:1.3em; }

.case-studies {
position:relative;
list-style-type:none; }

.case-studies li {
display:block;
float:left;
height:240px;
width:170px;
margin-right:34px;
margin-bottom:10px; }

.case-studies li img {
margin-bottom:1em;
border:0; }

.case-study-metadata {
width:158px;
margin-bottom:1em;
padding:0.5em; }

.case-study-metadata a {
font-weight:bold; }

.GOLD .case-study-metadata {
background-color:#ffec8b; }

.PLATINUM .case-study-metadata {
background-color:#e6f7ff; }

.SILVER .case-study-metadata {
background-color:#dddddd; }

.CERTIFIED .case-study-metadata {
background-color:#d7f3d1; }

.image {
float: right;
clear: right; 
padding-left: 1.5em;
padding-bottom: 1.5em;}

.image img {
margin: 0 auto;
display: block; }

.image p {
font-style: italic;
text-align: center;
padding: 0.6em; }

div#content-text h2 {
	font-size:16px;
	color:#6A5380;
	font-weight:bold;
	margin-bottom:10px;
}

div#content-text > p {
	padding: 0 0 1em 0;
}

div#content-text > h3 {
	padding: 0;
}

#content-text > ul {
	margin:0;
	padding-bottom:1em;
}

#content-text dt {
	font-style:italic;
}

#content-text dl {
float:left;
}

#content-text img {
	margin-top:1.3em;
}

div#content-text img.center,
div#content-text p.center {
	margin:0 auto;
	display:block;
	position:relative;
}

#highlights {
	width:450px;
	position:relative;
	background-color:#c0c0c0;
	color:#ffffff;
	margin:5px 0;
	font-weight:bold;
	}

div#highlights p {
	position:relative;
	color:#ffffff;
	font-weight:bold;
	font-family:Garamond;
	font-size:16px;
}

div#highlights ul {
	position:relative;
	padding:0 0 0 40px;
}

div#highlights ul li {
	padding:0 0 10px 0;
}

#home-top {
	padding: 10px 30px;
	margin: 0;
	border-bottom: 0px;
	background-color: #FFF; /* change #main-nav (specific page) background to match */
}

#main-nav {
	float: left;
	width: 100%;
	border: 0;
	background-color: #c6d2a1;
}

#open-all #main-nav, #home #main-nav { 
	background-color: #FFF;
}/* this background is only for the open accordian & the home page - it matches the background for the home-top */

#main-top {
	padding: 10px 30px;
	margin: 0;
	background-color: #F4F4F4;
	clear:left;
}

#second-nav {
	padding: 2px 0;
	width: 100%;
	background-color: #F4F4F4; /* #C4D4E3 */
	float: left;
}

#second-top {
	padding: 10px 30px;
	margin: 0;
	background-color: #FFF;
}

#content {
	background-color: #FFF;
}

#second-subnav {
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px dotted #666;
	padding: 5px 0;
	float: left;
	width: 100%;
	background-color: #FFD;
	/* THIS IS NON-EXISTENT FOR NOW!
	height: 0px;
	visibility: hidden; */
}

#content-main {
	padding: 10px 30px;
	margin: 0;
}

/******** Added height:100% to footer div, so that IE6 would recognize background-color. It suddenly stopped working...******************/
#footer {
	background-color:#C6D2A2;
	border-top: 1px solid #999999;
	clear:left;
	margin: 0;
	height:100%;
	padding: 7px 30px;
	position:relative;
}

#footer p, #footer a {
	font-size: 11px;
	color: #000;
	text-decoration: none;	
}

#footer a:hover {
	text-decoration: underline;
}

#footer h3, #footer h3 a {
	font-size: 13px;
	color: #000;
	font-weight: bold;
}


/* page elements & design */

/* header design */

a.header-links {
	border-right: 1px solid;
	margin-right: .5em;
  padding-right: .7em;
}
#hgci a:link {padding-right: .7em; margin-right: .5em;}
#hgci a:visited {padding-right: .7em; margin-right: .5em;}
#hgci a:active {padding-right: .7em; margin-right: .5em;}
#hgci a:hover {padding-right: .7em; margin-right: .5em;}
	
/* main-nav design */

#main-nav ul {
	padding: 0;
	margin: 0 0 0 25px;
	list-style: none;
}

#main-nav li {
	float:left;
	margin: 0;
	padding: 0;
	font-family: "Lucinda Grande", sans-serif;
	font-size: 12px;
}

#main-nav a {
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 6px 12px;
	color: #333;
	text-decoration: none;
	border: 1px solid #9b8748;
	border-color: #C2C2C2;
	border-bottom: none;
	background: #e2e8d0;
}

#main-nav a:hover, body#home #t-home a {
	color: #333;
	padding-bottom: 6px;
	border-color: #727377;
	border-color: #CCC;
	background: #CCC;
}

#main-nav a.on, #main-nav a:active {
	background: #F4F4F4;
	font-weight:bold;
}


/* second-nav design */

#second-nav ul {
	padding: 0;
	margin: 0 0 0 35px;
	list-style: none;
}

#second-nav li {
	float:left;
	margin: 0 0 0 3px;
	padding: 0;
	font-family: "Lucinda Grande", sans-serif;
	font-size: 12px;
}

#second-nav a {
	float: left;
	display: block;
	margin: 0; /* 0 2px 0 0 */
	padding: 6px 7px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	
}

#main #second-nav a {
	/* border: 1px solid #C2F196;
	border-color: #00CC33;
	padding: 5px 6px;
	border-bottom: none; */

}

#second-nav a:hover, body#home #t-home a {
	color: #060;
	background-color: #FFE;
	/* border-color: #727377; */
	padding: 5px 6px;
	border: 1px solid #C2F196;
	border-color: #00CC33;
	text-decoration: underline;
}

#second-nav a.on, #second-nav a:active {
	color: #060;
	background-color: #FFC;
	font-weight: bold;
	text-decoration: underline;
	border: 1px solid #C2F196;
	border-color: #00CC33;
	padding: 5px 6px;
}


/* second-subnav design */

#second-subnav ul {
	padding: 0;
	margin: 0 0 0 40px;
	list-style: none;
}

#second-subnav li {
	float:left;
	margin: 0 0 0 1px;
	padding: 0;
	font-family: "Lucinda Grande", sans-serif;
	font-size: 10px;
}

#second-subnav a {
	float: left;
	display: block;
	margin: 0; /* 0 2px 0 0 */
	padding: 4px;
	color: #666;
	text-decoration: underline;
	border: 0px solid #C2F196;
	border-color: #00CC33;
	/* border-bottom: none; */
	background: #FFE;
}

#second-subnav a:hover, body#home #t-home a {
	color: #333;
	background-color: #FFF;
	/* border-color: #727377; */
	padding: 3px;
	border: 1px solid #C2F196;
	border-color: #669900;
	text-decoration: none;
}

#second-subnav a.on, #second-subnav a:active {
	color: #006;
	background-color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	border: 1px solid #669900;
	padding: 3px;
	
}

/*      some oddball page elements       */

.updated {
	text-align: right;
	font-style:italic;
	clear:left;
}

.backtotop {
	margin:0 0 7px 0;
}

h2.section-header {
  color:#c18795;
  font-size:165%;
	text-transform:uppercase;
	margin:15px 0px 20px 0px;
	font-weight:normal;
	font-family:Arial, Helvetica,Verdana, Trebuchet MS, Sans-serif;
}


/*      MOOfx HEIGHT       */

#MOOfxHEIGHT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: .8em; */
	background-color: #EDEDED;
	width: /* 775px */ 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #999999;
}
#MOOfxHEIGHT h3 {
	background-color: #C5C58B;
	/* margin: 0px; */
	padding: 5px 0 3px;
	border: 1px solid #666666;
	display:block;
 }
#MOOfxHEIGHT h3.question {
        /* background-image: url(/theresource/i/arrow_closed.gif); */
    	background-image: url(/theresource/i/plus_closed.png); 
	background-color:#C5C58B;
	background-repeat:no-repeat;
	background-position: 6px;
	padding-left: 28px;
}


#MOOfxHEIGHT h3.question:hover {
/* Took this out for the plus and minus to make more sense!	
	background-image: url(/theresource/i/arrow_open.gif);
	background-image: url(/theresource/i/plus_closed.png);
 */
	background-color:#e4e283;
}


#MOOfxHEIGHT h3.bubba, #MOOfxHEIGHT h3.question:active {
	/* background-image: url(/theresource/i/arrow_open.gif); */
	background-image: url(/theresource/i/minus_open.png);
	background-color:#d4d388;
}
#MOOfxHEIGHT h4 {
	background-color: #E6F7FF;
	/* margin: 0px; */
	padding: 5px 0 3px;
	border: 1px solid #999999;
	display:block;
	clear:both;
}
#MOOfxHEIGHT h4.question {
        /* background-image: url(/theresource/i/arrow_closed.gif); */
    	background-image: url(/theresource/i/plus_closed_sub.png); 
	background-color:#E6F7FF;
	background-repeat:no-repeat;
	background-position: 30px;
	padding-left: 50px;
}
#MOOfxHEIGHT h4.question:hover {
	background-color:#f0f6f9;
}
#MOOfxHEIGHT h4.bubba, #MOOfxHEIGHT h4.question:active {
	/* background-image: url(/theresource/i/arrow_open.gif); */
	background-image: url(/theresource/i/minus_open_sub.png);
	background-color:#E6F7FF;
}
#MOOfxHEIGHT h5 {
	background-color: #ECECEC;
	margin: 0px;
	padding: 5px 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	text-decoration:underline;
	font-weight:bold;
}
#MOOfxHEIGHT p {
	background-color: #ECECEC;
	margin: 0px;
	padding: 5px 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
#MOOfxHEIGHT ul, #MOOfxHEIGHT ol {
  font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #ECECEC;
	margin: 0px;
	padding: 5px 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
#MOOfxHEIGHT li {
	margin-left: 35px;
	display: list-item;
}

#MOOfxHEIGHT ol li {
	list-style-type:decimal;
}

#MOOfxHEIGHT ul li {
	list-style-type:square;
}

#MOOfxHEIGHT p:hover, #MOOfxHEIGHT ul:hover, #MOOfxHEIGHT h5:hover {
	background-color:#FFFFFF;
}
#MOOfxHEIGHT img:hover {
	border: 1px #3F6 solid;
}
#MOOfxHEIGHT blockquote p {
	border: none;
	padding:0;
	margin: 0;
}
#MOOfxHEIGHT blockquote {
	border: 1px #99CC99 dashed;
	padding:10px;
	margin: 10px 40px;
}
#MOOfxHEIGHT img {
	display:inline;
	border: 1px #666666 solid;
	margin: 0 5px;
}
#MOOfxHEIGHT table td, #MOOfxHEIGHT table th {
	padding: 5px;
	vertical-align:middle;
	text-align:left;
	background-color: #E4E3C5;
}
#MOOfxHEIGHT table tr.headerRow th {
	background-color: #FFFFBF;
	padding: 4px;
	border:1px solid #999966;
	border-collapse: collapse;
}
#MOOfxHEIGHT table.table1 {
	border: 1px solid #999999;
	width: 865px;
}
#MOOfxHEIGHT table.table2 {
	border: 1px solid #999999;
	margin: 10px 25px;
}
#MOOfxHEIGHT .question {
	cursor: pointer;
	display:block;
}
/* More Cursor Info: http://www.quirksmode.org/css/cursor.html */

#MOOfxHEIGHT .answers {
	background-color: #EDEDED;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	display: block;
	/* visibility:hidden; */
}	
#MOOfxHEIGHT .answers p, #MOOfxHEIGHT .answers ul, #MOOfxHEIGHT .answers ol, #MOOfxHEIGHT .answers h5, #MOOfxHEIGHT .answers h4 {
	border-left: none;
	border-right: none;
}
#MOOfxHEIGHT .answers p, #MOOfxHEIGHT .answers ul, #MOOfxHEIGHT .answers ol, #MOOfxHEIGHT .answers h5 {
	margin-left: 40px;
}
#MOOfxHEIGHT .answers table.table1 {
	margin-left: 50px;
}
/* TOOLTIP TEST! */

/* new tip version! */

.tool-tip , .custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.tool-title , .custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.tool-text , .custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



/* old version */

.toolTipElement {
	cursor: help;
}

#footerSponsors, #footerTeam {
  float:left;
	width:460px;
}