@charset "utf-8";
/* CSS Document */

*, p, h1, h2, h3, h4, li, ol, ul, img {
	border:0px;
	margin:0px;
	padding:0px;
	line-height:1em;
	list-style:none;
	outline:none;
}

input, select, textarea {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#container input, #container select, #container textarea {
	font-size:0.93em;
}

h1, h2, h3, h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	color:#006699;
	font-size:1.47em;
	line-height:1.23em;
	margin:0 0 10px 0;
}

h2 {
	color:#666666;
	font-size:1.47em;
	line-height:1.23em;
	margin:0 0 10px 0;
}

h2.orangeTitle{
	color:#fb9707;
	font-size:1.87em;
	font-weight:normal;
	margin:0 15px 10px;
}

h1.orangeTitle{
	color:#006699;
	font-size:1.87em;
	font-weight:normal;
	margin:10px 15px 10px;
}

h3 {font-weight:normal;}
h4 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#006699;
	margin:14px 0px 6px;
}

div.twoColumn h2.orangeTitle {
	margin:0 0 8px;
	padding-top:15px;
}
div.twoColumn h1.orangeTitle {
	margin:0px 0 8px;
	padding-top:15px;
}
p, li {
	line-height:1.67em;
	margin-bottom:12px;
}

a {
	color:#97c00e;/*#8d8d8d;*/
	text-decoration:none;
}

a.contentlink {
	color:#333;/*#8d8d8d;*/
	text-decoration:underline;
}

.font18 {
	font-size:1.2em;
	color:#666666;
}

.clear {
	clear:both;
}

body {
	font-size:100%;
	color:#666;/*#8d8d8d;*/
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
	background:#dedede;
	padding:0px 0 0 0;
}

html {
	height:100%;
}

#container {
	width:970px;
	font-size:0.94em;
	margin:0 auto;
	padding:0px;
	position:relative;
	background:url(../pics/dropShadow.gif) -1940px 0px repeat-y #fff;
}

#header, #content {
	text-align:left;
	width:840px;
	margin:0 auto;
}

#header {
background:url("../pics/dropShadow.gif") repeat-y scroll -1940px 0 #FFFFFF;

	float:left;

	margin:0 auto 0;

	padding:25px 0 0 60px;

	position:relative;

	width:910px;

	z-index:1000;

}

#header img {
	margin-bottom:17px;

}

#header h2 {
	font-size:1.87em;
	color:#666666;
	line-height:1.14em;
	font-weight:normal;
	letter-spacing:0.01em;
}

#header ul {
float:left;

	

	clear:left;

}

#header .nav { margin:0; padding:0;width:910px; padding-bottom:5px;}

#header .nav li{	

	border:0px; 

	background-image:url(../pics/navbreaker.gif); 

	background-position:center right; 

	background-repeat:no-repeat;

}

#header li {

	

	line-height:1em;

	border-right:1px solid #666666;

	display:block;

	float:left; margin-bottom:0;

}



#header a {

	

	display:block;

	float:left

}



#header a:hover {	

	text-decoration:underline;

}



.nav a {
	color:#97c00e;
	font-weight:bold;
} /*#666*/





#header a span {

	padding:8px 10px 4px;

	display:block;

	float:left

}

#header li.last, #footer li.last {

	border:0px;

	background-image:none;



}



#home .home, #ohjelma .ohjelma, #luennoitsijat .luennoitsijat  {

	color:#fff;

	font-weight:bold;

	background: url(../pics/menu.gif) no-repeat right top;

	margin-right:-1px;

	margin-left:-1px; position:relative;

}

#materiaalit .materiaalit  {

	color:#fff;

	font-weight:bold;

	background: url(../pics/menu2.gif) no-repeat right top;

	margin-right:-1px;

	margin-left:-1px; position:relative;
	
}

#home .home span , #ohjelma .ohjelma span, #luennoitsijat .luennoitsijat span #materiaalit .materiaalit span{



background: transparent url(../pics/menu.gif) no-repeat bottom left;





}



/* nav */


#content {
	margin:-40px 0 0px 0;
	position:absolute;
	left:0px;
	width:970px;
	background:url(../pics/dropShadow.gif) -1940px 0px repeat-y;
}

#contentHolder {
	margin-top:40px;
	position:relative;
	width:970px;
}





#headHolder {
	height:315px;
	margin:0px; padding:0px;
	text-align:left;
}



.keepuptodate h2 {
	font-size:1.87em;
	color:#7caa1e;
	font-weight:normal;
}

