@import '/cms/styles/common.css';
@import '/styles/forms.css';
@import '/style.css';
@import '/styles/supermenu.css';

.resetlist, .resetlist ul, .resetlist li {
	padding:0;
	margin:0;
	background:none;
	list-style:none;
}

.flort { float:right; }

body{
	background:#d2d2d2;	
}

.page{
	width:980px;
	margin:0 auto;
	
}
/* COMMON ---------------------------------------------------------------------- */

#bg-x{
	background: url('/images/bg-x.jpg') top left repeat-x;	
}

.splashpage #bg-x{
	background: url('/images/splash-bg-x.jpg') top left repeat-x;	
}

#bg-y{
	background:url('/images/footer-bg-y.jpg') top center repeat-y;	
}

.splashpage #bg-y{
	background:none;	
}

#bg-top{
	background: url('/images/bg-top.jpg') top center no-repeat;	
}

.splashpage #bg-top{
	background: url('/images/splash-bg-top.jpg') top center no-repeat;		
}

.splashpage #wrapper{
	min-height:950px;
	height:auto !important;
	height:950px;
}

.homepage #wrapper{
	background: url('/images/bg-home.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}

.contentpage #wrapper{
	background: url('/images/bg-2nd-level.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}

.content2colpage #wrapper{
	background: url('/images/bg-2nd-level.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}


.homepage #wrapperf{
	background: url('/images/bg-home-f.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}

.contentpage #wrapperf{
	background: url('/images/bg-2nd-level-f.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}

.content2colpage #wrapperf{
	background: url('/images/bg-2nd-level-f.jpg') top left no-repeat;
	min-height:950px;
	height:auto !important;
	height:950px;
}

#print-logo{
	display:none;	
}

/* SPLASH ---------------------------------------------------------------------- */

#splash-spacer{
	height:329px;
}

.splash-lang{
	width:200px;
}

.splashpage #english{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin-left:140px;
}

.splashpage #french{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

/* HEADER ---------------------------------------------------------------------- */
#header {
position:relative;
z-index:2;
}
#search-login{
	padding-top:6px;
	height:89px;	/*95*/
	float:right;
}

#search{
	margin-right:10px;	
}

#header-nav{
	margin:3px 10px 0px 0px;	
}

#header-nav a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	border-right:#850038 solid 2px;
}

#header-nav a:hover{
	text-decoration:underline;	
}

#header-nav .last a{
	border:none;	
	background: url('/images/rss.jpg') 35px 3px no-repeat;
	padding:0px 18px 0px 8px;
}
#header-nav .last a:hover{
	border:none;	
	background: url('/images/rss.jpg') 35px -20px no-repeat;
	padding:0px 18px 0px 8px;
}

#login a{
	display:block;
	width:150px;	/*150*/
	height:19px;	/*22*/
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	
	color:#FFFFFF;
	padding: 3px 0px 0px 0px;
	background: url('/images/login.jpg') top left no-repeat;
}

#login a:hover{
	text-decoration: underline;	
}

.fr #login a{
	font-size:9px;
}	

/* MENU ------------------------------------------------------------------------ */

#cca-logo img{
	width:230px;
	height:40px;
}

#menu
{
  sposition:relative;
  cz-index:500;
	float:right;	
}

#menu a{
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	float:right;
	width:122px;	/*110*/
	height:27px;	/*40*/
	padding:13px 0px 0px 0px;
	background: url('/images/menu-small.jpg') top left no-repeat;
}

#menu a:hover{
	background: url('/images/menu-small.jpg') bottom left no-repeat;
	color:#860037;
}

#menu li{
	padding-right:1px;
}

#menu .last{
	padding-right:3px;	
}

/* SUBNAV ---------------------------------------------------------------------- */

#nav{
	width:209px;
	float:left;
}

#rootname-y {
	background: url('/images/left-bubble-pageheader-y.jpg') top left repeat-y;
	margin-top:40px;
}

#rootname{
	padding:0px 0px 5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}

#rootname-footer{
	background: url('/images/left-bubble-pageheader.jpg') bottom left no-repeat;
	min-height:10px;
	height:auto !important;
	height:10px;
}

#rootname a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}


#nav #assessments-header-y{
	background: url('/images/left-bubble-small-y.jpg') top left repeat-y;
}

#nav #assessments-header{
	background: url('/images/left-bubble-small.jpg') top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding: 9px 10px 7px 10px;
}
#assessments-header a,
#content-header a {
	color:#FFFFFF;
}
#nav #assessments-footer{
	background: url('/images/left-bubble-small-bottom.jpg') top left no-repeat;
	height:12px;
	margin-bottom:5px;
}

#navbox a{
	background: url('/images/nav-bg.jpg') 0px -124px no-repeat;
	color:#333333;
	text-decoration:none;
	padding:8px;
	display:block;
	font-size:14px;
	width:193px;
}

