/*
* CoBra - Corporate Branding: "Yrityskuvan merkitys yrityksen menestykselle"
* Department of Marketing
* Faculty of Economics and Business Administration
* University of Oulu, Finland
*
* web-framework:	University of Oulu
* modifications: 	Sini Valmari
* date:				2nd of January 2009
*
*/

/*
* Information
* 
* COLORS
* 
* #00407A blue 			"Oulu University Logo"
* #FFFFFF 'white'			"Oulu University Logo"
* #8F8F8C light grey 	"Oulu University Logo Text"
* #000088 'navy' 		(html)
* #01284A  dark blue	OY web background-color
* #663399 violet		OBS web background-color	(html)
*
* LINK COLORS
* A:link	#0000e4	 blue
* A:visited	#880088 'purple'	(html)
* A:hover	#FF0000 'red' 		(html)
*
*
* #003F78 middle-blue	"OY Navigointi = Oikea Ylalinkkitaulukko"
* #DDDDDD light grey (html)
* #EEEEEE lightest grey "left side background color"	(html)
*/

body {
	font-family: 			Arial, Helvetica, sans-serif;
	background-color: 		#663399; /*violetti*/
	background-image: 		none; /*url("../tiedostot2007/grafiikka/taustat/violetti1.gif");*/
	/*background-repeat: 		repeat-y;
	background-attachment:	fixed;
	background-position: 	945px 0px;*/
	margin: 				0px;
	padding: 				0px;
	height: 				100%;
	border:					none; /*LISÄTTY*/
}

img { border: none; } 

A:link 		{ color: #00407A; 	text-decoration: none; border-style: none;} /*#0000e4*/
A:visited 	{ color: #663399; 	text-decoration: none; border-style: none;} /*purple*/
A:hover 	{ color: red; 		text-decoration: underline; border-style: none;}

P, LI, TD { font-size: 13px; } /*100%*/
H5 { font-size: 14px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H4 { font-size: 16px; font-family: "Gill Sans", "Trebuchet MS", Arial; }
H3 { font-size: 18px; font-family: "Gill Sans", "Trebuchet MS", Arial; }

H1, H2, H3, H4, H5 { margin-bottom: 0px;  }

UL LI { margin-left: -12px; }
UL LI LI {
	margin-left: 		-20px;
	list-style-type: 	circle;
	line-height: 		150%;	/*LISÄTTY*/
}

hr { height: 1px; color: #ddd;  }


DIV { 
	border: 		none; 
	text-align: 	left; 
}

DIV#kokosivu {
	position: 		absolute;
	left: 			0px;
	top: 			0px;
	/*width: 			70%;*/
	/*max-width: 		945px; *//*Oulubusinessschool 923px */ /*OY: 771px */
	height: 		99%; /*tyylit2006: 100%*/
	/*min-height:		500px; LISÄTTY*/
	z-index: 		0;
	visibility:		visible;
}


DIV#vasen, DIV#oikea {
    overflow: 			visible;
	border-bottom: 		8px solid black; /*logo-blue #00407A*/
	height: 			100%;
	background-color: 	white;
}


DIV#vasen {
	position: 			absolute;
	left:				0px;
	top:				0px;
	width:				183px;
	/*min-height:			500px; LISÄTTY*/
	z-index:			1;
	background-color: 	#eee; /*lightest gray*/
	visibility: 		visible;
	font-size: 			12px; /*12px*/
	background-image:	url("../grafiikka/bg_vasen_vharmaa.gif");
	background-repeat:	repeat-y;
	margin: 			0px;
}

DIV#vasenylalinkit 	{ 
	height: 229px; 	/*140px*/ /*265*/ /*263*/
} 
DIV#vasenylalinkit P { 
	padding: 6px; margin: 0px;
}
DIV#vasenalalinkit P { 
	padding: 0px 6px 6px 6px; margin: 0px;
}
DIV#vasenruudut 	{ 
	height: 47px; 	/*53*/
} 
DIV#vasenalaosoite 	{
	padding-top: 	20px;
	position:		absolute; /*absolute*/
	/*bottom:		0px;*/
	top:			100px; /*LISÄTTY*/
	left:			15px; /*5px*/
	visibility:		visible;
	width: 			165px;
	height: 		173px;
	font-size: 		9px; /*LISÄTTY 10px*/
}


