body
	{
	background-color:#FFFFFF;
	font-family:"Lucida Grande","Lucida Sans Unicode", sans-serif;
	margin:0;
	}

.clear
	{
	clear:both;
	}
	

/*  HEADER  */

#headercontainer
	{
	width:100%;
	/* height:100px; */
	background-image:url('/images/bannerbackground.gif');
	background-repeat:repeat-x;
	background-color:#000000;
	}

#header
	{
	width:960px;
	margin:0 auto;
	height:100px;
	}

/*
#headerbottom
	{
	height:1px;
	border-top:1px solid #DDDDDD;
	width:100%;
	clear:both;
	}
*/

#logo {
	display: block;
	width: 350px;
	height: 100px;
	background: transparent url('/images/cdilogo.gif') no-repeat left top;
	text-indent: -9999px;
	float: left;
	margin:0 0 0 0px;
}

ul#nav {
	float: right;
	margin: 53px 0px 0px 0px;
	list-style-type: none;
	font: normal 12px tahoma;
	height: 24px;
}

ul#nav li {
	display: block;
	float: left;
	height: 24px;
	margin:0 0 0 12px;
}

ul#nav li a,
ul#nav li a:visited {
	display: block;
	height: 24px;
	text-indent: -5000px;
	overflow: hidden;
}


#navEmail a {
	width: 126px;
	background: transparent url('/images/emailbutton.gif') no-repeat left top;
}

#navRSS a {
	width: 58px;
	background: transparent url('/images/rssbutton.gif') no-repeat left top;
}

#navFollow a {
	width: 92px;
	background: transparent url('/images/followbutton.gif') no-repeat left top;
}

#navLogin a {
	width: 72px;
	background: transparent url('/images/loginbutton.gif') no-repeat left top;
}


#navEmail a:hover, #navLogin a:hover,  #navFollow a:hover, #navRSS a:hover
	{
	background-position: 0px -25px;
	}
	


/* SECTION NAVIGATION  */

#sectionbackground
	{
	width:100%;
	background-image:url('/images/diagonalbackground.gif');
	background-repeat:repeat;
	border-bottom:1px solid #DDDDDD;
	}

#sections
	{
	font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica,arial,sans-serif;
	width: 960px;
	margin:0 auto;
	height:55px;
	}

ul#sectionnav
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
#sectionnav li
	{
	float: left;
	font-size: 16px;
	font-weight: bold;
	}
	
#sectionnav li a span
	{
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	}

#sectionnav a
	{
	display: block;
	line-height: 15px;
	padding: 13px 35px 10px 0px;
	color: #222222;
	text-decoration:none;
	}

#sectionnav li a:hover
	{
	cursor: pointer;
	color:#8dc548;
	}

#sectionnav li a:hover span
	{
	color: #999999;
	}


/* IE7
#sectionnav  li:hover, #sectionnav  li.hover
	{  
	position: static;
	}
 */



/*  SPECIAL ANNOUNCEMENT AREA */

#announcements
	{
	width:960px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:-10px;
	height:100px;
	background:url('/images/announcementbackground.gif') no-repeat;
	overflow:hidden;
	}

#mainannounce p
	{
	color:#FFFFFF;
	padding:0px 30px 0px 340px;
	font-size:14px;
	line-height:20px;
	}

#mainannounce a
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

#mainannounce a:hover
	{
	text-decoration:none;
	}
	
	
	


/*  FOOTER  */

#footer {
font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
font-size:11px;
color:#999999;
background:#FFFFFF;
clear:both;
border: 1px solid #DDDDDD;
width:910px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
margin:0 auto;
margin-top:50px;
margin-bottom:50px;
padding:5px 25px 5px 25px;
}



/* BREADCRUMB */

div.crumbcontainer {border-bottom:1px solid #DDDDDD; width:100%; clear:both;}

div.crumbinsides {width:960px; margin:0 auto;}

ul#crumbs {
	margin:0;
	list-style-type:none;
	overflow: hidden;
	font-size: 11px;
	padding:0;
	}

#crumbs li {
	float: left;
	padding: 5px 25px 5px 10px;
	background: transparent url(/images/crumbarrow.gif) no-repeat scroll right center;
}

#crumbs li.home {margin-left:0; padding-left:0;}

#crumbs .selected {
	font-weight: bold;
	background: none;
}

#crumbs li a {color:#666666; text-decoration:none;}

#crumbs li a:hover{color:#8dc548;}

/* BREADCRUMB OLD

#crumbcontainer {background-color:#FFFFFF; border-bottom:1px solid #DDDDDD; width:100%;}

#crumbinsides {width:960px; margin:0 auto;}

#crumbs {height:23px;float:left;width:100%;margin:0 0 0 0;padding:0;}

#crumbs li {float:left;margin:0;padding:0;list-style:none;height:23px;background:url(/images/crumbarrow.gif) center right no-repeat;padding-right:25px;margin-left:15px;}

#crumbs li.selected {background:none; color:#333333; float:left; font-size:11px; font-weight:bold; line-height:23px;}

#crumbs li.home {margin-left:0;}

#crumbs li a {color:#666666; display:block; float:left; font-size:11px; line-height:23px; text-decoration:none;}

#crumbs li a:hover{color:#8dc548;}

*/



