/* THIS ONE IS FOR ALL THE OTHERS THAN FIRSTPAGE */

html, body {margin: 0;padding: 0;border: 0;}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000;	
	text-align: center;
    background:url(../img/backgrounds/BodyBG.gif) repeat-y top center;
	background-color: #E5EBF1;
}

body a img, body a:hover img {border: none;}

body a 
{
	color: #FC000D;
	text-decoration: underline;
}

body a:link	
{	
	color: #FC000D;
	text-decoration: underline;
}	
		
body a:visited	
{	
	color: #FC000D;
	text-decoration: underline;
}	
		
body a:active
{	
	color: #FC000D;
	text-decoration: underline;
}	
		
body a:hover {
	color: #FC000D;
	text-decoration: none;
}

hr {	
	width: 100%;
	height: 1px;
}

table 
{

	
}

img
{
    padding:0;
    margin:0;
}

p 
{
	margin: 0;
	padding: 0 0 14px 0;
}


/**********************************************************/

#Container
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	height: auto;
	width: 960px;
	text-align: left;
    background:url(../img/backgrounds/Container_alasivuBG.gif) no-repeat top right;
	background-color: #FDFDFD;
}

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


/**********************************************************/

#TopPart {
	display: block;
	position: relative;
	width: 960px;
	height: 65px;
	margin: 0;
	padding: 0;
    background:url(../img/backgrounds/TopPartBG.gif) no-repeat top left;
}

#TopPart:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#SearchBox
{
    display:block;
    position:absolute;
    width:130px;
    top: 39px;
    left:760px;
    background-color:Transparent;
}

#SearchInputTextBox
{
    margin:0!important;
    padding:0!important;
    color:black!important;
    font-family:Verdana, Arial;
    font-weight:normal!important;
    font-size:10px!important;
}
/**********************************************************/


#SABanner {
	display: block;
	position: relative;
	width: 960px;
	height: 198px;
	margin: 0;
	padding: 0;
}

#SABanner:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/**********************************************************/

#MainColumns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 960px;
	/*height: auto;*/
    background-color:Transparent;
	
}
#MainColumns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#ContentArea {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding:  0 0 0 0;
	width: 960px;
}

#ContentArea:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#MinHeight {
	position: relative;
	display: block;
	width: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 960px;
	height: auto;
}

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



.Column 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	}


#C1 {	
	position: relative;
	display: block;
	width: 224px;
	margin: 0 0 0 31px!important;
	padding: 0;
}

#C2 {
	position: relative;
	display: block;
	width: 665px;
    min-height: 450px;
	height: 450px;	
	padding: 0;
	margin: 0 0 0 9px!important;
    background:url(../img/backgrounds/C2_alasivu_left.gif) no-repeat top left;
}
html>body #C2 {height:auto;}



#C1:after, #C2:after, #MinHeight:after  {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



/**********************************************************/

#C1HeaderArea
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    height:42px;
    width:224px;
    background:url(../img/elementit/C1_alasivu_HA.gif) no-repeat top left;
}

#C2HeaderArea
{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    height:42px;
    width:665px;
    background:url(../img/elementit/C2_alasivu_HA.gif) no-repeat top left;
}

.HeaderTextAlasivu
{
    position:absolute;
    top:13px;
    left:13px;
}
/**********************************************************/



#SAContent1
{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 500px;
    height:30px;
    top:70px;
    left:20px;
	overflow: hidden;
}



#TextColumns
{
	display: block;
	position:relative;
	padding:0;
	margin:50px 0 0 0; 
	width:620px;
    background-color: Transparent;
}

#TextColumns:after 
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Left
{
	display:block;
	position:relative;
	padding:0;
	margin:0;
	float:left;
}

.TwoColLeft
{
	/*width: 310px;*/
	margin:0 0 0 0;
    background-color: Transparent;
}

#Right
{
	display:block;
	position:relative;
	padding:0;
	float:left;
}

.TwoColRight
{
	/*width: 310px;*/
	margin:0 0 0 0;
    background-color: Transparent;
}


#SAContent2
{
	position:relative;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
	width: 290px;
    background-color:Transparent;
}
#SAContent2 a
{
    /*color:#FFA200!important;*/
    color: #de8d00!important;
}

#SAContent3
{
	position:relative;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
	width: 290px;
    background-color:Transparent;
}
#SAContent3 a
{
    /*color:#FFA200!important;*/
    color: #de8d00!important;
}