DIV#vasenylalinkit, DIV#vasenruudut { background-color: black; } /*logo-blue #00407A*/
DIV#vasenylalinkit 			{ padding: 1px;  color: white; font-size: 12px; }
DIV#vasenylalinkit IMG 		{ margin: 0px 4px 2px 0px; }
DIV#vasenylalinkit A:link 	{ color: white; text-decoration: none;  }
DIV#vasenylalinkit A:visited { color: white; text-decoration: none;  }
DIV#vasenylalinkit A:hover 	{ color: yellow; text-decoration: none;  }

DIV#vasenalalinkit { 
	background-image:  	url("../grafiikka/bg_vasenvharmaa.gif");
	background-repeat:	repeat-y;
	margin: 			0px;
	padding: 			0px;
	height:				330px; 	/*LISÄTTY*/
	/*OBS line-height: 160%*/
}
/* DIV#vasenalalinkit img 	{ padding-bottom: 2px; }
DIV#vasenalalinkit a 		{ color: #787878; } GREY */
DIV#vasenruudut 			{ padding: 0px; 	margin: 0px; }
DIV#vasenalaosoite 			{ color: #999999; 	font-size: 9px; /*11px*/	position: absolute; /*relative*/ }
DIV#vasenalaosoite2 		{ color: #999999; 	font-size: 9px; /*11px*/	line-height: 110%; 	border-bottom: 8px solid #663399; } /*#00407A LOGO-BLUE */

/*DIV#vasenalaosoite a 		{color: #787878; } GREY */
/*DIV#vasenalaosoite2 a 	{color: #787878; } GREY */

DIV#vasen INPUT 			{ font-size: 11px; }



DIV#oikea  {
	font-family: 		"Gill Sans", "Trebuchet MS", Arial, sans-serif;
	font-size: 			90%;
	font-weight: 		bold;
	background-color: 	#003F78; /*middle-blue*/
	color: 				white;
	padding: 			0px 0px 0px 0px;
	margin: 			0px;
	position: 			absolute;
	left:				183px;
	top:				0px; /*0px*/
	width: 				762px; /* -> 90% ?*/
	/*max-width: 			740px;*/
	z-index:			2;
	background-color: 	#FFFFFF; /*WHITE*/
	visibility: 		visible;
	margin-right: 		20px; /*40px*/
	/*border-bottom: 		8px solid #00407A;*/
}


DIV#oikea P  { margin: 4px 0px 8px 0px; }
DIV#oikea H4 { margin: 4px 0px 8px 0px; }
DIV#oikea H5 { margin: 4px 0px 8px 0px; }

DIV#logokentta { 
	position: 				relative; 
	left:					0px; 
	top:					0px; 
	width: 					100%; /*560px???*/
	height: 				80px; 
	z-index:				2; 
	background-image: 		url("../grafiikka/logomosaik_vaaka_cobra_v.gif"); /*ylamosaiikki.gif*/ /*Cobra-OY-header-2.gif*/
	background-color: 		#FFFFFF;  /*=WHITE*/
	visibility: 			visible; 
	background-repeat: 		no-repeat; 
	background-position: 	left; 
	border: 				1px none #000000; /*=BLACK*/
}

DIV.otsikkopalkki { 
	font-family: 		"Gill Sans", "Trebuchet MS", Arial, sans-serif; 
	font-size: 			14px; 
	font-weight: 		bold; 
	position: 			relative; 
	left:				0px; 
	top:				0px; 
	width: 				100%; 
	height: 			30px; /*20-32*/
	overflow: 			hidden; 
	z-index:			2; 
	background-color: 	#FFFFFF; /*663399 == 639*/
	visibility: 		visible; 
	background-image: 	url("../grafiikka/bg_menu_violetti.gif"); /*url("../tiedostot2007/grafiikka/vaakapalkki_v.gif"); */
	background-repeat: 	repeat; 
	border: 			1px none #000000; 
	padding: 			0px 0px 0px 20px; /* 5 0 0 0 */
}