.keepuptodate p {
	margin-bottom:18px
}

.twoColumn, .oneColumn, .oneAndHalfColumn, .threeColumn {
	margin:0 15px !important;
	margin:0 15px 0 7px;
	width:550px;
	float:left;
}

.dCol1 {
	/*margin:0 225px 0 15px !important;
	margin:0 15px 0 7px;*/
	float:left;
}

.oneColumn {
	width:260px;
}

.oneAndHalfColumn {
	width:320px;
}

.threeColumn {
	width:auto;
	float:none;
}

.row {
	margin:0 0 50px 45px !important;
	margin:0 0 50px 23px;
	clear:both;
	float:left;
	width:870px;
}

.downloadBuckets .row {
	margin-bottom:0px !important;
}

.homeBuckets {
	margin-bottom:50px !important;
}


.greyButton, .blueButton, .bigOrangeButton, .bigGreenButton, .greenButton  {
	background:url(../pics/grey-button.jpg) 0px -34px repeat-x #ffffff;
	height:34px;
	text-align:center;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blueButton {
	background:url(../pics/grey-button.jpg) 0px -136px repeat-x #2fb3cc;
	width:auto;
}

.greenButton {
	background:url(../pics/grey-button.jpg) 0px -468px repeat-x #91C620;
	height:66px;
}

.bigOrangeButton {
	background:url(../pics/grey-button.jpg) 0px -270px repeat-x #2fb3cc;
	height:66px;
	float:left;
}

.bigGreenButton {
	background:url(../pics/grey-button.jpg) 0px -270px repeat-x #75a51b;
	height:66px;
	float:right;
	margin:-41px 35px 0 0 !important;
	margin:-41px 18px 0 0;
}

.bigOrangeButtonHolder {
	float:right;
	margin-top:-80px;
	clear:both;
	width:auto;
	position:relative;
}

.greyButton a, .blueButton span, .bigOrangeButton span, .bigGreenButton span, .greenButton a {
	background:url(../pics/grey-button.jpg) 0px 0px no-repeat;
	height:34px;
	display:block;
	text-decoration:none;
	color:#ef710a;
	float:left;
	font-size:1em;
}

.blueColor a {
	color:#047085;
}

.blueButton span {
	background:url(../pics/grey-button.jpg) 0px -102px no-repeat;
	color:#FFF;
}

.greenButton a {
	background:url(../pics/grey-button.jpg) 0px -402px no-repeat;
	height:66px;
	color:#fff;
}

.greyButton a:hover {
	color:#333;
}

.greenButton a:hover {
	color:#333;
}

.bigOrangeButton span {
	background:url(../pics/grey-button.jpg) 0px -204px no-repeat;
	height:66px;
	float:left;
}

.bigGreenButton span {
	background:url(../pics/grey-button.jpg) 0px -204px no-repeat;
	height:66px;
	float:left;
}

.greyButton span, .blueButton input, .bigOrangeButton input, .greenButton span {
	background:url(../pics/grey-button.jpg) 100% -68px no-repeat;
	display:block;
	height:34px;
	line-height:2.2em;
	padding:0 15px;
	float:left;
	font-weight:bold;
	cursor:pointer;
}

.blueButton input, div#header ul#contactRight li.blueButton input,  ul#contactRight li.blueButton input {
	background:url(../pics/grey-button.jpg) 100% -170px no-repeat;
	color:#fff;
	padding:0px 12px 3px !important;
	padding:0px 12px 0px;
	width:auto;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:0px;
}

.greenButton span {
	background:url(../pics/grey-button.jpg) 100% -534px no-repeat;
	height:66px;
	padding:0 34px;
	font-size:1.67em;
	line-height:66px;
}

.bigOrangeButton input, .bigGreenButton input {
	background:url(../pics/grey-button.jpg) 100% -336px no-repeat;
	height:66px;
	color:#FFF;
	font-size:1.67em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 24px 5px;
	cursor:pointer;
	width:auto;
	float:left;
}

.bigGreenButton input {
	background:url(../pics/grey-button.jpg) 100% -336px no-repeat;
}

.bigGreenButton2 input {
	background:url(../pics/grey-button.jpg) 100% -336px no-repeat;
}

.buttonRight {
	float:right;
}

#downloadListHolder {
	position:relative;
	width:840px;
	left:0px;
	height:1px;
}

#downloadList {
	position:absolute;
	top:-25px;
	right:0px;
	float:right;
	clear:both;
	
}

#downloadList .blueButton {
	margin-bottom:2px;
	float:left;
}