#navbox{
	padding: 10px 0px 10px 0px;
}

#navbox li.navactive a,
#navbox a:hover {
	background: url('/images/nav-bg.jpg') top left no-repeat;
}

#navbox li.navactive li a,
#navbox li li a{
	background: url('/images/nav-bg.jpg') 0px -124px no-repeat;
	padding-left:25px;	
	width:176px;
}

#navbox li li.navactive a,
#navbox li li a:hover {
		background: url('/images/nav-bg.jpg') top left no-repeat;
}

#navbox li li.navactive li  a,
#navbox li li li a{
	background: url('/images/nav-bg.jpg') 0px -124px no-repeat;
	padding-left:40px;	
	width:161px;
}

#navbox .depth_1 .navactive ,
{
		background: url('/images/nav-bg.jpg') top left no-repeat;
}

/* SHARED ---------------------------------------------------------------------- */

.news-date{
	display:block;	
	padding:5px 0px 5px 0px;
}
.news-all{
  margin-bottom:8px;
}
a.news-link {
	display:block;
	color:#850038;
	font-size:12px;
	text-decoration:none;
}

a.news-link:hover{
	text-decoration:underline;	
}

.news-content{
	display:block;
}

a.read-more{
	padding-left:10px;
	margin-top:5px;
	font-size:11px;
	background: url('/images/right-arrow.gif') left no-repeat;	
	text-decoration:none;
	color:#850038;
	display:block;
}

a:hover.read-more{
	text-decoration:underline;	
}

/* HOME ------------------------------------------------------------------------ */

#home-content-left{
	width:230px;	/*240*/
	padding: 38px 10px 0px 0px;
	float:left;
	
}

#content-header-y{
	background: url('/images/left-bubble-y.jpg') top left repeat-y;
}

#content-header{
	background: url('/images/left-bubble.jpg') bottom left no-repeat;	
	padding: 0px 10px 17px 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
}

#assessments-header-y{
	background: url('/images/left-main-bubble-y.jpg') top left repeat-y;
}

#assessments-header{
	background: url('/images/left-main-bubble.jpg') top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding: 9px 10px 3px 10px;
}

#assessments-footer{
	background: url('/images/left-bubble.jpg') bottom left no-repeat;
	height:15px;
	margin-bottom:5px;
}

a.assessment{
	display:block;
	background: url('/images/ua-link.gif') top left no-repeat;
	min-height:51px;	/*62*/
	height:auto !important;
	height:51px;
	padding:10px 10px 10px 20px;
	margin-right:10px;
	text-decoration:none;
	border-bottom: solid 1px #CCCCCC;
}

a:hover.assessment{
	background: url('/images/ua-link.gif') -231px 0px no-repeat;
	text-decoration:underline;
}
a.assessment.fr{
font-size:12px;
}
#home-content-right{
	width:738px; /*740*/
	border-left:#d7d7d7 solid 1px;
}

.homepage #impact{
	background: url('/images/flashtemp.jpg') top right no-repeat;
	height:230px;
	margin:10px 0px 0px 9px;
}

#home-content-content{
	width:739px;
	padding:0px;
}

#home-content-main{
	width:478px; /*500*/
	padding:0px 10px 0px 10px;
	margin-top:15px;	
	
	
}

#home-content-features{
	padding:0px 0px 0px 5px;
	margin-top:20px;
	border-left:#d7d7d7 solid 1px;
	float:right;
	
}

#mailing-list-top{
	background:	url('/images/newsletter-top.jpg') top left no-repeat;
	width:230px;
	height:4px;
}

#mailing-list-y{
	width:230px;
	background:#850038;	
}

#mailing-list h3{
	color:#ffffff;	
}

#mailing-list{
	background:url('/images/newsletter-bottom.jpg') bottom left no-repeat;
	min-height:112px;
	height:auto !important;
	height:112px;
	color:#cccccc;
	padding:0px 10px 0px 10px;
	font-size:11px;
}

#mailing-list a{
	color:#967382;
	text-decoration:underline;
}

#mailing-list a:hover{
	color:#ffffff;
}

#mailing-footer{
	margin:5px 0px 5px 0px;	
}

#member-academies-header-y{
	cbackground: url('/images/ma-header-y.jpg') top left repeat-y;
	margin-left:10px;
}

#member-academies-header{
	background: url('/images/ma-header.jpg') top left no-repeat;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding:6px 0px 0px 10px;
	width:171px;
	height:15px; /*23*/
	z-index:1;
}

#member-academies{
	background: url('/images/members-bg.jpg') bottom left no-repeat;
	height:130px;
	margin: 0px 0px 10px 10px
	
}

#feature-header-y{
	background: url('/images/right-bubble-y.jpg') top left repeat-y;
	width:230px;
	margin-top:10px;
}