#IncludeArea
{
	position:relative;
	display: block;
	margin: 20px 0 0 20px;
	padding: 0;
	width: 600px;
    background-color:Transparent;
}

#SAContent1:after, #SAContent2:after,  #IncludeArea:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



/**********************************************************/
#PrintBox
{
    position:absolute;
    display:block;
    left:540px;
    top:74px;
}

/**********************************************************/
#Footer
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 80px;
	text-align: left;
    background:url(../img/backgrounds/FooterBG_alasivu.gif) no-repeat top left;
    background-color:Transparent;
	}

#Footer:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



#SitemapBox
{
    position:absolute;
    display:block;
    left:45px;
    top:34px;
}

#ContactInfoInFooter
{
    display:block;
    position:absolute;
    width:600px;
    top:25px;
    left:200px;
    background-color:transparent;

	font-family:Verdana,  Arial, Helvetica, sans-serif;
	font-size: 10px; 
    font-weight:lighter;
	color: #999999;	
    
    line-height:20px;
	text-align: center;
    
}
#ContactInfoInFooter a
{
    color:#104B87!important;
    text-decoration:none;
}
	
/********************************************************/

/* SEARCH RESULT PAGE STARTS */

#VWS2007_Results  h3
{
    margin:0!important;
    padding:0!important;
}

#VWS2007_Results  h3  a 
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 12px;
	color: #104B87;
	font-weight: bold;
	text-decoration: none;
}
#VWS2007_Results small a 
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;
	color: #104B87;
	font-weight: normal;
	text-decoration: none;
}

#VWS2007_Results a:hover {/*color: #FFA200!important;*/ color: #DE8D00;}

/* SEARCH RESULT PAGE ENDS */



/* Cource info STARTS */

.CourceCategory
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 12px;
    height:20px;
	color: #104B87;
	font-weight: bold;
	text-decoration: none;
}

.CourceCategoryLink
{
    height:16px;
}
.CourceCategoryLink a
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;
	color: #104B87!important;
	font-weight: normal!important;
	text-decoration: none!important;
}



#IlmoittautuminenForm
{
    padding:0;
    margin:0;
    background-color:transparent;
}


.IlmoittautumisTable tr td
{

	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
	font-weight: normal!important;
	text-decoration: none!important;
}

.OsallistujaTDHeader
{
    width:150px;
}

.OsallistujaText
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:250px;
	font-weight: normal!important;
	text-decoration: none!important;
}
.OsallistujaHeader
{
    display:inline;
    width:120px;
}


.Osallistujatiedot
{
    margin-top:20px!important;
    display:block;
    position:relative;
    background-color:transparent;
    /*height:190px;*/
    height:150px;
    width:500px;
}

.OsallistujaDyn1Text
{
    position:absolute;
    left:156px;
    top:0px;
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:250px;
	font-weight: normal!important;
	text-decoration: none!important;
}

.OsallistujaDyn2Text
{
    position:absolute;
    left:156px;
    top:27px;
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:250px;
	font-weight: normal!important;
	text-decoration: none!important;
}
.OsallistujaDyn3Text
{
    position:absolute;
    left:156px;
    top:54px;
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:250px;
	font-weight: normal!important;
	text-decoration: none!important;
}
.OsallistujaDD
{
    position:absolute;
    left:156px;
    top:81px;
    width:250px;
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;  
	color: black;
	font-weight: normal!important;
	text-decoration: none!important;
}

.OsallistujaTextarea
{
    position:absolute;
    left:156px;
    /*top:108px;*/
    top:81px;
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;  
	color: black;
	font-weight: normal!important;
	text-decoration: none!important;
    width:250px;
}

.Ilmottaudulahetys
{
    margin-top:20px;
}
/* Cource info ENDS */



/* ORDERING STARTS , uses some common stuff with the Cource info*/

#Tuotetilaus
{
    padding:0;
    margin:0;
    background-color:transparent;
}


.TilausTable tr td
{

	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
	font-weight: normal!important;
	text-decoration: none!important;
}

.TilaajaTDHeader
{
    width:150px;
}
.TilaajaText
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:250px;
	font-weight: normal!important;
	text-decoration: none!important;
}

.TilausNmbr
{
	font-family: Arial, Helvetica, Verdana; 
	font-size: 11px;   
	color: black;
    width:70px;
	font-weight: normal!important;
	text-decoration: none!important;
}

.TilaajaHeader
{
    display:inline;
    width:120px;
}

/* ORDERING ENDS */