/* GENERAL STYLES */
@import "reset.css";
@import "cnpe-base.css";


/*---------------------------
	=Header Section
---------------------------*/
#header { background: url(/images/header-home.jpg) 0 0 no-repeat; height: 405px; padding: 0; position: relative; }



/*---------------------------
	=Rotating Content 
---------------------------*/
#rotating-content { left: 0; position: absolute; top: 121px; }
	.rotating-graphic { width: 674px; float: left; padding: 0 0 0 22px; }
	#flashContent { width: 674px; float: left; height: 277px; padding: 8px 0 0 22px; }
	
	.rotation-description { float: left; padding: 60px 0 0 0; text-align: center; width: 306px; }
		.rotation-description h2 { background: url(/images/rotation-hd.jpg) center bottom no-repeat; color: #136b98; font: normal 20px/40px Helvetica, Arial, sans-serif; margin: 0 auto; padding: 0 0 17px 0; }
		.rotation-description p { font-size: 14px; line-height: 24px; margin: 0 0 1em 0; }
		.rotation-description a.read-more { background: url(/images/rotation-more.jpg) 0 0 no-repeat; display: block; height: 45px; margin: 0 auto; overflow: hidden; text-indent: -10000px; width: 233px; }
		.rotation-description a.read-more:hover { background: url(/images/rotation-more.jpg) 0 -45px no-repeat; display: block; height: 45px; margin: 0 auto; overflow: hidden; text-indent: -10000px; width: 233px; }

/*---------------------------
	=Maincontent Section
---------------------------*/	
#column-wrapper { background: url(/images/site-wrapper-home.jpg) 696px 0 repeat-y; }
#maincontent { padding: 0 0 40px 22px; }

.action-call { background: url(/images/consulting-callout.jpg) 0 0 no-repeat; display: block; float: left; height: 54px; width: 674px; }
	.action-call h2 { display: block; float: left; overflow: hidden; text-indent: -10000px; }
	.action-call a { display: block; float: right; height: 54px; overflow: hidden; text-indent: -10000px; width: 240px; }


.news-column { clear: left; float: left; padding: 18px 20px 0 0; width: 317px; }
	.news-column h3.column-heading { background: url(/images/news-column-hd.jpg) 0 0 no-repeat; display: block; height: 73px; overflow: hidden; position: relative; text-indent: -10000px; width: 317px; }
	.news-column h3.column-heading a { display: block; height: 73px; overflow: hidden; position: absolute; right: 0; text-indent: -100000px; top: 0; width: 70px; }

.learning-column { float: left; padding: 18px 20px 0 0; width: 317px; }	
	.learning-column h3.column-heading { background: url(/images/training-column-hd.jpg) 0 0 no-repeat; display: block; height: 73px; overflow: hidden; position: relative; text-indent: -10000px; width: 317px; }
	.learning-column h3.column-heading a { display: block; height: 73px; overflow: hidden; position: absolute; right: 0; text-indent: -100000px; top: 0; width: 70px; }

	.news-column h4, .learning-column h4 { color: #924a2e; font: bold 12px/12px Arial, sans-serif; margin: .5em 0; }
	.news-column p, .learning-column p { color: #444444; font: normal 11px/18px Arial, sans-serif; margin: 0 0 .5em 0; }
	.news-column a, .learning-column a { color: #df6f17; display: block; margin: 0 0 1.5em 0; }
        .news-column a:hover, .learning-column a:hover { color: #924a2e; }
        .news-column a.all { background: #8D9F13; border: 3px solid #B3BF5F; color: #ffffff; float: left; line-height: 20px; margin: 6px 0 20px 0; padding: 0 8px; }
        .learning-column a.all { background: #136B99; border: 3px solid #689EBA; color: #ffffff; float: left; font-size: 12px; line-height: 20px; margin: 6px 0 20px 0; padding: 0 8px; }
        .news-column a.all:hover { background: #B3BF5F; }
        .learning-column a.all:hover { background: #689EBA; }


/*---------------------------
	=Sidebar Section
---------------------------*/
#visitor-info { background: #136B98; float: left; margin: -53px 0 0 0; padding: 72px 14px 14px 14px; position: relative; width: 278px; }
	#visitor-info h4 { cursor: pointer; }

	#visitor-info h4#new-here.active { background: url(/images/visitor-info-nav.jpg) 0 0 no-repeat; display: block; height: 52px; left: 14px; overflow: hidden; position: absolute; text-indent: -10000px; top: 14px; width: 103px; }
	#visitor-info h4#frequent-visitor.active { background: url(/images/visitor-info-nav.jpg) -103px -52px no-repeat; display: block; height: 52px; left: 117px; overflow: hidden; position: absolute; text-indent: -10000px; top: 14px; width: 167px; }
	#visitor-info h4#frequent-visitor { background: url(/images/visitor-info-nav.jpg) -103px 0 no-repeat; display: block; height: 52px; left: 117px; overflow: hidden; position: absolute; text-indent: -10000px; top: 14px; width: 167px; }
	#visitor-info h4#new-here { background: url(/images/visitor-info-nav.jpg) 0 -52px no-repeat; display: block; height: 52px; left: 14px; overflow: hidden; position: absolute; text-indent: -10000px; top: 14px; width: 103px; }

	
	#visitor-info p { color: #ffffff; font-size: 12px; line-height: 17px; margin: 0 0 2em 0; }
	#visitor-info h5 { background: url(/images/visitor-info-learn-more.jpg) 0 0 no-repeat; display: block; height: 33px; overflow: hidden; text-indent: -10000px; width: 280px; }
        #visitor-info a { color: #D2E06F }
        #visitor-info a:hover { color: #efefef }
	#visitor-info div.list-container { background: url(/images/list-container.jpg) 0 bottom no-repeat #ffffff; width: 252px; padding: 0 14px 14px 14px; }
	#visitor-info div.list-container ul li { float: left; }
	#visitor-info div.list-container ul li a { border-bottom: 1px solid #d6c5bf; color: #924a2e; display: block; font-size: 14px; line-height: 28px; margin: 0 12px 0 0; width: 114px; }
        #visitor-info div.list-container ul li a:hover { color: #df6f17; }
	
	#visitor-info .frequent-visitor { display: none; }