#feature-header{
	background: url('/images/right-bubble.jpg') top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	width:222px;
	padding: 9px 0px 5px 10px;
	
}

#feature-footer{
	background: url('/images/right-bubble-bottom.jpg') top left no-repeat;
	height:12px;
	width:232px;
	
}

#feature-y{
	background: url('/images/featurebox-y.jpg') bottom left repeat-y;
	width:232px;
}

#feature-content{
	padding: 9px 0px 15px 6px;
	background: url('/images/featurebox-bottom.jpg') bottom left no-repeat;
}

#feature-content h2{
	color:#850038;
}

a#fma1{
	display:block;	
	background:url('/images/fma-1.jpg') top left no-repeat;
	width:156px;	/*181*/
	height:53px;	/*108*/
	padding:55px 10px 0px 15px;
	margin:15px 10px 0px 40px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

a:hover#fma1{
	background:url('/images/fma-1.jpg') bottom left no-repeat;
	text-decoration:underline;
}

a#fma2{
	margin:8px 10px 0px 40px;
	display:block;	
	background: url('/images/fma-2.jpg') top left no-repeat;
	width:156px;	/*181*/
	height:55px;	/*115*/
	padding:60px 10px 0px 15px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

a:hover#fma2{
	background:url('/images/fma-2.jpg') bottom left no-repeat;
	text-decoration:underline;
}

a#fma3{
	margin:8px 10px 0px 40px;
	display:block;	
	background:url('/images/fma-3.jpg') top left no-repeat;
	width:156px;	/*181*/
	height:55px;	/*115*/
	padding:60px 10px 0px 15px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

a:hover#fma3{
	background:url('/images/fma-3.jpg') bottom left no-repeat;
	text-decoration:underline;
}
.fr a#fma1 {
	background:url('/images/fma-1f.jpg') top left no-repeat;
}
.fr a#fma2 {
	background:url('/images/fma-2f.jpg') top left no-repeat;
}
.fr a#fma3 {
	background:url('/images/fma-3f.jpg') top left no-repeat;
}
.fr a:hover#fma1{
	background:url('/images/fma-1f.jpg') bottom left no-repeat;
	text-decoration:underline;
}
.fr a:hover#fma2{
	background:url('/images/fma-2f.jpg') bottom left no-repeat;
	text-decoration:underline;
}
.fr a:hover#fma3{
	background:url('/images/fma-3f.jpg') bottom left no-repeat;
	text-decoration:underline;
}
/* CONTENT --------------------------------------------------------------------- */

#content-main{
	float:right;
	width:769px;
	border-left:#d7d7d7 solid 1px;
}

#content-main #impact{
    background:url('/images/banner-loading.jpg') top right no-repeat;
	height:100px;
	margin:10px 0px 0px 0px;
}

#breadcrumbs{
	background:url('/images/breadcrumbs-bg.jpg') bottom left repeat-x;
	padding:0px 0px 0px 7px;
	margin-left:10px;
	width:749px;
}

#breadcrumbs span, #breadcrumbs a{
	padding:8px 15px 0px 4px;	
	float:left;
}

#breadcrumbs a{
	color: #666666;
	text-decoration:underline;
	background: url('/images/right-arrow-grey.gif') right 11px no-repeat;	
}

#breadcrumbs a:hover{
	text-decoration:none;	
}

.breadcrumblist{
	width:700px;
	overflow:hidden;
}

.breadhome{
	background:url('/images/breadcrumbs-house.gif') top left no-repeat;
	width:20px;
	height:32px; /*32*/
}

#breadcrumbs .breadhome a{
	display:block;
	height:20px;
	background:none;
}

#content-content{
	width:544px; /*570*/
	padding: 0px 10px 0px 10px;
	border-right:#d7d7d7 solid 1px;
	margin-top:3px;
	overflow:hidden;
}

#content-content a{
	font-weight:bold;
}
.content2colpage #content-content{
	width:750px;
	border:none;
}

.content-link{
	font-size:14px;	
	padding-bottom:5px;
	display:block;
}


#content-right{
	width:189px; /*200*/
	padding: 10px 0px 0px 10px;


}

#c-mailing-list-top{
	background:	url('/images/newsletter-small-top.jpg') top left no-repeat;
	height:4px;
}

#c-mailing-list-y{
	width:190px;
	background:#850038;	
}

#c-mailing-list h3{
	color:#ffffff;	
}

#c-mailing-list{
	background:url('/images/newsletter-bottom-small.jpg') bottom left no-repeat;
	min-height:112px;
	height:auto !important;
	height:112px;
	color:#cccccc;
	font-size:11px;
	padding:0px 5px 0px 10px;
}

#c-mailing-list a{
	color:#967382;
	text-decoration:underline;
}

