/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0;	margin:0;	background-image: none; z-index:1;}

html{height:100%;}
body {
	/*background: #FFFFFF url(../images/bg_shadow.gif) repeat-y scroll 50% 0pt;
	background: #FFFFFF url(../images/bg_shadow.gif) repeat-y scroll 50% 0pt;*/
	font-size:56.5%;
	background-color:rgb(255,255,255);
	/*font-family:'Lucida Grande',Geneva,Arial,Trebuchet,Verdana,Helvetica,sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/ 
 /* WinIE hover Behavior Fix behavior:url(csshover.htc); in body*/

.page-container {width:995px; margin:0px auto; height:auto; overflow:visible;}

/*HEADER*/
.header-breadcrumbs {clear:both; width:995px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;	padding-left: 0px; color: #ffffff;}

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0px 0px 0px; font-family:verdana,arial,sans-serif; color:#ffffff; line-height:0px;}

.header-breadcrumbs ul li {display:inline; float: left; padding:0px 0px 0px 0px; background:transparent; font-weight:bold; color:#ffffff; font-size:100%; line-height:0px;}
.header-breadcrumbs ul a {color: #ffffff; text-decoration:none;}
.header-breadcrumbs ul a:visited {color:#ffffff; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#ffffff; text-decoration:underline;}


.main-content {display:inline; /*Fix IE floating margin bug*/	float:left;	width:995px;	margin:0px;	overflow:visible;	z-index:0;}

/* "inside-page-container" is important for text-wrap around right-float objects.  width must be auto and <p> set to 100% */
#inside-page-container {width:auto;	height:auto; margin:0px auto;}

.header {width:1010px; margin-left:-2px !important /*Firefox*/;	margin-left:0px /*IE*/;	overflow:visible;}
.header-top {width:1010px; 	height:113px; background: url(../images/header.jpg) no-repeat;	overflow:visible;	margin-left:-6px;}
.sitelogo {width:377px; height:92px; position:absolute;	z-index:1;	margin:0px 0px 0px 13px;	background:transparent url(../images/logo.jpg) no-repeat scroll 0%;}

/*Drop-down menu*/
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:220px; margin-left:0px; margin-top:15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; padding-bottom:30px; clear:left;}

.next-steps {width:100%; margin-bottom:20px; background-color:#666666; height:110px; padding-bottom:3px;}

.nav2 {white-space:nowrap /*IE hack*/; float:right;	clear:right; width:565px; border:none; font-size:120%; padding-top:5px; height:20px; margin-top:20px;} 
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border: none; text-align:left;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:25px; padding:0px 10px 0px 10px; text-decoration:none; color: #DDDDDD;	font-weight:normal;	line-height:18px!important /*Firefox*/; line-height:20px /*IE6*/; text-align:left;}
.nav2 ul li a:visited {color: #dddddd;}
.nav2 ul li ul {display:none; border:none; width:100%;}

/*Hovering style*/
.nav2 ul li:hover, 
.nav2 ul li.hover,
.nav2 ul li.sfHover {position:relative;}/*Sylvain IE hack*/

.nav2 ul li:hover a, 
.nav2 ul li.hover a,
.nav2 ul li.sfHover a {background-color:#333333; text-decoration:none; color: #ffffff;} /*Color main cells hovering mode*/

.nav2 ul li:hover a:visited, .nav2 ul li.hover a:visited {background-color: #333333; text-decoration:none; color: #FFFFFF;} 

.nav2 ul li:hover ul li a, 
.nav2 ul li.hover ul li a
.nav2 ul li.sfHover ul li a {white-space:nowrap; display:block; width:170px; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #444444; border-top: none; background-color:#333333; font-weight:bold;} /*Color subcells normal mode*/

.nav2 ul li:hover ul li a:hover, 
.nav2 ul li.hover ul li a:hover,
.nav2 ul li.sfHover ul li a:hover {background-color: #666666; text-decoration:none; width:170px !important /*Non-IE6*/; width:auto /*IE6*/;} /*Color subcells hovering mode*/

.nav2 ul li:hover ul, 
.nav2 ul li.hover ul, 
.nav2 ul li.sfHover ul {display:block; width:10px; position:absolute; z-index:1001; top:2.0em; margin-top:0.1em; left:0;}

/*Searchform*/
.searchform {width:290px; height:48px; margin:0px 20px 0px 0px; display:inline; float:right; background:url(../images/search.jpg);}
.searchform p {clear:both; margin:0; padding:0;}
.searchform fieldset {border:none; margin-top:19px; display:inline;}
.searchform input.field {float:left; width:170px; padding:2px 0px 0px 2px !important /*Non-IE6*/; padding:2px 0px 0px 2px /*IE6*/; border:1px solid rgb(200,200,200); font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size:110%; font-style:italic; color: #ffffff; background: #888888;}
.searchform input.button {float:left; width:60px; margin: 0px 5px 0px 5px; display:inline; padding:1px; background:none; border:0px; text-align:center; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; color: #ffffff; font-size:110%;}
.searchform input.button:hover {cursor:pointer; border:0px; color:#777777;}

/*Main Content*/

.nav3 {white-space:nowrap /*IE hack*/; width:350px; border:none; color:#666666; font-size:110%; margin-top:10px; float:left;}
.title {width:345px;	float:right;	margin:7px 15px 0px 0px !important /*Firefox*/;	margin:5px 8px 0px 0px /*IE6*/; text-align:right;}
.main-with-nav {float:left;	width:775px;	height: auto;	margin:0px 0px 0px 0px;}
.main-no-nav {float:left;	width:995px;	height: auto;	margin:0px 0px 20px 0px;}
.middle {width:730px;	height:auto;float:left;	clear:left;	margin: 0px 0px 20px 40px !important /*Firefox*/; margin:0px 0px 20px 20px /*IE6*/; z-index:0;}
.left-column {width:350px; height:auto;	float:left;	color:#333333;}
.right-column {	width:350px;	height:auto;	float:left;	color:#333333;	margin-left:20px;}
.next-step-title {height:30px; width: auto; background:#555; margin-top:17px}
.next-step { width:auto; height:140px; color:#333333; border: solid 1px; border-color: #dddddd; margin-bottom:30px;}
.tall-logos {width:100px; margin-right:25px; float:left; height:100%; padding-bottom:40px; padding-top:30px;}
.tall-publications {width:120px; margin-right:28px; float:left; height:100%; padding-bottom:40px; padding-top:5px;}
.community {width:399px; height:238px; float:left; margin:10px 20px 10px 5px; padding:10px 70px 0px 15px; background-repeat:no-repeat; display: inline;}
.community-r {width:385px; height:238px; float:left; margin:10px 0px 10px 0px; padding:10px 80px 0px 15px; background-repeat:no-repeat; display: inline;}

.footer {border-top:2px solid #ccc; clear:both;	width:985px; overflow:visible !important /*Firefox*/;	overflow:hidden /*IE6*/;	margin:10px auto;	padding-top:10px;	text-align:center; margin-bottom:35px; z-index:1000;}

/* IMAGE SPECIFICS */
.main-content img {border:none;	padding-right:0px;	margin:0px; float:left;}
.main-content img a {border:none;}
.main-with-nav img.ghi {margin-top:15px;}
.community img {margin:10px 10px 10px 0px;}
.community-r img {margin:10px 10px 10px 0px;}
.main-content img.left {margin: 0px;	padding: 0px;	margin-right:7px;	float:left;	clear:none;}
.main-content img.right {margin: 0px 10px 0px 10px;	padding: 0px; float:right;}
.main-content img.none {margin: 15px 10px 15px 10px;	padding: 0px; float:none;}
.tall-logos img {margin-bottom:20px;}


.opaque {opacity: .9;	filter: alpha(opacity=90);}
.error {background-color: rgb(255,255,200);}

/* Bubble pop-up */
.bubbleInfo {position:relative;	float:left;	width: 120px;	height:153 px;	margin-right:8px;	z-index:1;}
.popup {position: absolute;	display: none;	z-index: 100;	border-collapse: collapse;	background:url(../images/pop-bubble.gif) no-repeat;	width:377px;	height:135px;	padding:5px;}

/* PRINTING and MISCELLANEOUS */
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}