@import '/cms/styles/common.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

body {
	background: #c7dde4 url('/images/bgx.gif') top repeat-x;
}

#bgy {
	background: url('/images/bgy.gif') center repeat-y;
}
#bg-top {
	background: url('/images/bg-top.jpg') top center no-repeat;
}
#bg-bottom {
	background: url('/images/bg-bottom.gif') top center no-repeat;
	height:6px;
}

#page {
	width:900px; 
	margin:0 auto;
	background-color:#FFFFFF; 
}



/* HEADER ---------------------------------------------------------------------- */

#printheader {
	display:none;
}

#header {
	background:url('/images/header-bg.jpg') top left no-repeat;
	height:109px;
}

#header-left {
	width:140px;
	padding:70px 0 0 10px;
}

#header a {
	color:#666666;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	outline:none;
}
#header a:hover {
	color:#5990a6;
}

#header-left #homelink {
	background:url('/images/icon-home.gif') left no-repeat;
	padding-left:15px;
	line-height:20px;
}
#header-left #contactlink {
	background:url('/images/icon-contact.gif') left no-repeat;
	padding-left:15px;
}

#header-right {
	width:140px;
	float:right;
	text-align:right;
	display:inline;
	padding:70px 10px 0 0;
}
#header-right #langlink {
	background:url('/images/icon-lang.gif') left no-repeat;
	padding-left:15px;
	line-height:20px;
}
#header-right #sitemaplink {
	background:url('/images/icon-sitemap.gif') left no-repeat;
	padding-left:17px;
}

#logo {
	width:570px;
	text-align:center;
	padding:10px 30px 0 0;
}
#logo a {
	outline:none;
}
#logo a img {
	width:95px;
	height:95px;
}



/* MENU ------------------------------------------------------------------------ */

/*
#menu {
	background: #a30000 url('/images/menu-bg.gif') top repeat-x;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	height:1%;
}

#menu li {
	padding: 0 2px 0 0;
	background:url('/images/menu-separator.gif') right repeat-y;
}
#menu li.last {
	padding: 0;
	background: none;
}

#menu a {
	color:#ffffff;
	padding:5px 7px;
	font-size:11px;
	text-decoration:none;
	float:left;
	outline:none;
}
#menu a:hover {
	background: #000000 url('/images/menu-hover.gif') top repeat-x;
}
*/

#menu {
	background: #a30000 url('/images/menu-bg.gif') top repeat-x;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height:1%;
}

#menu ul {
  text-align:center; 
  width: 100%;
}

#menu li {
  float: none;
 	display: -moz-inline-box;
  display: inline-block;
	padding: 0 2px 0 0;
	margin: 0px;
	background:url('/images/menu-separator.gif') right repeat-y;	
}
#menu li.last {
	padding: 0;
	background: none;
}

#menu a {
  xdisplay: -moz-inline-block;
  display: inline-block;
	color:#fff;
	padding:5px 7px;
	font-size:11px;
	text-decoration:none;
	outline:none;
	margin:0 0 0 -0.28em;
}
#menu a:hover, 
.root-281 #menu1, .root-395 #menu1, 
.root-285 #menu2, .root-413 #menu2, 
.root-291 #menu3, .root-417 #menu3,
.root-300 #menu4, .root-470 #menu4,
.root-301 #menu5, .root-473 #menu5,
.root-302 #menu6, .root-478 #menu6,
.root-303 #menu7, .root-485 #menu7 {
	background: #333 url('/images/menu-hover.gif') top repeat-x;
}
  



/* SUBNAVIGATION --------------------------------------------------------------- */

#nav {
	width:170px;
}

#rootname {
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
}
#rootname #unlink, #rootname a {
	padding:5px 7px;
	background: #a50000 url('/images/rootname-bg.gif') top repeat-x;
	color:#ffffff;
	text-decoration:none;
	display:block;
	outline:none;
}
#rootname a:hover {
	background: #343434 url('/images/rootname-hover.gif') top repeat-x;
}

#subtree {
	background-color:#bccad2;
}

#nav ul.depth_0, #nav ul.depth_0 ul, #nav ul.depth_0 li {
	margin:0;
	padding:0;
	background:none;
}
#nav ul.depth_0, #nav ul.depth_0 ul {
	height:1%;
}
#nav ul.depth_0 li {
	border-bottom:1px solid #bcccd4;	
}
#nav ul.depth_0 li a {
	background:url('/images/nav-bg.jpg') top left no-repeat;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:4px 5px 4px 20px;
	outline:none;
}

