html, body, img, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, p
{ margin: 0px; padding: 0px; border: 0px; }
p
{ padding:7px 0; }
html
{ font-size: 125%; }
body
{ font-size: 50%; }
/* the following is to eliminate the problem of having nested items become too small.
If it doesn't work well enough, another option is font-size:1em; */
span span
{ font-size:inherit; }

body
{ background-color:#e3e3e3; }
label
{ float:left; width:90px; text-align:right; margin-right:3px; }
ol, ul
{ list-style:none; padding:7px 0; }
h1
{ font-size:1.5em; color:#486755; }
h2
{ font-size:1.4em; color:#486755; }
h3
{ margin-top:10px; color:#486755; }
h4
{ font-size:1.1em; color:#486755; }
a
{ color:#697379; text-decoration:none; }
a:hover
{ text-decoration:underline; }

#container
{ width:1001px; margin:0 auto; font-family:"Trebuchet MS", arial, sans-serif; font-size:1.15em; }
	#main
	{ background:url("/images/main-back.gif") repeat-y; width:950px; padding:0 25px 0 26px; }
	#main-bottom
	{ background:url("/images/main-bottom.gif") no-repeat; width:1001px; height:43px; }
		#header
		{  }
			#cbc-logo
			{ float:left; margin:2px 18px 7px 23px; display:inline; }
		#content
		{ color:#697379; }
			#flash
			{ width:950px; height:292px; }
			#home-copy
			{ padding:20px 18px 15px 12px; }
				#home-copy #col1
				{ float:left; width:170px; padding-right:18px; }
					.services-list li
					{ padding:0 5px 5px 10px; }
						.services-list li span
						{ padding-left:10px; }
						.services-list li.selected
						{ background:url("/images/side-nav-back.gif") no-repeat; width:155px; height:12px; padding-top:2px; }
						.services-list li.neg-selected
						{ background:url("/images/side-nav-back-neg.gif") no-repeat; width:145px; height:12px; padding-top:2px; }
						.services-list li.neg-small-selected
						{ background:url("/images/side-nav-back-neg-small.gif") no-repeat; width:141px; height:12px; padding-top:2px; }
						.services-list ul
						{ padding:5px 0 0 0; }
						.services-list ul li
						{ padding-left:13px; }
					#side-nav-top
					{ background:url("/images/side-nav-top.gif") no-repeat; width:170px; height:6px; margin-top:15px; }
					#side-nav-content
					{ background-color:#e6ffb4; padding:1px 5px; }
					#side-nav-bottom
					{ background:url("/images/side-nav-bottom.gif") no-repeat; width:170px; height:6px; }
					#house
					{ margin:8px 0 0 10px; }
				#home-copy #col2
				{ float:left; width:450px; height:250px; padding:0 20px 0 30px; border-left:1px solid #7d8790; border-right:1px solid #7d8790; }
				#home-copy #col3
				{ float:right; width:200px; padding-left:22px; }
			#sub-copy
			{ padding:20px 12px 15px 12px; border-top:1px solid #7d8790; }
				#sub-copy #col1
				{ float:left; width:170px; padding-right:18px; }
					#col1 h2
					{ font-size:1.2em; }
					#sub-copy h2, #home-copy h2
					{ padding-left:10px; }
				#sub-copy #col2
				{ float:left; width:578px; padding-left:50px; border-left:1px solid #7d8790; }
					#sub-copy #col2 a
					{ text-decoration:underline; }
					#col2 #page-header img
					{ margin-right:3px; }
					#sub-copy #col2 h1
					{ padding:24px 0 7px 0; border-bottom:1px solid #7d8790; }
					#sub-copy #col2 h2
					{ padding:20px 0 6px 0; border-bottom:1px solid #7d8790; }
				#sub-copy #col-stories
				{ float:left; width:640px; padding-left:50px; border-left:1px solid #7d8790; min-height:450px; }
					#sub-copy #col-stories a
					{ text-decoration:underline; }
					#sub-copy #col-stories h1
					{ padding:0 0 7px 0; border-bottom:1px solid #7d8790; }
					#storyTitle
					{ background:url("/images/h1-back.gif") no-repeat; width:636px; height:41px; margin:13px 0 30px -11px; }
						#storyTitle h1
						{ padding:10px 0 0 10px !important; border-bottom:none !important; width:400px; float:left; }
						#storyTitle img, #storyTitle div
						{ float:right !important; margin:-23px 20px 0 0; position:relative; z-index:10; }
					#sub-copy #col-stories h2
					{ padding:10px 0 6px 0; margin-bottom:7px; border-bottom:1px solid #7d8790; }
				.experience-lists
				{ height:100%; }
				.experience-list
				{ float:left; width:110px; height:100%; padding:0 0 0 30px; margin:20px 0 20px 40px; border-left:1px solid #7d8790; }
				.experience-list-first
				{ float:left; width:110px; height:100%; padding:0; margin:20px 0 20px 0; border-left:none; }
					.experience-list li, .experience-list-first li
					{ padding:5px 0; }
				.assetContainer
				{ float:left; margin:0 8px 8px 0; width:150px; }
					.assetContainer .asset
					{ background:url("/images/asset-back.gif") no-repeat; width:82px; height:82px; }
						.assetContainer .image
						{ float:left; vertical-align:middle; margin:3px 5px 0 3px; line-height:75px; width:75px; height:75px; text-align:center; }
							.assetContainer .image img
							{ vertical-align:middle; line-height:75px; }
					.assetContainer .description
					{ margin:3px 0 0 3px; width:110px; }
				.our-work-container
				{ float:left; margin:0 8px 0px 0; width:175px; }
					.our-work-container .description
					{ margin-left:3px; width:110px; }
			#footer
			{ text-align:center; }
				#footer li
				{ display:inline; padding:0 2px; }
				#footer p
				{ padding:0; }
			#resource-footer
			{ color:#697379; padding:0 30px; }

.clear
{ clear:both; }
.col
{ float:left; }
.tablePadding td
{ padding:0 4px; }

#client-logos
{ padding-top:5px; }
	#client-logos img, #client-logos div
	{ margin:5px 10px; }
#top-success-stories
{ background:url("/images/our-work-back.gif") no-repeat; width:561px; height:236px; margin-top:20px; padding:6px; }
	#top-success-stories img
	{ padding:0 1px; }
	.top-success-stories
	{ float:left; width:70px; padding:1px 13px 0 9px; text-align:center; }

#prevNext
{ margin-top:10px; }
	#prevNext #prev
	{ float:left; padding-left:10px; }
	#prevNext #next
	{ float:right; }
	#prevNext img
	{ vertical-align:top; }


/* Navigation */
#tabs
{ float:left; width:725px; font-size:1.03em; line-height:normal; padding-top:87px; font-weight:bold; }
    #nav, #nav ul
	{ margin:0; padding:0 0 0 20px; list-style:none; }
	#nav li
	{ line-height:1.5em; position:relative; float:left; }
	#nav a
	{ white-space:nowrap; }
    #nav li.firstdrop
	{ display:inline; margin:0; padding:0 6px; position:relative; color:#6a747b; }
    #nav a.toplink
	{ float:left; margin:0 1px 0 0; padding:0 0 0 5px; 
	text-decoration:none; cursor:pointer; }
    #nav a.toplink span
	{ float:left; display:block; padding:2px 5px 2px 0; color:#6a747b; }
    #nav a.toplink:hover span
	{ color:#6a747b; text-decoration:underline; }

#nav li ul 
{ position: absolute; left: -999em; background-color: #b8d579; border:1px solid #6b717f; padding:0; z-index:10; }

#nav .drop1
{ width:80px; }
#nav .drop2
{ width:100px; }
#nav .drop3
{ width:170px; }
#nav .drop4
{ width:90px; }

#nav ul li a
{ color:#6b717f; text-decoration:none; padding:1px 4px; display:block; border-top:1px solid #b8d579; border-bottom:1px solid #b8d579; }
#nav ul li a:hover
{ background-color:#7e8e74; color:#fff; border-top:1px solid #6b717f; border-bottom:1px solid #6b717f; }

#nav .sub1
{ margin: -1em 0 0 125px; }
#nav .sub2
{ margin: -1em 0 0 160px; }

#nav li:hover ul ul, #nav li.sfhover ul ul
{ left: -999em; }

#nav li:hover ul, #nav li.sfhover ul
{ top:21px; left: 0; }
#nav li li:hover ul, #nav li li.sfhover ul
{ top:11px; left: 0; }