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

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
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, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, 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.01% /* for opera and ie/win6+ */; line-height: inherit; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; word-wrap: break-word; }
	
:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

select, input, textarea { font-size: 99%; } /* for Safari 2+ */

ol, ul { list-style: none; } /* affects the bullet placement; make sure to apply "vertical-align: baseline;" to local li styles */

hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: 1em 0 1.2em 0; clear: both; }
*html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .2em 0 .3em 0; clear: both; } /* for IE6 */
*+ html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .3em 0 .6em 0; clear: both; } /* for IE7 */

caption, th, td { text-align: left; font-weight: normal; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

blockquote, q { quotes: "" ""; }

button { padding: 0; width: auto; overflow: visible; }

.clearfix { zoom: 1; /* triggers hasLayout */ }  /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */

em { font-style: italic; line-qqheight: inherit; vertical-align: baseline; }
strong { font-weight: bold; font-size: inherit; line-qqheight: inherit; vertical-align: baseline; }
.strong { font-weight: bold; font-size: inherit; line-qqheight: inherit; vertical-align: baseline; }
.left { float: left; font: inherit; }
.right { float: right; font: inherit; }
.clear { clear: both; }
sup { vertical-align: super; line-height: 0; font-size: .65em; }
.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 110%; font-style: italic; vertical-align: baseline; }
img, body, div, a, ul, ol, li { behavior: url(/layouts/public/scr/iepngfix.htc); } /* for .png visualization in IE6+; ensure that the .htc script sits inside an 'scr' folder inside the tree structure, and that 'spacer.gif' sits inside an 'img' folder; the path to the .htc must be exact, this path refers to the path of the CMS */
small { font-size: .75em; vertical-align: baseline; }

