body { margin: 0; padding: 0; background: #ddd url(../images/common/bg.gif) repeat-x; 
	font-family: verdana, sans-serif; font-size: 11px; color: #555; }
img { border: 0; }
img.imgBorder { border: 1px solid #ccc; }

a { color: #369; }
a:hover { color: #C90; }
li a visited { color: #369; }

#topbar { width: 970px; height: 170px; margin: auto;
	background: url(../images/common/topbar_bg.jpg) top left no-repeat; margin-top: 10px;}

#container { width: 970px; margin: auto; margin-top: 10px;
	background: #fff url(../images/common/container_bg.gif) repeat-y;  padding: 30px 0px;  border: 1px solid #ccc; }


#leftnav { 
	float: left; 
	width: 170px;   background: #fff url(../images/common/nav_bg.gif) bottom no-repeat; margin-bottom: 20px; margin-left: 10px; /* border: 1px solid #purple; */
	}
	
#container>#leftnav { margin-left: 30px; } /* hack for everythign but IE6 - still don't know why IE6 adds extra space to margin here */
	
	
#leftnav ul { 
	margin: 0px; padding: 0px; list-style-type: none; 
	padding: 20px 0px 0px 0px; background: #369 url(../images/common/nav_bg.gif) top no-repeat; 
	}
#leftnav li a { 
	display: block; font: bold 11px "trebuchet MS", sans-serif; text-decoration: none; 
	padding: 4px 0px 3px 20px; height: 15px; 
	color: #347398;  /* width: 170px; */
	}
#leftnav li a:hover, #leftnav li.on a {
	color: #CC6600; 
	}
	
/* secondary nav */	
#leftnav li ul { 
	margin: 0px; padding: 0px; list-style-type: none; 
	padding: 0px; background: none; 
	}
#leftnav li li a, #leftnav li.on li a { 
	display: block; font: bold 10px "trebuchet MS", sans-serif; text-decoration: none; 
	 padding: 4px 0px 3px 35px; 
	color: #347398; 
	}
#leftnav li.on li a:hover, #leftnav li.on li.on a {
	color: #CC6600; 
	}
	 
	

#content { 
	float: right; 
	width: 680px; padding: 0px; margin-right: 30px;  /* background: #efefef; */   }

.item { /* float: right; */ clear: both; width: 680px; }

.leftCol { float: left; width: 320px; /* background: #ccc; */ }

.rightCol { float: right; width: 320px; /* background: #369; */}

/* .rightCol img { display: block; text-align: right; } */



.clearer {display: block; clear: both; height: 1px; /* width: 970px; */ overflow: hidden;/*  border: 1px solid red; */ }	

#footer { display: block; width: 970px; margin: auto; height: 40px;  background-color: #272E34; color: #999; }
#copyright { padding-left: 40px; padding-top: 8px; font: 9px verdana; }




/*PAGE SPECIFIC*/

/* Services*/
#services div.leftCol img { vertical-align: middle; margin-right: 12px; }

/* Carnegie */
#carnegieBackground { width: 640px; padding-left: 40px; padding-bottom: 10px; padding-top: 10px; background: #000; }


/* Home */
#home p { margin-top: 0; padding-top: 0; }
#home div.leftCol  { width: 270px; color: #999;}
#home div.rightCol { width: 300px; margin-right: 40px; }

#home #copyright { float: left; padding-left: 40px; width: 260px; padding-top: 10px; font: 9px verdana; }
#home #byline { float: right; padding-right: 40px; padding-top: 10px; font: 9px verdana; }
#home #byline a, #home #byline a:visited { text-decoration: none; color: #999;  }
#home #byline a:hover { color: #c90; }

/* Animation */

#animation .leftCol { float: left; width: 270px; /* background: #ccc; */ }
#animation .rightCol { float: right; width: 380px; /* background: #369; */}