/*OMAT -> */
DIV.otsikkopalkki a 		{width: 100%; height: 100%; display: block;}
DIV.otsikkopalkki a:link 	{color: white; text-decoration:none;}
DIV.otsikkopalkki a:visited {color: white; text-decoration:none;}
DIV.otsikkopalkki a:hover 	{color: yellow; text-decoration:underline;}

/*DIV.otsikkopalkki h4 		{ margin: 0px 0px 0px 20px; }*/ /*TODO EI TOIMI!!!!*/
/* <- OMAT*/

DIV#kuvakentta { 
	position: 				relative; 
	left:					0px; 
	top:					0px; 
	width: 					100%; 
	height: 				120px; /*162px*/
	z-index:				2; 
	background-color: 		#eee; 
	visibility: 			visible; 
	background-repeat: 		no-repeat; 
	background-position:	right;  
	padding: 				0px; 
	margin: 				0px; 
}



DIV#sisalto { 
	position: 			relative; 
	left:				0px; 
	top:				0px; 
	width: 				100%; 
	z-index:			2; 
	background-color: 	white; 
	visibility: 		visible; 
	border: 			1px none #000000; /*BLACK*/
	font-family: 		Arial, sans-serif; 
	font-weight: 		normal; 
	color: 				black; 
	margin: 			0px; 
	padding: 			10px 0px 0px 0px; 
}

DIV#vasensisalto { 
	position: 		relative; 
	left:			0px; 
	top:			0px;  
	z-index:		2; 
	visibility: 	visible; 
	overflow: 		visible;  
	padding: 		4px 16px 4px 12px; 
}
 
DIV#oikeasisalto { 
	border-left: 	1px solid #ddd; /*LIGHT GRAY*/
	padding-left: 	6px; 
	position: 		absolute; 
	left: 			65%; 
	top:			10px; /*0px*/
	z-index:		2; 
	visibility: 	visible; 
	overflow: 		visible; 
	padding: 		4px 16px 4px 12px; /*4px 16px 4px 12px;*/
}

SPAN#hae1 { 
	color: 			white; 
	font-size: 		12px; 
	font-weight: 	bold; 
	border: 		1px solid white; 
	background-color: navy; 
	margin: 		8px 4px 4px 2px; 
	padding: 		2px; 
}

DIV#taustamosaiikki { 
	position: 		absolute; 
	left: 			100%; 
	top:			0px; 
	width:			43px; /*32*/
	height: 		100%; 
	background-color: #CCC; 
	visibility: 	visible; 
	z-index: 		3; 
	background-image:   url("../grafiikka/mosaik_pysty_violetti.gif"); /*violetti pystypalkki (muokattu -SV)*/
	background-repeat: repeat-y; 
	border: 		1px none #000000; 
}

FORM { margin: 0px; }


/*
OBS

div#indexnews li {
	margin-bottom: 6px;
}

table#indexbox {
	border-color: #ccc;
	border-style: solid;
	border-width: 0px;
}

table#indexbox img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table#indexbox td {
	padding: 0px;
	margin: 0px;
}

table#indexbox p {
	margin: 0px;
	padding: 0px;
}

*/



.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* HORIZONTAL MENU */

.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url("../menu/bg-bubplastic.gif") top left repeat-x;
}
.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}  
.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url("../menu/bg-bubplastic-button.gif") top left no-repeat;
}

.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 30px; /*35px*/
	float: left;
	/*text-transform: uppercase;*/
	font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif;/*"Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;*/
	font-size: 90%; /*70%*/
	color: #FFFFFF;
	text-decoration: none;
}

.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 30px;  /*35px*/
	background: transparent url("../menu/bg-bubplastic-button.gif") top right no-repeat;
	cursor: pointer;
}
/* END HORIZONTAL MENU */


/* PURPLE HOVER */
.purple ul li a:hover,
.purple ul li.highlight a {
	background: transparent url("../menu/bg-bubplastic-h-purple.gif") top left no-repeat;
}
.purple ul li a:hover span.menu_ar,
.purple ul li.highlight a span.menu_ar {
	background: transparent url("../menu/bg-bubplastic-h-purple.gif") top right no-repeat;
}
/* END PURPLE HOVER */

#test li {
	display: block;
	border: solid 1px red;
}