#nav ul.depth_0 li li {
	border:0;
	height:1%;	
}
#nav ul.depth_0 li li a {
	background:url('/images/nav-bg3.jpg') top left no-repeat;
	padding:2px 5px 2px 35px;
	font-size:11px;
}

#nav ul.depth_0 li li li a {
	background:url('/images/nav-bg2.gif') left repeat-y;
	padding:2px 5px 2px 45px;
}

#nav ul.depth_0 li.navactive a {
	color:#ffe7a2;
}
#nav ul.depth_0 li.navactive li a {
	color:#ffffff;
}

#nav ul.depth_0 li a:hover {
	background-image: url('/images/nav-hover.jpg');
	color:#990000;
}
#nav ul.depth_0 li li a:hover {
	background:url('/images/nav-hover3.jpg') top left no-repeat;
	color:#990000;
	padding-top:1px;
	border-top:1px solid #9faeb3;
}
#nav ul.depth_0 li li li a:hover {
	background-image: url('/images/nav-hover2.gif');
}

#subnav {
	background:url('/images/nav-bottom.jpg') top left no-repeat;
	height:auto !important;
	min-height:250px;
	height:250px;
	padding:10px;
}



/* HOME ------------------------------------------------------------------------ */	

#impact {
	background:url('/images/impact-bottom.jpg') bottom left no-repeat;
	padding:0 0 13px 0;
	height:1%;
}

#impact-left {
	width:150px;
	height:275px;
	background:url('/images/impact-left-bg.jpg') top left no-repeat;
	overflow:hidden;
}

#impact-left ul {
	width:150px;
	padding:0;
	margin:0;
}
#impact-left li {
	padding:0 0 2px 15px;
	background:url('/images/targets-separator.gif') bottom repeat-x;
	list-style:none;
}
#impact-left li a {
	color:#ffffff;
	background:url('/images/targets-bullet.gif') left no-repeat;
	padding:8px 5px 8px 18px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	outline:none;
}
#impact-left li a:hover {
	color:#d1e5ee;
}

#impact-image {
	height:275px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow:hidden;
}
.impact1 { 
	background-image:url('/images/impact-parents.jpg'); 
	width:282px;
	padding:0 0 0 95px;
}
.impact2 { 
	background-image:url('/images/impact-healthcare.jpg'); 
	width:266px;
	padding:0 0 0 111px;
}
.impact3 { 
	background-image:url('/images/impact-specific.jpg'); 
	width:286px;
	padding:0 0 0 91px;
}
.impact4 { 
	background-image:url('/images/impact-media.jpg'); 
	width:306px;
	padding:0 0 0 71px;
}

.impact1-fr { 
	background-image:url('/images/impact-parents.jpg'); 
	width:282px;
	padding:0 0 0 95px;
}
.impact2-fr { 
	background-image:url('/images/impact-healthcare-fr.jpg'); 
	width:274px;
	padding:0 0 0 103px;
}
.impact3-fr { 
	background-image:url('/images/impact-specific-fr.jpg'); 
	width:279px;
	padding:0 0 0 98px;
}
.impact4-fr { 
	background-image:url('/images/impact-media-fr.jpg'); 
	width:292px;
	padding:0 0 0 85px;
}

#impact-text {
	margin:222px 0 6px 0;
	padding:0 10px 0 0;
	color:#fff;
	height:30px;
	overflow:hidden;
}
#impact-more {
	color:#fff;
	text-align:right;
	padding:0 10px 0 0;
}	
#impact-more a {
	color:#fff;
	font-size:10px;
}
#impact-more a:hover {
	color:#b8e1f1;
}
	
#impact-right {
	width:373px;
	height:275px;
	background:url('/images/impact-right-bg.jpg') top left no-repeat;
	overflow:hidden;
}

#search {
	color:#4c4c4e;
	font-weight:bold;
	line-height:30px;
	height:30px;
	overflow:hidden;
	padding-right:10px;
}
#search .label {
	float:right;
	margin-right:5px;
	display:inline;
}
#search .field {
	float:right;
	margin-right:5px;
	display:inline;
	padding-top:5px;
}
#search .field input {
	width:200px;
}