.downloadCount {
	clear:both;
	width:750px;

	display:block;
	background:url(../pics/downloadCount.gif) top left no-repeat;
	text-align:left;
	font-size:0.8em;
	color:#000;
	line-height:10px;
	position:relative;
	bottom:10px;
	margin-top:4px;
	margin-left:5px;
}

.downloadCount h2 {
	margin-left:40px;
	

				   }
				   
				   
.downloadCount h2 a:hover{
	color:#97c00e;/*#8d8d8d;*/
	text-decoration:underline;
	}

.downloadCount_no {
	clear:both;
	width:750px;

	display:block;
	background:url(../pics/downloadCount_no.gif) top left no-repeat;
	text-align:left;
	font-size:0.8em;
	color:#000;
	line-height:10px;
	position:relative;
	bottom:10px;
	margin-top:4px;
	margin-left:5px;
}

.downloadCount_no h2 {
	margin-left:40px;
	

				   }
				   
				   
.downloadCount_no h2 a:hover{
	color:#97c00e;/*#8d8d8d;*/
	text-decoration:underline;
	}


.bigOrangeButtonHolder .downloadCount {
	bottom:0px;
}

#downloadList ul {
	width:173px;
	background:#FFF;
	border:1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0px;
}

#downloadList li {
	float:none;
	margin:10px;
	border:0px;
	display:block;
}

#downloadOverlay {
	width:960px;
	/*height:auto !important;*/
	/*min-height:253px;*/
	/*height:253px;*/
	background:url(../pics/overlay-background.jpg) top left repeat-x;
	position:absolute;
	top:17px;
	left:-60px;
	display:none;
}

#downloadOverlay .hideBtn {
	color:#f9be05;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.07em;
	font-weight:bold;
	padding-top:30px;
	line-height:1em;
	background:url(../pics/hide-arrow.gif) top center no-repeat;
	display:block;
	float:right;
	margin:13px 58px 0 0 !important;
	margin:13px 29px 0 0;
}

#downloadOverlayInner {
	width:840px;
	margin:0 auto;
	color:#FFF;
	padding-bottom:40px;
}

#downloadOverlay h2 {
	font-size:1.47em;
	line-height:1.23em;
	color:#FFF;
	padding:10px 0 10px 67px;
}

#downloadOverlay fieldset {
	width:330px;
	float:left;
	padding:23px 0 0 0;
}

#downloadOverlay ul {
	margin:0px;
}

#downloadOverlay li {
	display:block;
	border:0px;
	margin-bottom:17px;
	padding:0px;
}

#downloadOverlay label {
	font-size:1.07em;
}

#downloadOverlay label span {
	font-size:0.69em;
}

#downloadOverlay label strong {
	color:#ffcc00;
	font-size:0.75em;
}




.checkOn {
	background:url(../pics/pseudoCheck.gif) top left no-repeat;
}

.heroCopy {
	width:520px;
}

.quote, .keepuptodate {
	float:right;
	padding-top:6px;
}

.quoteName {
	font-size:0.8em;
	color:#999999;
	margin-bottom:0px;
}

.quoteName strong {
	font-size:1.5em;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:1.56em;
}

.quoteCopy, .quoteCopyWQ {
	color:#999999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.27em;
	padding-left:26px;
	background:url(../pics/quotes1.gif) 0px 0px no-repeat;
	margin:0 0 10px -26px;
}

.quoteCopyWQ {
	background:url(../pics/base-grey-panel_narrow.jpg) bottom left no-repeat #eee;
	margin:0px 0px 0px;
	padding:0 0 50px 0;
}

.quoteCopyWQ div {
	background:url(../pics/top-grey-panel_narrow.jpg) top left no-repeat;
	padding:16px 20px;
}

.quoteCopyWQ p, .quoteCopyWQ li {
	line-height:1.3em;
	color:#666;
}

.quoteCopyWQ li {
	margin-left:1em;
	list-style:disc;
	font-size:0.85em;
}

div.twoColumn h2.noTop {
	padding-top:0px;
}

.quoteCopy span {
	background:url(../pics/quotes2.gif) 100% 100% no-repeat;
	padding-right:26px;
}

.downloadBuckets {
	padding:30px 0 0 0;
	background:url(../pics/htmlDownloadList-background.jpg) top left repeat-x;
	width:960px;
	margin:0 auto;
}

.downloadBuckets h2 {
	font-size:1.47em;
	color:#333333;
	line-height:1em;
	margin-bottom:30px;
}