#c-mailing-list a:hover{
	color:#ffffff;
}

#c-mailing-field{
	border:none;
	background:url('/images/formfield-bg-plain.gif') top left no-repeat;
	border-bottom:#ebebeb solid 1px;
	border-right:#ebebeb solid 1px;
}

#c-mailing-footer{
	margin:5px 0 5px 0;	
}

#c-feature-header-y{
	background: url('/images/right-bubble-small-y.jpg') top left repeat-y;
	width:191px;
	margin-top:10px;
}

#c-feature-header{
	background: url('/images/right-bubble-small.jpg') top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding:9px 0px 5px 10px;
}

#c-feature-footer{
	background: url('/images/right-bubble-small-bottom.jpg') top left no-repeat;
	height:12px;
	width:192px;
	
}

#c-feature-y{
	background: url('/images/featurebox-small-y.jpg') bottom left repeat-y;
	width:192px;
}

#c-feature-content{
	padding: 9px 0px 15px 6px;
	background: url('/images/featurebox-bottom-small.jpg') bottom left no-repeat;
}

#c-feature-content h2{
	color:#850038;
}

#pubone{
	width:187px; /*264*/
	height:23px; /*223*/
	background:url('/images/assessment.jpg') top left no-repeat;
	display:block;
	padding:180px 20px 20px 57px;
	font-weight:bold;
}
.fr #pubone{
	width:170px; /*264*/
	padding:180px 20px 20px 87px;
}

#pubone:hover{
	background:url('/images/assessment.jpg') bottom left no-repeat;
}

#pubtwo{
	width:183px; /*264*/
	height:23px; /*223*/
	background:url('/images/annualreport.jpg') top left no-repeat;
	display:block;
	padding:180px 20px 20px 62px;
	font-weight:bold;
}
.fr #pubtwo{
	width:192px; /*264*/
	padding:180px 20px 20px 52px;
}
#pubtwo:hover{
	background:url('/images/annualreport.jpg') bottom left no-repeat;
}	


/* FOOTER ---------------------------------------------------------------------- */

#footer-y{
	background:url('/images/footer-bg-y.jpg') top center repeat-y;
}

#footer{
	min-height:120px;
	height:auto !important ;
	height:120px;
	background:#FFFFFF url('/images/footer.jpg') top center no-repeat;
	
}

#footer a{
	color:#ffffff;
	text-decoration:none;
	
}

#footer a:hover{
	text-decoration:underline;	
}

#footer-menu-1 a{
	float:left;
	padding:0px 13px 0px 13px;
	margin-top:12px;
	border-right:#565369 solid 1px;
	color:#ffffff;
		
}

#footer-menu-1 .last a{
	border:none;	
}

#footer-menu-1-right a{
	padding:0px 13px 0px 13px;
	margin-top:12px;
	border-right:#565369 solid 1px;
}

#footer-menu-1-right .last a{
	border:none;	
}

#footer-login{
	float:right;
	margin:9px 10px 0px 0px;
	width:150px;	/*150*/
	height:19px;	/*22*/
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#ffffff;
	
	padding: 3px 0 0 0;
	background: url('/images/login.jpg') top left no-repeat;
	
}

#footer-login .fr{
	font-size:9px;
}

#footer-menu-2{
	margin-top:25px;
	padding-left:12px;
	color:#ffffff;
}

#footer-menu-2 a{

	padding:0px 13px 0px 13px;
	border-right:#565369 solid 1px;
	color:#ffffff;
}

#footer-menu-2 .last a{
	border:none;	
}

/* SITE MAP -------------------------------------------------------------------- */

.sitemap ul {
  padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 1px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
	text-transform:uppercase;
	outline:none;
}
.sitemap li li {
  margin: 0px 0px 4px 0px;
	background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
	text-transform:none;
}
.sitemap a:visited {
  color: #999999;
}
.sitemap a:hover {}



/* CUSTOMIZATIONS -------------------------------------------------------------- */


#content-main #tech #impact {
  background:url('/images/ass-header1.jpg') top right no-repeat;
}
#content-main #hydrates #impact {
  background:url('/images/ass-header2.jpg') top right no-repeat;
}

#content-main #arctic #impact {
  background:url('/images/ass-header3.jpg') top right no-repeat;
}

#content-main #flu #impact {
  background:url('/images/ass-header4.jpg') top right no-repeat;
}

#content-main #nano #impact {
  background:url('/images/ass-header5.jpg') top right no-repeat;
}

#content-main #betterresearch #impact {
  background:url('/images/ass-header6.jpg') top right no-repeat;
}

#content-main #groundwater #impact {
  background:url('/images/ass-header7.jpg') top right no-repeat;
}

#content-main #innovation #impact {
  background:url('/images/ass-header8.jpg') top right no-repeat;
}