#search .button {
	float:right;
	padding-top:7px;
}


.immunobox {
	height:73px;
	margin-bottom:1px;
	padding:5px 10px 2px 15px;
	line-height:13px;
}
.immunobox h2 {
	font-size:12px;
	color:#4e4e4e;
	margin:0 0 3px 0;
}
.immunobox .morelink a:hover {
	color:#ffffff;
}

#immunotop .morelink {
	background-image:url('/images/more-bg2.gif');
}
#immunomiddle .morelink {
	background-image:url('/images/more-bg3.gif');
}
#immunobottom .morelink {
	background-image:url('/images/more-bg4.gif');
}
	
#home-middle .left, #home-middle .right, #home-bottom .left, #home-bottom .middle, #home-bottom .right {
	height:auto !important;
	min-height:155px;
	height:155px;
}

#home-middle .left {
	background:url('/images/home-left-bg.gif') top repeat-x;
	width:539px;
	padding:0 12px 8px 12px;
	border-right:1px solid #c4c3bf;
}
	
#home-middle .right {
	background:url('/images/home-right-bg.gif') top repeat-x;
	width:315px;
	padding:0 12px 12px 8px;
	border-left:1px solid #c4c3bf;
	border-bottom:1px solid #c4c3bf;
	margin-left:-1px;
}

#home-bottom .left, #home-bottom .middle {
	width:257px;
	background:url('/images/home-left-bg.gif') top repeat-x;
	padding:8px 12px 8px 12px;	
}

#home-bottom .middle {
	border-right:1px solid #c4c3bf;
	border-left:1px dotted #d8dcdd;
}

#home-bottom .right {
	background:url('/images/home-right-bg.gif') top repeat-x;
	width:315px;
	padding:8px 12px 12px 8px;
	border-left:1px solid #c4c3bf;
	margin-left:-1px;
}
#home-bottom .right li {
	padding-bottom:15px;
}

#home-middle .right h2, #home-bottom .right h2 {
	background:url('/images/h2-home-right-bg.jpg') top left no-repeat;
	color:#1c4153;
	font-size:14px;
	padding:5px 5px 6px 30px;
	margin:0 0 8px 0;
}

#home-middle .left h2, #home-bottom .left h2, #home-bottom .middle h2 {
	background:url('/images/h2-home-left-bg.jpg') top left no-repeat;
	color:#1c4153;
	font-size:14px;
	padding:5px 5px 6px 30px;
	margin:0 0 8px 0;
}

/* START: various H2 home page heading sizes - added by Ed Brandon */

#home-middle .full h2 {
width: 504px;
}

/* END:   various H2 home page heading sizes - added by Ed Brandon */

/* CONTENT --------------------------------------------------------------------- */

#banner {
	background:url('/images/banner-bg.jpg') top left no-repeat;
	border-bottom:2px solid #ffffff;
	height:45px;
}
#banner .col {
	float:right;
}
#banner #label {
	color:#4b4b4b;
	font-weight:bold;
	font-size:12px;
	padding:15px 10px 15px 0;
}
#banner #field {
	padding:13px 10px 0 0;
}
#banner #field input {
	width:200px;
}
#banner #button {
	padding:17px 10px 0 0;
}

#breadcrumbs {
	margin:0 0 20px 0;
}
#breadcrumbs, #breadcrumbs * {
	font-size:10px;
}

#content {
	background:url('/images/content-bg.gif') 724px 0px repeat-y;
}

#content-wrapper {
	background:url('/images/content-bottom.jpg') bottom right no-repeat;
}

#content-content {
	width:531px;
	background:url('/images/content-content-bg.jpg') top left no-repeat;
}

#content-full {
	width:706px;
	background:url('/images/content-full-bg.jpg') top left no-repeat;
}

#content-content, #content-full {
	padding:10px 12px;
	height:auto !important;
	min-height:400px;
	height:400px;
}

/* CONTENT RIGHT --------------------------------------------------------------- */

#content-right {
	width:175px;
	background:url('/images/content-right-bg.jpg') top left no-repeat;
	height:auto !important;
	min-height:306px;
	height:306px;
}

#rightnav ul, #rightnav li {
	margin:0;
	padding:0;
	background:none;
	border-bottom:1px solid #D2DCDE;
}