a { text-decoration: underline; line-height: inherit; vertical-align: baseline; color: #822E2E; }
a:visited { color: #904646; }
a:hover { text-decoration: none; }
a:active { }

a[href$='.pdf'] { background: url(../img/external.gif) right 50% no-repeat; padding: 0 16px 0 0; }
a[rel='pdf'] { background: url(../img/external.gif) right 50% no-repeat; padding: 0 16px 0 0; }
a[rel ~='external'] { background: url(../img/external.gif) right 50% no-repeat; padding: 0 16px 0 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

input:focus { border: 1px solid #000; background: #fffffa; outline: none; } /* subject to color */

.module { borqqder: 1px solid #f00; marqqgin: 1.5em 0; }
.locate { border: 1px solid #f00; }

/*------------------------------------------------------------------
2.1 Metacomposition styles
-------------------------------------------------------------------*/
body { background: #FFF7DF /* December 2011 */ /* default: FCF0CA */ url(../img/bgroundshadow.png) top center repeat-y; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }body.login { background: #FCF0CA; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#wrapper { width: 60em; margin: 0 auto; background: #fff; }
.bottom { margin: 0 auto; }
.bottomshadow { width: auto; margin: 0 auto 1em auto; z-index: 999; }
.bottomshadow_metanav { display: block; width: 938px; margin: 0 auto; z-index: 9999; }
.bottomshadow_metanav_home { display: none; width: 938px; margin: 0 auto; z-index: 9999; }
#socialmedia { width: 100%; display: none; }

/*------------------------------------------------------------------
2.2 IE6 warning -- for display in IE6 only
-------------------------------------------------------------------*/
#ie6warning { width: 100%; background: #C84B2A; padding: 19px 0 29px 0; border: 1px solid #C23915; border-width: 6px 0 0 0; display: none; font-family: Arial, sans-serif; }
	#ie6warning h1 { text-align: center; font-size: 20px; line-height: 130%; color: #fff; margin: 0 0 .5em 0; }
	#ie6warning p { text-align: center; font-size: 13px; line-height: 140%; margin: 0 20%; color: #F1EFEE; }
	#ie6warning a { color: #fff; text-decoration: underline; font-weight: bold; }
	#ie6warning a:hover { color: #fff; text-decoration: none; }

/*------------------------------------------------------------------
2.3 Login preferences
-------------------------------------------------------------------*/
#login { position: relative; top: 0; right: 41px; width: auto; float: right; height: 20px; padding: .2em; background: #A5977C; display: none; }
	#login a { color: #F5EEE0; text-decoration: underline; line-height: 100%; margin: 0 1em; }
	#login p { font-size: .7em; line-height: 100%; color: #F5EEE0; }

/*------------------------------------------------------------------
2.4 Composition styles
-------------------------------------------------------------------*/
#header { zoom: 1; margin: 0 auto; padding: 1.7em 1.5em; background: #F7F2E8 url(../img/pattern_bamboo.png); height: 2.3em; }
* html #header { zoom: 1; margin: 0 auto; padding: 1.7em 1.5em 0 1.5em; background: #F7F2E8 url(../img/pattern_bamboo.png); heqqight: 50px; }
	.wrap { background: none; width: 57em; float: right; margin: 0; padding: 0; }
	.ctmhlogo { float: left; height: 35px; width: 170px; background: url(../img/ctmh_logomark_4c.png) top left no-repeat; }
	.ctmhlogo:hover { background-position: 0 -35px; cursor: pointer; }
	.searchbox { display: block; float: right; margin: 0; }
		.searchbox ul { list-style: none; margin: .7em 0 0 0; }
		.searchbox li { font-size: .65em; float: left; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: .15em .8em; margin: .1em 0 0 0; border: 1px dashed #822E2E; border-width: 0 0 0 1px; }
		.searchbox .noline { border: 0; padding: 0 0 0 .8em; margin: -.4em 0 0 -.3em !important; }
		.searchbox .noborder { border: 0; margin: .1em 0 0 0; }
		.searchbox img.country { width: 16px; height: 11px; margin: 0 .5em 0 0; }
		.searchbox input.searchfield { font-size: 1em; padding: .4em; color: #444; border: 1px solid #ccc; border-width: 1px; }
		.searchbox input.button { overflow: hidden; }
		
	#changecountry { position: absolute; z-index: 99998; top: 8%; left: 34%; width: auto; border: 1px solid #FEDBA8; background: #FFF6E9; padding: .7em 1.2em .4em 1em; -moz-box-shadow: 8px 8px 8px #675E4D; -webkit-box-shadow: 8px 8px 8px #675E4D; box-shadow: 8px 8px 8px #675E4D; display: none; } 
	#changecountry em { position: absolute; left: 20px; top: -6px; width: 11px; height: 6px; background: url(../img/tooltiparrow_country.gif) 0 0; display: block; font-size: 1px; } 
	#changecountry p { font-size: 11px; line-height: 130%; color: #000; }
	#changecountry a { text-transform: capitalize; letter-spacing: .03em; font-size: 1.2em; font-weight: bold; }
	#changecountry a:hover { text-decoration: underline; }
	#changecountry ul { list-style: none; margin: .6em 0 0 0; padding: 0; border: 0; }
	#changecountry li { padding: .6em 0; clear: left; margin: 0; border: 1px dashed #ccc; border-width: 1px 0 0 0; display: block; width: 100%; text-transform: capitalize; font-weight: normal; }

/*------------------------------------------------------------------
2.5 Metanavigation styles; requires droppy.js
-------------------------------------------------------------------*/
/* Basic code - don't modify */
#metanav { zoom: 1; display: block; margin: 0; padding: 0; position: relative; }
#metanav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#metanav a { display: block; }
#metanav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #metanav ul { line-height: 0; } /* IE6 fix */
#metanav ul a { zoom: 1; } /* IE6/7 fix */
#metanav ul li { float: none; }
#metanav ul ul { top: 0; }
    
/* Essentials - configure this */
#metanav ul { width: 200px; }
#metanav ul ul { left: 131px; }

/* Theming */
#metanav { width: 914px; height: 29px; margin: 1em auto 0 auto; padding: .45em 0 0 16px; background: #483D32 url(../img/ribbon.png) 30px bottom repeat; z-index: 999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
* html #metanav { zoom: 1; width: 914px; height: 29px; margin: 1em auto 0 auto; padding: .5em 0 0 14px; background: #483D32 url(../img/ribbon.png) bottom 30px repeat; z-index: 999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* for IE6 */
#metanav *:hover { background-color: none; }
#metanav a { background: url(../img/arrowdown.png) right 20% no-repeat; color: #fff; font-size: .68em; line-height: 120%; border: 1px dashed #D4D0CC; border-width: 0 0 0 1px; padding: .3em 1.5em .2em 1em; margin: 0 1.3em 0 0; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
	#metanav a.noarrow { background-image: none; margin: 0; }
#metanav li.hover a { background: none; }
#metanav ul { top: 21px; /*background: #FCFBF7;*/ background: url(../img/dropdownmenu_bground.png) bottom center; }
#metanav ul li a { background-image: none; background-color: #fff; color: #635445; border: 1px dashed #BAA98B; border-width: 0 0 1px 0; padding: .92em 1em; margin: 0; }
	#metanav ul li a.noborder { border: none; padding: .92em 1em 1.15em 1em; }
	#metanav ul li a.noborder:hover { border: none; padding: .92em 1em 1.15em 1em; background: url(../img/dropdownmenu_bground_hover.png) bottom center; }
	#metanav ul li a.external { background: url(../img/external.gif) 95% 50% no-repeat; padding: .92em 1.5em .92em 1em; }
	#metanav ul li a.external:hover { background: #F7F2E8 url(../img/external.gif) 95% 50% no-repeat; }
#metanav ul a.hover { background-color: #F7F2E8; }
#metanav ul a { border: 1px solid #fff; border-width: 0 0 1px 0; }
/* #metanav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*------------------------------------------------------------------
2.6 Homepage Carousel section
-------------------------------------------------------------------*/
#mainImageLayer { position: relative; width: 928px; height: 400px; margin: .4em auto 0 auto; }
* html #mainImageLayer { position: relative; width: 928px; height: 400px; margin: -.2em auto 0 auto !important; } /* for IE6 */
*+ html #mainImageLayer { position: relative; width: 928px; height: 400px; margin: -.2em auto 0 auto !important; } /* for IE7 */
#topLayer { z-index: 1; opacity: 1; position: absolute; top: 0px; left: 0px; padding-left: 0px; }
#bottomLayer { z-index: 0; opacity: 1; position: absolute; top: 0px; left: 0px; padding-left: 0px; }
.carousel_nav { position: absolute; z-index: 3; width: 60px; bottom: 0; right: 0; padding: 0 6px 0 3px; background: #fff; opacity: 0.95; filter: alpha(opacity=95); display: none; /* turn off until fixed */}
.carousel_nav img { padding: 0 0 0 4px; }

/*------------------------------------------------------------------
2.7 Features section
-------------------------------------------------------------------*/
#features { width: 928px; height: 225px; margin: 0 auto 1em auto; }
	.feature { width: 25%; height: 225px; float: left; position: relative; }
	.feature .text { font-size: .7em; line-height: 135%; color: #635445; letter-spacing: .03em; position: absolute; padding: 0 16px; bottom: 40px; left: 0; height: 30px; overflow: hidden; }
	.feature .text a { text-decoration: none; cursor: default; }
	.feature a { text-decoration: none; }
	.feature a:hover { text-decoration: underline; }
	.feature a.label { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-transform: lowercase; display: block; font-size: .72em; line-height: 100%; letter-spacing: 1px; position: absolute; bottom: 11px; right: 14px; background: url(../img/featurearrow.png) right 0% no-repeat; padding: 1px 1.8em 2px 1em; height: 14px; overflow: hidden; }

/*------------------------------------------------------------------
2.8 Main Content wrapper
-------------------------------------------------------------------*/
#maincontent { width: 920px; position: relative; padding: 0 1.5em 0 1em; margin: .4em 0 1em 0; background: url(../img/bamboo_background.gif) 12px bottom repeat-y; }
* html #maincontent { width: 920px; position: relative; padding: 0 1.5em 0 1em; margin: -.2em 0 1em 0 !important; background: url(../img/bamboo_background.gif) 12px bottom repeat-y; } /* IE6 fix */
*+ html #maincontent { width: 920px; position: relative; padding: 0 1.5em 0 1em; margin: -.2em 0 1em 0 !important; background: url(../img/bamboo_background.gif) 12px bottom repeat-y; } /* IE7 fix */

#maincontent_loginpage { width: 910px; position: relative; padding: 0 0 0 1.5em; margin: .4em 0 1em 0; }

#maincontent_nocolumn { width: 912px; position: relative; padding: 0 1.5em 0 1.5em; margin: .3em 0 1em 0; background: none; }

#maincontent_login { width: 500px; padding: 1.5em 1.5em .9em 1.5em; margin: 5em auto !important; background: #fff; border: 1px solid #E3D39C; }
	#maincontent_login h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.2em; color: #600; letter-spacing: 2px; border-bottom: 1px dashed #600; padding: 0 0 .5em 0; margin: 0 0 1em 0; /* used with sIFR */ }
	#maincontent_login h2 { font-size: 1.5em; line-height: 120%; padding: 0; margin: 0 0 .2em 0; color: #600/*#822E2E*/; font-weight: normal; letter-spacing: .02em; } /* subhead: large */
	#maincontent_login h3 { font-size: 1.05em; line-height: 125%; margin: 0; margin: 0 0 .1em 0; color: #444; } /* subhead: medium */
	#maincontent_login h4 { font-size: .78em; line-height: 145%; margin: 0 0 .5em 0; color: #222; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; } /* subhead: small */
	#maincontent_login h5 { font-size: .71em; line-height: 150%; padding: .2em 0; color: #222; font-weight: bold; vertical-align: baseline; }
	#maincontent_login h6 { font-size: .68em; line-height: 150%; padding: 0 0 .7em 0; coqqlor: #666; }
	#maincontent_login p { font-size: .82em; line-height: 155%; margin: 0 0 0 0; color: #555; }

	#maincontent .onlinecatalog, #maincontent_nocolumn .onlinecatalog { position: absolute; bottom: 30px; left: 10px; width: 180px; overflow: hidden; background: url(../img/ribbon_sidebar.png) no-repeat; margin: 0; padding: .62em 1em .7em 1em; z-index: 99; }
	#maincontent .onlinecatalog a, #maincontent_nocolumn .onlinecatalog a { font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; letter-spacing: .09em; background: url(../img/featurearrow.png) right 0% no-repeat; padding: 0 1.8em .4em 1em; text-decoration: none; }
	#maincontent .onlinecatalog a:hover, #maincontent_nocolumn .onlinecatalog a:hover { text-decoration: underline; }

/*------------------------------------------------------------------
2.9 Left column (local) navigation section
-------------------------------------------------------------------*/
#localnav	{ width: 180px; margin: 0 1em 1em 0 !important; padding: 1.3em 1.5em 4em 1.5em; background: #f7f3e8; float: left; display: block; position: relative; }
	#localnav ul { list-style: none; }
	#localnav ul li a { text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: .75em; line-height: 130%; margin: .2em 0 1.2em /*.2em*/ 0 !important; border: 1px dashed #600; border-width: 0 0 0 1px; padding: 0 .5em 0 1em; display: block; }
	#localnav ul li a:hover { text-decoration: underline; }

	* html #localnav ul li a { zoom: 1; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: .75em; line-height: 130%; margin: .2em .5em .9em 0 !important; border: 1px dashed #600; border-width: 0 0 0 1px; padding: 0 .5em 0 1em; } /* IE6 fix */
	* html #localnav ul li a:hover { text-decoration: underline; } /* IE6 fix */
	
	#localnav ul ul  { margin: -.2em 0 1em .2em !important; }
	#localnav ul li ul li a { text-transform: none; letter-spacing: .45px; font-size: .7em; line-height: 130%; margin: 0 !important; border: 1px dashed #D4D0CC; border-width: 0 0 1px 0; padding: .5em 1em; display: block; }
	*+ html #localnav ul li ul li a { text-transform: none; letter-spacing: .35px; font-size: .7em; line-height: 130%; margin: 0 !important; border: 1px dashed #D4D0CC; border-width: 0 0 1px 0; padding: .5em 1em .8em 1em; display: block; } /* IE7 fix */
	#localnav ul li ul li a:hover { background: #F5EEE0; }

	#localnav ul.wotg { list-style: none; margin: 0 0 1.5em 0 !important; }
	#localnav ul.wotg li img { margin: .2em 0 .2em 0; padding: 0 .5em 0 .7em; }
	#localnav ul.wotg .ideabook { font-size: .72em; line-height: 145%; color: #600; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; margin: .5em 0 .2em 0 !important; border: 1px dashed #600; border-width: 0 0 0 1px; padding: 0 0 0 1em; display: block; }
	#localnav ul.wotg li a { text-transform: capitalize; font-weight: bold; letter-spacing: 0; font-size: .72em; line-height: 130%; margin: .4em 0 .3em 0 !important; padding: 0 .5em 0 .95em; border: none; display: block; }
	#localnav ul.wotg ul  { margin: 0 0 .6em .4em; }
	#localnav ul.wotg li ul li a { font-weight: normal; letter-spacing: .3px; font-size: .72em; line-height: 130%; margin: 0 !important; border: 1px dashed #D4D0CC; border-width: 0; padding: .1em 0 0 .8em; display: block; }

	
/*------------------------------------------------------------------
2.10 Contextual navigation (breadcrumbs) section
-------------------------------------------------------------------*/
#contextnav { height: 22px; font-size: 12px; margin: .8em 0 2em 0; overflow: hidden; color: #904646; }
#contextnav:first-of-type { height: 22px; font-size: 12px; margin: .8em 0 2em 0; overflow: hidden; color: #904646; } /* Safari/Chrome fix */
	#contextnav a.home { font-size: 9px; line-height: 100%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 0 6px 0 2px; cursor: pointer; color: #B98B8B; vertical-align: bottom; }
	#contextnav a.tier { font-size: 9px; line-height: 100%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 0 6px 0 4px; cursor: pointer; color: #B98B8B; vertical-align: bottom; }
	#contextnav a:hover { text-decoration: underline; vertical-align: bottom; }
	#contextnav a.current { font-size: 9px; line-height: 100%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 0 7px 0 2px; text-decoration: none; cursor: default; vertical-align: bottom; }

/*------------------------------------------------------------------
2.11 Contextual article tools section
-------------------------------------------------------------------*/
.articletools { background: #f9f9f9; border: 1px solid #ececec; border-width: 2px 1px 1px 1px; padding: .8em .4em 0 .2em; margin: .4em 1.4em 1em 0; width: 110px; float: left; font-size: 13px; line-height: 100%; }
	.articletools ul { margin: 0; padding: 0;  }
	.articletools li { list-style: none; margin: 0; padding: 6px 0; display: block; }
	.articletools a {  }
		.articletools a.textsmall { font-size: .9em; line-height: 100%; }
		.articletools a.textmedium { font-size: 1.1em; line-height: 100%; }
		.articletools a.textlarge { font-size: 1.5em; line-height: 100%; }
	.articletools img { margin: 2px 5px 0 0 !important; }

/*------------------------------------------------------------------
2.12 Right column Content section
-------------------------------------------------------------------*/
.content	{ text-align: left; margin: 0; padding: 0; float: right; backqqground: #f00; }

/* delete when blog is installed */
.blog { margin: 1.5em 0 0 0; }
.blog label { display: block; padding: .6em 0 .2em 0; }
.blog input.field { width: 300px; padqqding: .2em; }
.blog file { border: 1px solid #ccc; padding: .5em; }
.blog textarea { display: block; overflow: auto; width: 85%; height: 150px; margin: 0; padding: .5em; border: 1px solid #ccc; }

	.threecol { width: 72%; float: right; }
	.fourcol { width: 57em; margin:  float: right; }
	.twocol { width: 48%; padding: 0 .7em 0 0; float: left; }

	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p { font-weight: normal; }
		
	.content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.16em; color: #600; letter-spacing: 2px; border-bottom: 1px dashed #600; padding: 0 0 .5em 0; margin: 0 0 1em 0; /* used with sIFR */ }
		h1 .nameofsection { font-size: 1.2em; color: #600; text-transform: uppercase; letter-spacing: 2px; vertical-align: baseline; }
	.content h2 { font-size: 1.5em; line-height: 120%; padding: 0; margin: 0 0 .2em 0; color: #600/*#822E2E*/; font-weight: normal; letter-spacing: .02em; } /* subhead: large */
	.content h3 { font-size: 1.05em; line-height: 125%; margin: 0; margin: 0 0 .1em 0; color: #444; vertical-align: baseline; } /* subhead: medium */
		.content h3 strong { vertical-align: baseline; }
	.content h4 { font-size: .78em; line-height: 145%; margin: 0 0 .5em 0; color: #222; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; } /* subhead: small */
		.content .plusdivider_1px { border: 1px solid #eee; border-width: 1px 0 0 0; padding: 1em 0 0 0; margin: 1.8em 0 0 0; }
		.content .plusdivider_3px { border: 1px double #eee; border-width: 3px 0 0 0; padding: 1em 0 0 0; margin: 1.8em 0 0 0; }
	.content h5 { font-size: .71em; line-height: 150%; padding: .2em 0; color: #222; font-weight: bold; vertical-align: baseline; }
	.content h6 { font-size: .68em; line-height: 150%; padding: .7em 0; color: #444; }
	
	.content p, .content li { font-size: .82em; line-height: 155%; margin: 0 0 1em 0; color: #555; vertical-align: bottom; }
		.level2 { font-size: .7em; font-weight: normal; }
		.small { font-size: .8em; font-weight: normal; }
		.uppercase { text-transform: uppercase; letter-spacing: .5px; letter-spacing: .1em; }

	.content ul { margin: 0 0 1em 1em; padding: 0; list-style: outside disc; }
	.content ol { margin: 0 0 1em 1.5em; padding: 0; list-style: outside decimal; }
	.content .noleader { margin: 0 0 0 0; padding: 0; list-style: none; }
	.content li { margin: 0 0 .2em 0; padding: 0; vertical-align: baseline; }
	.content li ul { margin: 0 0 0 1.5em; }
	.content li ul li { list-style: circle; font-size: .95em; line-height: 160%; margin: 0; color: #444; width: 100%; vertical-align: baseline; }
		.content .nomargin { margin: 0; } /* use for ending p style */
		.content .nopadding { padding: 0; } /* use for ending p style */

	.content label.timeline { float: left; width: 50px; margin: .12em .3em 1px 0; padding: 0; text-align: left; font-weight: bold; }
		*+ html .content label.timeline { float: left; width: 50px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; } /* IE7 fix */
		* html .content label.timeline { float: left; width: 50px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; } /* IE6 fix */

	.content label.materials { float: left; width: 52px; margin: 0em .3em 2px 0; padding: 0; text-align: left; font-weight: normal; }
		*+ html .content label.materials { float: left; width: 52px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; } /* IE7 fix */
		* html .content label.materials { float: left; width: 52px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; } /* IE6 fix */
	
	/* image sizing styles */
	
	.content .imgLeft { float: left; margin: .5em 1.4em 1em 0; }
	.content .imgRight { float: right; margin: .5em 0 1em 1.4em; }
	.content .imgBorder { border: none /* 1px dashed #600*/; }
	.wotg .imgWOTG { width: 75px; height: 38px; }
	.content .imgIcon { width: 48px; margin: 0 .8em 0 0; }
	.content .imgThumb { width: 90px; }
	.content .imgGalleryThumb { float: left; margin: 0em 1em 1em 0; }
	.content .imgSmall { width: 150px; }
	.content .imgMedium { width: 260px; clear: left; }
	.content .imgMediumContainer { width: 262px; clear: left; }
	.content .imgLarge { width: 400px; clear: left; }
	.content .imgLargeContainer { width: 402px; clear: left; }
	.content .imgFull { width: 640px; clear: both; }
	
	.rule1 { border-bottom: 1px solid #777; margin: .2em 0 1em 0; }
	
	#searchcriteria ul, #narrowcriteria ul { font-size: .82em; margin: 0 0 0 1em; }
	
/*------------------------------------------------------------------
2.13 Project Content section
-------------------------------------------------------------------*/
.project { border: 1px dashed #bbb; margin: 1em 0 0 0; padding: 1em 1.4em .4em 1.4em; }
	.project img { margin: .5em 1em 1em 0; }

/*------------------------------------------------------------------
2.14 Case Study Content section
-------------------------------------------------------------------*/
.casestudy { border: 1px dashed #bbb; border-width: 1px 0; margin: 1em 0; padding: 1em 1.2em .4em 1.2em; }
	.casestudy img { margin: .5em 1em 1em 0; }
	
/*------------------------------------------------------------------
2.15 CTMH TV Styles
-------------------------------------------------------------------*/

	/* Inpage Carousel */
	#carousel_small { position: relative; overflow: hidden; clear: both; margin: 1em auto; width: auto; height: 10em; display: block; border: 1px dashed #ddd; border-width: 1px 0 0 0; padding: 1em 0 0 0; }
		#carousel_small ul { margin: 0; padding: 0; list-style-type: none; }
		#carousel_small a { font-size: .71em; line-height: 128%; margin: 0 0 .5em 0; padding: 0; }
		#carousel_small #carouselhead { padding: 0; margin: 0; height: 1em; }
			#carousel_small #carouselhead h4 { padding: 0; margin: 0; line-height: inherit; }
		#carousel_small #carouselhead .navigate { float: right; text-align: right; }
		#carousel_small #mover { position: absolute; z-index: 10; margin-left: -1em; text-align: left; width: 3100px; padding: 1em 0; }
		#carousel_small #mover .element { width: 6.5em; height: 8.8em; float: left; margin: 0 0 0 1em; padding: 0 1em 0 0; border: 1px dashed #ddd; border-width: 0 1px 0 0; }
		* html #carousel_small #mover .element { width: 6.5em; height: 8.8em; float: left; margin: 0 .5em; padding: 0 .55em 0 0; border: 1px dashed #ddd; border-width: 0 1px 0 0; } /* IE6 fix */
		#carousel_small .thumbnail { float: left; margin: 0 .5em 0 0; padding: .5em 0; width: 100%; height: 60px; }
		#carousel_small h6 { margin: 0; padding: 0; }
		#leftarrow { padding: 0 .5em; margin: .5em 0; }
		#rightarrow { padding: 0 .5em; margin: .5em 0; }

	/*#carousel_small { margin: .2em 0 1em 0; padding: .7em; width: 94%; border: 1px solid #777; height: auto; overflow: hidden;}
		.ctmhtv_video2 { width: 6.8em; height: auto; margin: 0 .7em 0 0; padding: 0 .7em 0 0; float: left; border: 1px dotted #777; border-width: 0 1px 0 0; }
		.ctmhtv_video2 img { width: 100%; height: 60px; margin: 0 1em .5em 0; }
		#carousel_small p { font-size: .65em; margin: 0; padding: 0; }
		#carousel_small a { font-size: 1.05em; line-height: 120%; font-wqqeight: bold; } */
		
	#container { margin: .5em 0 0 0; } /* for the video window */

/*------------------------------------------------------------------
2.16 Ideabook styles
-------------------------------------------------------------------*/
	.ideabook_issue { width: 135px; height: auto; margin: 0 1.2em 2em 0; padding: 0; float: left; }
	.ideabook_issue img.catalogicon { width: 90px; height: 90px; margin: 0 0 .8em 0; }
	.ideabook_issue img.co { width: 16px; height: 11px; margin: .1em 0 0 0; }
	#ideabooks ul { list-style: none; margin: 0; }
	#ideabooks li { font-size: .7em; line-height: 120%; width: 100%; display: block; float: left; margin: 0; padding: .1em 0; }

/*------------------------------------------------------------------
2.17 Table styles
-------------------------------------------------------------------*/
	table.data { width: 100%; margin: 1em 0; font-size: .8em; line-height: 130%; border-collapse: collapse; }
	* html table.data { width: 100%; margin: 1em 0; font-size: .9em; line-height: 130%; border-collapse: collapse; }
	*+ html table.data { width: 100%; margin: 1em 0; font-size: .9em; line-height: 130%; border-collapse: collapse; }
	.data th { font-size: .8em; line-height: 140%; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #222; border: 1px solid #eee; border-width: 3px 0 1px 0; background: #f9f9f9; width: auto; }
	.data tr.alt { background: #f9f9f9; }
	.data tr.label { font-size: .8em; line-height: 125%; }
	.data th { padding: .8em 1em .6em .8em; }
	.data td { padding: .5em 0 .6em .6em; }
	.data td { color: #555; border: 1px solid #eee; border-width: 0 0 1px 0; } 
	.data td.total { color: #555; border: 1px double #ddd; border-width: 3px 0 0 0; padding: .6em 1.5em .6em .6em; font-weight: bold; } 
	
	.img_container table { width: 100%; margin: 0; line-height: 100%; border-collapse: collapse; }
	.img_container th { line-height: 100%; border: 0; border-width: 0; width: auto; }
	.img_container tr { line-height: 100%; }
	.img_container th { padding: 0; }
	.img_container td { padding: 0; }
	.img_container td { border: 0px; border-width: 0; }
	.td_corner { position: absolute; }

/*------------------------------------------------------------------
2.18 Form styles -- Need to update
-------------------------------------------------------------------*/
	.form { margin: .3em 0 .8em 0; padding: 0; background: #fff; }
	.form fieldset { position: relative; padding: 0 1em 1em 1em; margin: 0 0 1.3em 0; border: 1px dashed #CEBC9B; border-width: 0 0 1px 0; background: #FFFAF4;} /* for IE */
	.form legend { posqqition: relative; left: 0; top: 0; margin: 0; padding: -4.5em 0 0 0; color: #600; font-weight: bold; font-size: 1em; } 
	.form ol { padding: 0; list-style: none; color: #222; margin: 0 0 .8em 0; }
	.form ol li { padding: .35em 0; margin: 0; }
	.form .checksteps { margin: 0 0 0 24px; text-indent: -24px; }
	.formlabel_grey { font-size: .88em; color: #aaa; margin: 0 0 0 .2em; }
	.formlabel_strong { font-size: inherit; color: #0c0; }
	.formlabel_good { font-size: inherit; color: #990; }
	.formlabel_weak { font-size: inherit; color: #f00; }
		
	.form ol li ul { margin: -1px 0 0 0; *margin-top: -3px; float: left; padding: 0; } /* float and margin-top values added for IE */
	.form ol li ul li { padding: 0; display: inline; }
	.form ol li ul li label { width: auto; padding: 0; text-align: left; }

	/*.form input, .form select { margin: 0 .2em 0 0; background: #fff; padding: 4px; border: 1px solid #ccc; }
	.form input.radio { margin: -3px 4px 0 3px !important; border: 0; background: none; }
	.form input.checkbox { margin: -3px 4px 0 0 !important; border: none; background: none; }
	* html .form input.checkbox { margin: -3px 2px 0 -2px !important; border: 0; background: none; } /* IE6 fix 
	*+ html .form input.checkbox { margin: -3px 2px 0 -2px !important; border: 0; background: none; } /* IE7 fix */
	.form h6.input_note { font-size: .8em; font-weight: normal; line-height: 140%; margin: 0 0 0 155px; }
	* html .form h6.input_note { font-size: .8em; font-weight: normal; line-height: 140%; margin: 0 0 0 158px; } /* IE6 misbehavior */
	

	/* .form legend { position: relative; left: 0; top: 0; margin: 0; padding: 0; color: #600; font-weight: bold; font-size: 1em; } 
	* html .form legend { position: relative; left: 0; top: 0; margin: 0 0 0 -.5em !important; padding: 0; color: #600; font-weight: bold; font-size: 1em; }  IE6 fix 
	*+ html .form legend { position: relative; left: 0; top: 0; margin: 0 0 0 -.5em !important; padding: 0; color: #600; font-weight: bold; font-size: 1em; }  IE7 fix */
	.form p { margin: 0; }
	.form label { }
	/* .form label { vertical-align: baseline; float: left; width: 135px; margin: 3px 18px 0 0 !important; text-align: right; font-size: .9em; line-height: 125%; color: #222; } used to make the enrollment form, will fix this later */
	.form label.yesno { margin: 2px 18px 3em 0 !important; }
	
	.form label.vertical { vertical-align: baseline; float: none; width: 100px; margin: 3px 18px 0 0 !important; text-align: left; font-size: .9em; line-height: 125%; color: #222; }

	.form input.text, .form input.title, .form textarea, .form select { font-size: 16px; color: #444; margin: .2em 0; padding: 5px; border: 1px solid #ccc; }
	.form input.text:focus, .form input.title:focus, .form textarea:focus, .form select:focus { border: 1px solid #999; background: #ffffee; }
	.form textarea { font-size: 12px; padding: .5em; }
	.form input.field { padding: .2em; border: 1px solid #ddd; background: #fdfdfd; margin: .2em 0; color: #444; }
	.form select.field { padding: .15em; border: 1px solid #ddd; background: #fdfdfd; margin: .2em 0; }
	input.button, .form button.button { margin: 6px 0 6px 0; padding: 3px 6px; border-top: 1px solid #eee; border-right: 1px solid #aaa; border-left: 1px solid #eee; border-bottom: 1px solid #aaa; overflow: visible; }
	.form input.radio { padding: 0; margin: 0 .4em .2em -.1em !important; vertical-align: middle; }
	.form input.checkbox { padding: 0; /*margin: 0 .4em .3em -.1em !important;*/ vertical-align: middle; marqqgin: -3px 4px 0 -5px !important; border: none; background: none; }	
	.form .error { padding: .1em .8em; margin: .5em 0 0 0; background: #FDEDEF; border: 1px solid #F2969D; color: #E83E4C; display: none; }

	input.button { color: #222; background: #f1f1f1; border: 1px solid #ccc; border-width: 0 1px 1px 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; padding: 9px 6px 6px 9px /*.7em .4em .5em .6em*/; font-weight: bold; text-decoration: none; width: auto; overflow: visible; cursor: pointer; margin: 1em 0 0 0; }
	input.button:hover { color: #444; background: #dedede; border: 1px solid #ccc; border-width: 0 1px 1px 0; }


	.xxsmall { width: 1em; }
	.xsmall { width: 3em; }
	.medium { width: 10em; }
	.large { width: 14em; }
	.xlarge { width: 25em; }
	.xxlarge { width: 30em; }
	.btn { width: 7em; }
	
	input.radio, input.checkbox { padding: 0; margin: 0; vertical-align: middle; border: 0; background: none; }
	span.chkbx { padding: .3em -.2em 0 0 !important; margin: 0; border: 0; background: none; }
	
/*------------------------------------------------------------------
2.19 Interrupter/violator styles
-------------------------------------------------------------------*/
	.note { padding: .8em 1em; margin: .9em 0 1em 0; border: 1px dashed #bbb; border-width: 1px 0; background: #FEFBF0; }
		.note p { font-size: .7em; margin: 0; padding: 0; }
		.note img { vertical-align: baseline; }
		.content .opsmilestory ul { margin: 0; }
		.content .opsmilestory li { list-style: none; padding: 1em 0; margin: 0 0 0 -1.2em !important; width: 97%; border: 1px dashed #ccc; border-width: 1px 0 0 0; }
		.content .opsmilestory img { margin: .3em 1.5em .5em 0; }
		
/*------------------------------------------------------------------
2.20 Horizontal comparison styles
-------------------------------------------------------------------*/
	.compare { display: none; margin: 1.2em 0 .8em 0; }
	.compare .column { margin: 0 2.5% 0 0; padding: 0 2.5% 0 0; border: 1px dashed #ccc; border-width: 0 1px 0 0; float: left; }
	.compare .two { width: 46%; } 
	.compare .three { width: 29%; } 
	.compare .four { width: 20.5%; } 
	.compare .five { width: 15.3%; } 
	.compare .columnfarright { float: right; margin: 0; border: 0; } 

/*------------------------------------------------------------------
2.21 consultant locator styles
-------------------------------------------------------------------*/
	.locator .leftcol { float: left; width: 47.5%; padding: 1% 2.5% 2% 0; border-right: 1px dotted #ccc; }
	.locator .rightcol { float: right; width: 47.5%; padding: 1% 0 2% 0; }
	.locator .result {float: left; border: 1px solid #ddd; border-width: 1px 0 0 0; width: 95%; margin: 0 0 0 0; padding: 1em 0 0 0; }

/*------------------------------------------------------------------
2.21 art contest gallery styles
-------------------------------------------------------------------*/
.next, .prev { cursor: pointer; }

#screen2 { position: relative; width: 640px; margin: 0 0 1em 0; background: #fefbf0; } /* uses 'note' style */
	#screen2 #buttons { border: 1px dashed #bbb; border-width: 1px 0 0 0; }
	#screen2 #buttons a { margin: 10px 20px; color: #999; text-decoration: none; }
	#screen2 .prev { float: left; }
	#screen2 .prev img { float: left; text-decoration: none; margin: .2em .3em 0 0 !important; }
	#screen2 .next { float: right; }
	#screen2 .next img { float: right; text-decoration: none; margin: .2em 0 0 .3em !important; }

#slideshow { overflow: hidden; width: 640px; height: auto; }
	#slideshow .gallery { width: 10000px; overflow: hidden; border: 1px dashed #bbb; border-width: 0 0 1px 0; } /* uses 'note' style */
	#slideshow .artwork { float: left; margin: 0 0 0 0; cursor: pointer; width: 640px; }
	#slideshow img { margin: 0 0 16px 20px; }
	#slideshow ul { }
	#slideshow h4 { font-size: .7em; }
	#slideshow p, #slideshow li { margin: 0; list-style: none; font-size: .75em; line-height: 145%; margin: 0; color: #555; vertical-align: bottom; }
	#slideshow li { margin: 0 0 0 -16px !important; }
	.attribution { margin: 0 20px 0 18px; width: 245px; float: left; }
	.recipe { float: right; width: auto; margin: 0 20px 0 0; }

/*------------------------------------------------------------------
2.22 WOTG 2.0 styles
-------------------------------------------------------------------*/
.grid_ideabook { margin: 0 0 2em 0; width: 100%; font-size: 90%;}
.grid_row { margin: 0; width: 100%; float: left; }
	.kit_wotg { width: 20%; padding: .8em 1em .5em 1.2em; border: 1px dashed #ccc; border-width: 0 0 1px 1px; float: left; }
	.kit_wotg img { margin: 0 0 .5em 0; width: 120px; }

/*------------------------------------------------------------------
2.23 SOTM 2.0 styles
-------------------------------------------------------------------*/
.grid_sotm { margin: 0 0 2em 0; width: 100%; font-size: 90%;}
.grid_row { margin: 0; width: 100%; float: left; }
	.stamp_sotm { width: 28%; padding: .8em 1em .5em 1.2em; border: 1px dashed #ccc; border-width: 0 0 1px 1px; float: left; }
	.stamp_sotm img { margin: 0 0 .5em 0; width: 180px; height: 100px; }
	
.image_stampimage { margin: 1em 0; overflow: auto; }
.stampimage { float: right; width: 205px; background: #FEFBF0; border: 1px dashed #bbb; padding: .4em 1em; }

/*------------------------------------------------------------------
3.0 Footer section
-------------------------------------------------------------------*/
#footer { width: 57em; margin: 0 auto; padding: 1.3em 1.5em 1.5em 1.5em; background: #F7F2E8 url(../img/pattern_bamboo.png); vertical-align: baseline; }
	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p { font-weight: normal; }
	
	/* #footer h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.05em; line-height: 100%; padding: 0 0 .2em 0; color: #3E382E; margin-top: 2px; margin-bottom: 1px; } Use this for the Cufon type fixes. */
	#footer h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: .98em; line-height: 130%; padding: 0 0 .2em 0; color: #3E382E; }
	#footer h2 { font-size: .68em; line-height: 145%; padding: .2em 0 .2em 0; color: #534B3E; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
	#footer h6 { font-size: .7em; line-height: 145%; padding: .2em 0 .2em 0; color: #A5977C; }
	#footer p { font-size: .7em; line-height: 145%; padding: 0 0 .2em 0; color: #675E4D; }

	#footer ul { list-style: none; margin: .7em 0 0 0; }
	#footer li { padding: .25em 0; font-size: .7em; display: block; }
	#footer li a {  }
	#footer li img { width: 16px; height: 16px; margin: -.15em .7em 0 0 !important; display: inline; }

	#footer .sitetools, #footer .mission { width: 24%; margin: 0 1.5em 1.2em 0; float: left; }
		#footer .sitetools li { font-size: .7em; display: block; width: 49.5%; float: left; margin: 0; }
	#footer .community	{ width: 46%; margin: 0 0 1.2em 0; float: left; }
		#footer .community li { font-size: .7em; display: block; width: 31%; float: left; margin: 0; }

	#footer .indicia { width: 100%; clear: both; border: 1px dashed #BAA98B; border-width: 1px 0 0 0; padding: .5em 0 0 0; margin: 0; }
	

/* 4.0 graveyard

	#ctmhtv_nav { width: 100%; margin: 1.5em 0 0 0; z-index: 9999999999; display: block; border: 1px solid #000; border-width: 0 0 1px 0; }
		#ctmhtv_nav ul { margin: 0; padding: 0; float: left;}
		#ctmhtv_nav ul li { font-size: .65em; display: inline; text-transform: uppercase; letter-spacing: 1px; }
		#ctmhtv_nav ul li a { float: left; text-decoration: none; color: #000; padding: .7em .9em .7em .9em; margin: 0 .3em 0 0; border: 1px solid #000; border-width: 1px 1px 0 1px; }
		#ctmhtv_nav ul li a.left { margin: 0 .3em 0 .6em;  }
		#ctmhtv_nav ul li a:hover { background: #eee; }
		#ctmhtv_nav ul li a.current { background: #eee; }

	#ctmhtv_index { margin: 0; padding: 1.5em 1.5em .3em 1.5em; border: 1px solid #000; border-width: 0 1px 1px 1px; }
		.ctmhtv_video { width: 6.08em; height: auto; margin: 0 1em 1em 0; padding: 0 .5em 0 0; float: left; }
		.ctmhtv_video img { width: 100%; height: 60px; margin: 0 1em .5em 0; }
		#ctmhtv_index p { font-size: .7em; margin: 0; }
		#ctmhtv_index a { font-size: 1.05em; line-height: 120%; font-wqqeight: bold; }

#carouqqsel_home { width: 100%; height: 25em; background: #777; }

/* #metanav { width: 58.5em; height: 28px; margin: .65em auto 0 auto; padding: .5em 0 0 0; background: #483D32 url(../img/ribbon.png) repeat-x bottom; z-index: 99; }
	#metanav ul { list-style: none; padding: 0; margin: 0 0 0 1em; z-index: 2; }
	#metanav li { float: left; position: relative; width: auto; text-align: center; cursor: default; margin: 0; display: inline; z-index: 2; }
	#metanav .last { border: 0; }
	#metanav a { text-decoration: none; }
	#metanav li a { dispqqlay: inline-block; font-weight: normal; color: #fff; font-size: .68em; border: 1px dashed #fff; border-width: 0 0 0 2px; padding: .1em 2em .1em 1em; margin: 0; text-transform: uppercase; letter-spacing: 1px; width: 90% }
	#metanav li a:hover { color: #fff; }
	#metanav li li a { display: block; font-weight: normal; color: #635445; font-size: .65em; border: 1px dashed #000; border-width: 0 0 1px 0; padding: .85em 1em; margin: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
	#metanav li li a:hover { color: #635445; }
	#metanav li ul { display: none; position: absolute; top: 100%; left: -14px !important; font-weight: normal; backxground: #f1f1f1; padding: 0.5em 0 1em 0; }
	#metanav li li { display: block; float: none; background: #fdfdfd; border: 0; width: 13em; }
	#metanav li li:hover { background: #eee; }
	#metanav li:hover ul, li.over ul { display: block; }
	
	
	button { color: #222; background: #f1f1f1; border: 1px solid #ccc; border-width: 0 1px 1px 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; padding: 9px 6px 6px 9px; font-weight: bold; text-decoration: none; width: auto; overflow: visible; cursor: pointer; margin: 1em 0 0 0; }
	button:hover { color: #444; background: #dedede; border: 1px solid #ccc; border-width: 0 1px 1px 0; }