.downloadBuckets h3 {
	color:#666;
	font-size:1.07em;
	line-height:1.1em;
	margin-bottom:5px;
}

.htmlDownloadList li {
	clear:left;
	float:left;
	width:260px;
/*	width:220px;  /*One Column*/
/*	width:300px;  /*One And Half Column*/
	margin-bottom:55px;
}



.htmlDownloadList p {
	color:#666666;
	font-size:0.8em;
}

.alreadyinList a {
	color:#047085;
	font-size:0.8em;
	text-decoration:underline;
}

.alreadyinList p {
	color:#000;
	padding-left:20px;
	background:url(../pics/green-check-mark.gif) center left no-repeat;
	font-size:1.07em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:0px;
}

#footer {
	width:960px;
	background:#eeeeee;
	padding:15px 0;
	clear:both;
	height:70px;
	margin: 0 auto;
	text-align:left;
}

#footer ul {
	width:850px;
	margin:0 auto;
}

#footer li {
	display:inline;
	padding:0 5px;
	border-right:1px solid #666666;
	font-size:0.73em;
	color:#666;
}

#footer a {
	color:#666;
}

#footer a:hover {
	text-decoration:underline;
	color:#333;
}

.loadImageEarly {
	position:absolute; 
	left:-900em;
	top:0px;
}

#downloadPageTop {
	margin:40px 0 0 45px !important;
	margin:40px 0 0 23px;
}

#downloadPageTop .heroCopy {
	margin-top:40px !important;
}

#registration {
	width:757px;
	display:none;
	text-align:left;
	font-size:0.94em;
}

#registration2 {
	width:757px;
	display:none;
	text-align:left;
	font-size:0.94em;
}


#registration h2 {
	background:url(../pics/registration-date.gif) top left no-repeat;
	margin:0 32px 20px;
	padding:31px 0 40px 110px;
	font-size:2.33em;
	line-height:1.17em;
	font-weight:normal;
	color:#75a51b;
}

#registration2 h2 {
	background:url(../pics/registration-date.gif) top left no-repeat;
	margin:0 32px 20px;
	padding:31px 0 40px 110px;
	font-size:2.33em;
	line-height:1.17em;
	font-weight:normal;
	color:#75a51b;
}

#registration p {
	color:#000;
}

#registration2 p {
	color:#000;
}


#registration .pseudoCheck {
	margin-right:10px;
}

#registration2 .pseudoCheck {
	margin-right:10px;
}


#registrationTop {
	background:url(../pics/registration-background.png) top left no-repeat;
	width:757px;
	height:8px;
	float:left;
}

#registrationBottom {
	background:url(../pics/registration-background.png) -757px 0px no-repeat;
	width:757px;
	height:8px;
	clear:both;
	float:left;
}

#registrationMiddle {
	background:url(../pics/registration-background.png) -1514px 0px repeat-y;
	width:757px;
	padding:28px 0px;
	position:relative;
	clear:both;
	float:left;
}

#registrationMiddle .closeBtn {
	position:absolute;
	top:10px;
	right:20px;
	width:28px;
	height:28px;
	background:url(../pics/close-btn.gif) top left no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-1000em;
}


#formHolder { 
	margin:0px auto;
	background:#d6d6d6;
	width:689px;
	padding:0 0 30px 0;
}


.formMeta {
	margin:0 50px 0 110px;
	padding-top:15px;
	color:#333;
}

#htmlButtons {
	width:237px;
	padding:87px 0 67px;
}

#htmlButtons li {
	width:260px;
	height:62px;
	background:url(../pics/htmlButtons.jpg) top left no-repeat;
	margin-bottom:20px;
}

#htmlButtons a {
	display:block;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:62px;
	padding-left:80px;
	font-size:1.47em;
	font-weight:bold;
}

#htmlButtons a:hover {
	color:#333;
}

#htmlButtons li.caseStudies {
	background:url(../pics/htmlButtons.jpg) bottom left no-repeat;
}

h2.noLeftMargin {
	margin-left:0px;
}

ul.bulletList li {
	margin-left:1em;
	line-height:1.5em;
	list-style:disc;
}

#sitemap div.hmb-top {
	margin:75px 0 55px 60px !important;
}

.hmb-top {
	width:260px;
	background:url(../pics/home-bucket-box.gif) -260px 0 repeat-y;
	margin-bottom:20px;
}

.hmb-bottom {
	width:260px;
	background:url(../pics/home-bucket-box.gif) 0px 0px no-repeat;
}

.hmb-mid {
	padding:18px 18px 6px;
	background:url(../pics/home-bucket-box.gif) -520px 100% no-repeat;
}