/*  MAIN LAYOUT  */

#layout {
width:960px;
margin:0 auto;
margin-top:30px;
}



/* PAGE CONTENTS */

#pagecontents h1
	{
	font-family:helvetica,arial,sans-serif;
	margin-top:0px;
	font-size:36px;
	letter-spacing:-1px;
	}

#pagecontents h2
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	margin-top:35px;
	margin-bottom:10px;
	font-size:20px;
	padding-bottom:5px;
	font-weight:bold;
	color:#5e931c;
	}
	
#pagecontents h3
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	margin-top:20px;
	margin-bottom:15px;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	}

#pagecontents h6
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	margin-top:25px;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	}
	

#pagecontents p
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	font-size:14px;
	line-height:21px;
	}

/* Special class for date at top of notebook entry */
#pagecontents p.nbdate
	{
	color:#666666;
	font-size:12px;
	margin-top:0;
	}
	
/* Special class for blurb at top of notebook entry */
#pagecontents p.showblurb
	{
	color:#666666;
	font-size:12px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:25px 25px 15px 25px;
	background-image:url('/images/summarybackground.gif');
	background-repeat:no-repeat;
	background-position:5px 0px;
	}

div.calloutbox
	{
	font-family:georgia,times,times new roman,serif;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#000000;
	float:right;
	width:300px;
	margin:0 0 20px 20px;
	padding:20px 15px 20px 20px;
	border-bottom:1px solid #DDDDDD;
	}


hr
	{
	background:#DDDDDD;
	border:0;
	height:1px;
	margin:20px 0 20px 0;
	}


/* Special a and a:hover for pagecontents */

#pagecontents a
	{
	text-decoration:underline;
	color:#005e8f;
	}

#pagecontents a:hover
	{
	color:#8dc548;
	text-decoration:underline;
	}


span.highlight
	{
	background-color:#FFFF00;
	}
	
	

/* Sidebar */

#rightsidebar h3 {
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#rightsidebar ul {
	display:block;
	margin:0 0 30px 0;
	padding:0;
	list-style-type:none;
}
#rightsidebar ul li {
	display:block;
	font-size:14px;
	line-height:20px;
	padding:0;
	border-bottom:1px solid #ddd;
	text-indent:10px;
}
#rightsidebar ul li a {
	display:block;
	color:#005e8f;
	padding:10px 0;
	width:100%;
	text-decoration:none;
}
#rightsidebar ul li a:hover, #sidebar ul li a:focus {
	text-decoration:none;
	color:#666666;
	background-color:#efefef;
}

/* Special class for right sidebar dates */
#rightsidebar p span.sidebardate
	{
	color:#666666;
	font-size:12px;
	}
	
	


/* Column Layout of main content */

#columns
	{
	clear:both;
	}
	
#columns #leftmain
	{
	width:650px;
	padding-right:44px;
	border-right:1px solid #DDDDDD;
	float:left;
	overflow:visible;
	}
	
#columns #rightsidebar
	{
	width:220px;
	margin-left:45px;
	float:left;
	overflow:visible;
	}
	



/* Internal Column Layouts */

.left, .center, .right {float:left;}
.left {padding:0 15px 0 0;}
.center {padding:0 15px 0 15px;}
.right {padding:0 0 0 15px;}

div.threewidecenter .left {width:230px;}
div.threewidecenter .center {width:380px;}
div.threewidecenter .right {width:230px;}

div.threeequal {}
div.threeequal .left {width:300px;}
div.threeequal .center {width:300px;}
div.threeequal .right {width:300px;}

div.twowideright .left {width:230px;}
div.twowideright .right {width:625px;}

div.twowideleft .left {width:575px;}
div.twowideleft .right {width:280px;}

div.twoequal .left {width:425px; padding:0 25px 0 0;}
div.twoequal .right {width:425px; padding:0 0 0 25px;}

div.fiveequal .column160 {float:left; width:167px; padding:0 25px 0 0;}

#pagecontents p.description
	{
	font-size:12px;
	line-height:16px;
	color:#777;
	}

h4.topicproject
	{
	font-size:10pt;
	color:#32667a;
	}







/* Homepage Layout */

#homelayout .featureditem
	{
	margin-bottom:40px;
	}

#homelayout .featureditem .section
	{
	font-size:12px;
	color:#333333;
	margin:0 0 5px 0;
	font-weight:bold;
	}
	
