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


/****** Start Reset *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****** End Reset *****/


/****** Start Typo *****/

h1 {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	color: #97c246;
	text-transform: uppercase;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

p {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	line-height: 15px;
}

p.Top-Header {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #474747;
	line-height: 40px;
}



a:hover {
	text-decoration: underline;
}


/****** Start Structure *****/

body {
	background-color: #97c246;
}

#Top-Header {
	height: 40px;
	width: 100%;
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/top-bg-tile.gif') repeat-x left;
}

.Top-Header-Content {
	height: 40px;
	width: 950px;
	padding-left: 30px;
}

#Middle-Wrapper-Pattern {
	height: 380px;
	width: 100%;
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/laurea_pattern_02.gif') repeat-x left;
}

#Middle-Wrapper-Dark {
	height: 380px;
	width: 980px;
	background: none #333333;
}

#Logo {
	position: relative;
	top: 30px;
	left: 30px;
}

#Flash-Holder {
	float: right;
	
}

.Image-Wrapper {
	margin: 5px 0 0 27px!important;
	margin: 5px 0 0 14p;
	width: 950px;
	float: left;
}

#Content-Wrapper {
	width: 100%;
	min-height: 300px;
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/content-bg-tile.jpg') repeat-x;
}

.Content-Inner-Wrapper {
	margin: 15px 0 0 30px!important;
	margin: 15px 0 0 15px;
	width: 950px;
	float: left;
}

.Content-Box-Wrapper {
	margin: 15px 0 0 27px!important;
	margin: 15px 0 0 14p;
	width: 950px;
	float: left;
}

.Navi-Item {
	color: #fff;
	float: left;
	margin-right: 5px;
}

.Content-Box {
	margin-right: 13px;
	background:url('http://www.laureasid.com/portals/0/skins/blueskins/images/box-bg.gif') no-repeat;
	height: 120px;
	width: 215px;
	float: left;
	padding: 23px;
}

.clear {
	clear: both;
}



/****** Start Image Buttons *****/


a.btn {
	height: 40px;
	display: block;	
}

a.btn:hover {
	background-position: 0 -40px;
	display: block;
}


/* FIN */

.link-etusivu {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-etusivu.gif') no-repeat top left;
	width: 72px;
}

.link-ajankohtaista {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-ajankohtaista.gif') no-repeat top left;
	width: 119px;
}

.link-tapahtumat {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-tapahtumat.gif') no-repeat top left;
	width: 106px;
}

.link-opiskelu {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-opiskelu.gif') no-repeat top left;
	width: 81px;
}

.link-projektit {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-projektit.gif') no-repeat top left;
	width: 79px;
}

.link-ihmiset {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-ihmiset.gif') no-repeat top left;
	width: 74px;
}

.link-blogit {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-blogit.gif) no-repeat top left;
	width: 63px;
}

.link-SIDforum {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-SIDforum.gif') no-repeat top left;
	width: 87px;
}


/* ENG */

.link-home {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-home.gif) no-repeat top left;
	width: 61px;
}

.link-latest {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-latest-topics.gif) no-repeat top left;
	width: 109px;
}

.link-events {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-events.gif) no-repeat top left;
	width: 68px;
}

.link-studying {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-studying.gif) no-repeat top left;
	width: 82px;
}

.link-projects {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-projects.gif) no-repeat top left;
	width: 75px;
}

.link-people {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-people.gif) no-repeat top left;
	width: 68px;
}

.link-blogs {
	background: url(http://www.laureasid.com/portals/0/skins/blueskins/images/navi-eng-blogs.gif) no-repeat top left;
	width: 60px;
}

.link-SIDforum {
	background: url('http://www.laureasid.com/portals/0/skins/blueskins/images/navi-SIDforum.gif') no-repeat top left;
	width: 87px;
}


/****** Start Login Form *****/


form.White-With-Border input.Text {
	background-color: #fff;
	border: 1px solid #cccccc;
	margin: 0 10px 0 5px;
	padding: 2px 0 3px 2px;
	height: 14px;
	vertical-align: middle;
}
		
form.White-With-Border input:hover {
	border: 1px solid #666666;
}

form.White-With-Border input.OK-btn {
	padding: 0 0 1px 0;
	margin: 0 15px 0 0;
	vertical-align: middle;
	background:url('http://www.laureasid.com/portals/0/skins/blueskins/images/login-btn-bg.gif') repeat-x bottom;
	border: 1px solid #737373;
	color: #474747;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 34px;
	height: 21px;
}

form.White-With-Border input.OK-btn:hover {
	border: 1px solid #98c349;
}


/****** Start Generic Classes *****/

.black {
	color: #000; 
}
a.black:link,a.black:visited, a.black:hover {
	color: #000; 
}

.green {
	color: #5e9929; 
}
a.green:link, a.green:visited, a.green:hover
{ 
   color: #5e9929;
}


.grey {
	color: #737373; 
}
a.grey:link, a.grey:visited, a.grey:hover{
	color: #737373; 
}

.left-float {
	float: left;
}

.right-float {
	float: right;
}