.hmb-mid li {
	list-style:disc;
	margin-left:1em;
	color:#006699;
}

#contactus {
	background:url(../pics/contactus.gif) 100% -29px no-repeat;
	height:29px;
	float:right;
	position:absolute;
	top:5px;
	right:70px;
	z-index:1200;
}

#contactus a {
	background:url(../pics/contactus.gif) top left no-repeat;
	display:block;
	height:29px;
	color:#ff6600;
	line-height:1.7em;
	padding:0px 19px;
	float:left;
}

#contactus a:hover, #contactus .contactuson {
	color:#00BADC;
}

#contactOverlay {
	width:504px;
	background:url(../pics/contact-background.png) 0px 100% no-repeat  !important;
	background:url(../pics/contact-background.gif) 0px 100% no-repeat;
	position:absolute;
	top:5px;
	right:30px;
	padding-bottom:10px;
	text-align:left;
	display:none;
	z-index:1100;
}

#contactBackground {
	background:url(../pics/contact-background.png) -504px 0px repeat-y  !important;
	background:url(../pics/contact-background.gif) -504px 0px repeat-y;
	float:left;
	width:100%;
}

#contactTop {
	background:url(../pics/contact-background.png) -1008px 0px no-repeat  !important;
	background:url(../pics/contact-background.gif) -1008px 0px no-repeat;
	padding-top:10px;
	float:left;
	width:100%;
}


div#header div#contactOverlay li, div#contactOverlay li {
	display:block;
	border:0px;
	padding:0px;
}

div#header div#contactOverlay a, div#contactOverlay a {
	color:#00badd;
	text-decoration:underline;
}

div#header #contactLeft, #contactLeft {
	width:210px;
	float:left;
	margin:0px 0 0 30px !important;
	margin:0px 0 0 15px;
	font-size:0.8em;
}

div#header #contactLeft ul {
	margin-left:0px;
}

div#header #contactLeft li, #contactLeft li {
	margin-bottom:5px;
}

div#header #contactLeft li.emailAddy, #contactLeft li.emailAddy {
	font-size:1.25em;
	margin-bottom:20px;
}

div#header #contactRight, ul#contactRight {
	width:210px;
	float:right;
	margin:00px 30px 0 0 !important;
	margin:00px 15px 10px 0;
}

div#header ul#contactRight li, ul#contactRight li {
	float:left;
	margin-bottom:10px;
}

div#header  p.contactParaTop {
	margin:50px 30px 20px 30px;
	line-height:1.2em;
}

div#header ul#contactRight input, div#header ul#contactRight select, div#header ul#contactRight textarea,
ul#contactRight input, ul#contactRight select, ul#contactRight textarea {
	border:1px solid #cccccc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 4px;
	display:block;
	width:200px;
	color:#999999;
	float:left;
}

div#header ul#contactRight select, ul#contactRight select {
	width:210px;
}

div#header ul#contactRight textarea, ul#contactRight textarea {
	height:119px;
}

p.boldPara {
	font-size:1.2em;
	color:#666666;
}

#webinarsTable {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:28px;
	width:860px;
}

#webinarsTable caption {
	display:none;
}

#webinarsTable th {
	font-size:1.2em;
	color:#006699;
	padding:0 8px 8px 0;
}

#webinarsTable td {
	padding:13px;
	font-size:0.8em;
	color:#333;
	background:#e3e3e3;
	line-height:1.3em;
}

#webinarsTable td.arrow {
	padding:0 0 0 8px;
	background:#fff;
}

#webinarsTable td.arrow a {
	width:32px;
	height:auto !important;
	height:35px;
	min-height:35px;
	text-indent:-1000em;
	overflow:hidden;
	display:block;
	background:url(../pics/arrow.jpg) left center no-repeat;
}

#webinarsTable td.arrow a:hover {
	background:url(../pics/arrow.jpg) right center no-repeat;
}

#skip a, #skip a:hover, #skip a:visited
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:active, #skip a:focus
{
	position:static;
	width:auto;
	height:auto;
	color:#000;
	background:#fff;
	padding:5px;
	border:1px solid #000;
	margin-bottom:5px;
} 

.bio, program {
	border-bottom:2px solid #fff;
	margin-bottom:8px;
	margin-left:10px;
	margin-right:10px;
}

.blo_block{
	border-bottom:10px solid #e3e3e3;
	border-left:10px solid #e3e3e3;
	margin-bottom:10px;
	/*background:#e3e3e3;*/
}