#rightnav li {
	border-bottom:1px solid #e1edf1;
}
#rightnav li a {
	text-transform: uppercase;
	color:#37505c;
	background:url('/images/rightnav2-bg.jpg') top left no-repeat;
	padding:6px 5px 6px 40px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	outline:none;
}
#rightnav li.first a {
	background-image:url('/images/rightnav1-bg.jpg');
}	
#rightnav li a:hover {
	color:#647d88;
}

#rightsubnav {

	padding:25px 0 0 5px;
}

#content-right h1, #content-right h2 {
	background:url('/images/right-h1.gif') top right no-repeat;
	font-size:12px;
	padding:4px 5px 4px 27px;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background: #cad5d9 url('/images/footer-bg.gif') top repeat-x;
	border-top:1px solid #cccccc;
	padding:5px 12px;
	height:1%;
	margin: 2px 0 15px 0;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
}

#footer li {
	background:none;
}
#footer li a {
	color:#333333;
	border-right:1px solid #aaaaaa;
	padding-right:10px;
	margin-right:10px;
	text-decoration:none;
	float:left;
	display:inline;
	outline:none;
}
#footer li.last a {
	border:none;
	margin:0;
	padding:0;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer #copyright {
	color:#616161;
	margin-top:7px;
	font-size:10px;
}
#footer #copyright a {
	color:#616161;
	font-size:10px;
}



/* FORMS ----------------------------------------------------------------------- */

input.shaded, textarea.shaded {
	border:none;
	color:#999;
	padding:4px 2px 2px 4px;
	font-size:10px;
	background:url('/images/textfield-bg.gif') top left no-repeat;
}
textarea.shaded {
	width:375px;
	height:100px;
}
select.shaded {
	border:1px solid #ccc;
	color:#999999;
	padding:0;
}
input.button {
	color:#fff;
	font-weight:bold;
	background-color:#eee;
	padding:5px 10px;
	cursor:pointer;
	background:url('/images/button-bg.gif') top repeat-x;
	border:none;
}	


.label {
	font-weight:bold;
	width:110px;
}

input.fullwidth {
	width:175px;
}
select.fullwidth {
	width:182px;
}
textarea.fullwidth {
	width:350px;
}

form#contactform {
	margin-top:10px;
}

form#contactform .row {
	margin-bottom:5px; 

}

form#contactform input.shaded, form#contactform textarea.shaded {
	border-right:1px solid #ddd; 
	border-bottom:1px solid #ddd; 
}
form#contactform input.button {
	border:none;
}




/* SEARCH -------------------------------------------------------------------- */

#searchpage .button {
	margin:3px 0 0 7px;
}
#searchpage .input input {
	width:260px;
}
#searchpage #searchstats {
	margin:20px 0;
}
#searchpage #searchstats * {
	color:#aaa;
	font-size:10px;
}
#searchpage #numresults {
	color:#999;
	font-size:12px;
}
#searchpage #numresults span {
	font-weight:bold;
	color:#666;
	font-size:13px;
}
#searchpage .paging {
	margin:10px 0;
	line-height:12px;
	text-align:right;
	color:#666;
}
#searchpage .paging a {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding:0 4px;
	font-family:"Courier New", Courier, monospace;
	outline:none;
	color:#3A819F;
}
#searchpage .paging a:hover {
	background-color:#326D81;
	color:#fff;
}
#searchpage .result a {
	font-weight:bold;
	font-size:13px;
}
#searchpage #noresults {
	font-size:13px;
	font-weight:bold;
	color:#aaa;
}



	


/* SITE MAP --------------------------------------------------------------------- */

.sitemap ul {
	margin:0 0 0 50px;
}
.sitemap ul ul {
	padding:0 0 0 22px;
	margin:0;
}
.sitemap li {
	background:none;
	list-style-image:url('/images/bullet-page.gif');
	margin:0 0 10px 0;
	background:none;
	padding:0;
}
.sitemap li a {
	font-size:12px;
	font-weight:bold;
}
.sitemap li li {
	margin: 0 0 4px 0;
	list-style-image:none;
	list-style-type:circle;	
}
.sitemap li li a {
	font-size:10px;
	font-weight:normal;
}
.sitemap li li li {
	margin:0;
}
.sitemap a:visited {
	color:#8899a4;
}
.sitemap a:hover {
	color: #cf4747; 
}


	
/* CUSTOMIZATIONS -------------------------------------------------------------- */

.morelink a {
	font-size:9px;
}