#homelayout .featureditem h2
	{
	font-family:georgia,helvetica,arial,sans-serif;
	font-size:36px;
	line-height:40px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

#homelayout .featureditem h2 a
	{
	text-decoration:none;
	}
	
#homelayout .featureditem .date
	{
	font-size:12px;
	color:#999999;
	margin:8px 0 8px 0;
	}

#homelayout .featureditem .postblurb p
	{
	margin:8px 0 8px 0;
	color:#666666;
	font-size:14px;
	line-height:21px;
	}



#homelayout .regularitem
	{
	float:left;
	width:245px;
	}

#homelayout .regularitem .section
	{
	font-size:12px;
	color:#333333;
	margin:0 0 5px 0;
	font-weight:bold;
	}
	
#homelayout .regularitem h2
	{
	line-height:auto;
	margin:0;
	padding:0;
	}

#homelayout .regularitem h2 a
	{
	text-decoration:none;
	}
	
#homelayout .regularitem .date
	{
	font-size:11px;
	color:#999999;
	margin:8px 0 8px 0;
	}

#homelayout .regularitem .postblurb p
	{
	margin:8px 0 8px 0;
	color:#666666;
	font-size:13px;
	line-height:19px;
	}




#homeleft
	{
	width:535px;
	float:left;
	padding-right:44px;
	border-right:1px solid #DDDDDD;
	}
	
#homeright
	{
	width:335px;
	float:left;
	margin-left:45px;
	}
	
	
	
	
	





/* Notebook Front Page Layout */

#pagecontents .postitem
	{
	margin-bottom:45px;
	}

#pagecontents .postitem h2
	{
	line-height:auto;
	margin:0;
	padding:0;
	}

#pagecontents .postitem h2 a
	{
	text-decoration:none;
	}
	
#pagecontents .postitem .date
	{
	font-size:11px;
	color:#999999;
	margin:7px 0 7px 0;
	}

#pagecontents .postitem .postblurb p
	{
	margin:7px 0 7px 0;
	color:#666666;
	font-size:13px;
	line-height:19px;
	}

#notebookleft
	{
	width:535px;
	float:left;
	padding-right:44px;
	border-right:1px solid #DDDDDD;
	}
	
#notebookright
	{
	width:335px;
	float:left;
	margin-left:45px;
	}
	
	
	


/* DISQUS Comments area */

#comments
	{
	background:#FFFFFF;
	margin-top:50px;
	}

#comments h2
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	margin-top:0;
	margin-bottom:20px;
	font-size:20px;
	padding-bottom:5px;
	font-weight:bold;
	color:#999999;
	}


/* EQUATIONS */

.equation
	{
	margin:40px 0 40px 0;
	text-align:center;
	font-size:16pt;
	color:#666;
	}
	


/* Special Roadmap Table */

table.roadmap
	{
	border-collapse:collapse;
	padding:0;
	margin:0;
	margin-top:20px;
	}

table.roadmap th
	{
	font-size:14pt;
	color:#666;
	border-bottom:3px double #999;
	padding:5px;
	}

table.roadmap td
	{
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:center;
	}
	
table.roadmap td.arrow
	{
	width:100px;
	font-size:18pt;
	color:#666;
	}
	


/* Page Contents List Styles */

#pagecontents ul.regular
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	font-size:14px;
	line-height:21px;
	list-style-type:square;
	}

#pagecontents ul.regular li
	{
	margin-bottom:15px;
	}
	
	

/* Snippets */

				#snippets .snippet
					{
					border-bottom:1px dashed #999;
					padding-bottom:30px;
					margin-bottom:30px;
					}
				
				#snippets .snippet blockquote
					{
					font-size:10pt;
					line-height:14pt;
					text-align:justify;
					padding:30px 40px 30px 40px;
					background-color:#FFC;
					border:2px solid #CCC;
					margin:20px 40px 20px 40px;
					color:#555;
					}
				
				#snippets  .snipinfo
					{
					font-size:8pt;
					color:#999;
					margin-top:20px;
					}
				
				#snippets .snipinfo a.directlink
					{
					text-decoration:none;
					}
				
				#snippets h2
					{
					margin-top:5px;
					color:#000;
					font-size:13pt;
					}
					
				
				#snippets .snippet table
					{
					border-collapse:collapse;
					border:0;
					font-size:10pt;
					}
				
				#snippets .snippet table td
					{
					padding:10px;
					border-bottom:1px solid #CCCCCC;
					}
					
	
#snippetheader
	{
	}

#snippetheader h3
	{
	font-family:georgia,times new roman,times,serif;
	font-size:20pt;
	font-weight:normal;
	margin-bottom:40px;
	}

#snippetheader .lightgray
	{
	color:#AAA;
	}
	
	
#snippets .edno
	{
	font-family:georgia,times new roman,times,serif;
	font-size:8pt;
	color:#999;
	}

#snippets .edno span.snippetnumber
	{
	font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,arial,sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#333;
	}

#snippets .htfollow
	{
	text-decoration:none;
	}

#snippeteditionicon
	{
	margin-top:-55px;
	margin-left:-70px;
	margin-bottom:30px;
	}


#aboutsnippets
	{
	margin-top:40px;
	color:#666;
	}

#aboutsnippets h3
	{
	font-size:9pt;
	}
	

#aboutsnippets p
	{
	font-size:9pt;
	line-height:12pt;
	}
	
	
	
	
/* front page tweets */

#twittercap
	{
	padding:0 0 0 5px;
	margin:0;
	height:45px;
	}

#twittercap img
	{
	border:0;
	}
	
	
	#tweetcontainer
	{
	padding:10px;
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}