/* Style Sheet file for Nokia Triton */
/* HK/Code/Feb 2002 */

/* positionings & navigation */

#topnavi {
	position : absolute;
	left : 0px;
	top : 5px;
	z-index : 300;
}

#logo {
	position : absolute;
	left : 10px;
	top : 30px;
	z-index : 400;
}

#mainHeading {
	position : absolute;
	left : 170px; 
	top : 34px;
	z-index : 400;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : gray;
}

#horizonNavi { 
	position : absolute;
	left : 10px;
	top : 72px;
	z-index : 300;
	margin : 0px;
}

#horizonSubNavi { 
	position : absolute;
	left : 10px;
	top : 94px;
	z-index : 200;
	margin : 0px;
}

.mainnavi { 
	background-color : #0033cc; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : white;
	font-weight : bold;
}

.mainnaviActive { 
	background-color : #e1e1e1; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black;
	font-weight : bold;
}

.subnavi { 
	background-color : #e1e1e1; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black;
	font-weight : bold;
}

#blue { 
	position : absolute;
	left : 0px;
	top : 72px;
	z-index : 200;
}

#silver { 
	position : absolute;
	left : 0px;
	top : 92px;
	z-index : 100;
}

#pageheader { 
	position : absolute;
	left : 40px;
	top : 132px;
	z-index : 200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000000;
	font-style : normal;
	font-weight : bold;
	/* display : none; 
	visibility : hidden;
	jos otsikot haluttaan piiloon!?! */
}

#mainbgr { 
	position : absolute;
	left : 40px;
	top : 152px;
	z-index : 100;
}

#leftnavi { 
	position : absolute;
	left : 50px;
	top : 162px;
	z-index : 400;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
}


#maincontentarea { 
	position : absolute;
	left : 186px;
	top : 160px;
	z-index : 300;
}

#appletcontentarea { 
	position : absolute;
	left : 178px;
	top : 169px;
	z-index : 300;
}

#popupcontentarea { 
	position : absolute;
	left : 20px;
	top : 10px;
	z-index : 300;
}
#flashbutton { 
	position : absolute;
	left : 610px;
	top : 470px;
	z-index : 500;
}

#flasharea { 
	position : absolute;
	left : 40px;
	top : 152px;
	z-index : 300;
/*	margin : 0px;
	width : 400px;*/
}

#pageimg { 
	position : absolute;
	left : 559px;
	top : 152px;
	z-index : 100;
}

#pageflashimg { 
	position : absolute;
	left : 559px;
	top : 153px;
	z-index : 100;
}

#balls { /* old: in fixed, no-scroll layout 
	position : absolute;
	left : 151px;
	top : 356px;
	z-index : 200;*/
	position : absolute;
	left : 560px;
	top : 420px;
	z-index : 400;
}

#fixedfooter { 
	position : absolute;
	left : 186px;
	top : 490px;
	z-index : 200;
}

#fixedfooterSoftware { 
	position : absolute;
	left : 186px;
	top : 960px;
	z-index : 200;
}

#nextprev { 
	position : absolute;
	left : 508px;
	top : 426px;
	z-index : 400;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	display : none;
}

#nextprevSixteen { /* Swell... */
	position : absolute;
	left : 300px;
	top : 426px;
	z-index : 400;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}

/* basics */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-color : #ffffff; 
	
	margin-top : 0px;
	margin-left : 0px; 
	margin-right : 0px;
	margin-bottom : 0px;
	padding-right : 0px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}

.smaller { /* used in content area for smaller text, in <p> and <li> */
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
}

table, tbody, tfoot, th,  tr, td, blockquote, form, textarea, dl, dd, dt {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

ul, ol, li {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

.square {
	list-style-type : square;
}

ul {
	list-style-type : square;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : whitesmoke;
}

strong { /* this and next needed for Netscape, just in case... */
	font-weight : bold;
}

em { 
	font-style : italic;
}


/* headings */

h1, h2, h3, .contentSubHeading {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-style : normal;
	font-weight : bold;
}

h1 {
	font-size : 17px;
	letter-spacing : 1px;
	padding-top : 0px;
}

h2 {
	font-size : 15px;
	letter-spacing : 2px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

h3 {
	font-size : 13px;
	letter-spacing : 1px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}


/* links */

a:link {
	text-decoration : underline;
	color : #0033cc; /*Nokia blue*/
}

a:visited {
	text-decoration : underline;
	color : #0033cc; /*Nokia blue so far...*/ 
}

a:active {
	text-decoration : none;
	color : black;
}

a:hover {
	text-decoration : none;
}

a.topnavi:link, A.topnavi:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : gray;
}

a.topnavi:hover { 
	text-decoration : none;
	color : silver;
}

.topnavitd { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : gray;
}

a.main:link, A.main:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : white;
}

a.main:hover { 
	text-decoration : none;
	color : silver;
}

a.mainActive:link, A.mainActive:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black;
}

a.mainActive:hover { 
	text-decoration : none;
	color : gray;
}

a.mainSub:link, A.mainSub:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black;
}

a.mainSub:hover { 
	text-decoration : none;
	color : gray;
}

a.mainSubActive:link, A.mainSubActive:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : white;
}

a.mainSubActive:hover { 
	text-decoration : none;
	color : gray;
}

a.leftnavi:link, A.leftnavi:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
}

a.leftnavi:hover { 
	text-decoration : underline;
}

a.leftnaviActive:link, A.leftnaviActive:visited { 
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : gray;
}

a.leftnaviActive:hover { 
	text-decoration : underline;
}

a.coursename:link, a.coursename:visited {
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : gray;
}

a.coursename:hover { 
	text-decoration : underline;
}


/* misc */

#mainPageImg { 
	position : absolute;
	left : 40px;
	top : 118px;
	z-index : 100;
}

#mainPageMaincontentarea { 
	position : absolute;
	left : 56px;
	top : 160px;
	z-index : 300;
	margin : 0px;
	width : 400px;
}

#footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : gray;
}


#textanim { /* in stories page for animated txt */
	position : absolute; 
	left : 239px;
	top : 189px;
	z-index : 200;
}

#storyimages { /* in stories page for animated icons */
	position : absolute; 
	left : 248px;
	top : 341px;
	z-index : 200;
}

#storylinks { /* empty gifs on top of animations */
	position : absolute; 
	left : 484px;
	top : 340px;
	z-index : 300;
}

.red { 
	color : red;
}

.gray { 
	color : #666666;
}

.leftnaviHeading { 
	color : black;
	font-size : 11px;
}

.listIndent {
	padding-left : 18px;
}