
/* THIS ONE IS FOR THE CONTENT PAGES */

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/elements/body_bgslice.gif) repeat-x top left;*/
	background-color: #EAEAEA;
}



body a img, body a:hover img {border: none;}

body a 
{
	color: #3CB49F;
	text-decoration: none;
}

body a:link	
{	
	color: #3CB49F;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #3CB49F;
	text-decoration: none;
}	
		
body a:active
{	
	color: #3CB49F;
	text-decoration: none;
}	
		
body a:hover {
	color: #3CB49F;
	text-decoration: none;
}

hr {	
	width: 100%;
	height: 1px;
}

table tr td
{

}

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: 998px;
	text-align: left;
    /*background:url(../img/elements/container_bgslice.gif) repeat-y top left;*/
}

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/**********************************************************/
#TopPart {
	display: block;
	position: relative;
	width: 998px;
	height: 168px;
	margin: 0;
	padding: 0;
    background:url(../img/muut/toppart_bg.jpg) no-repeat top left;
    background-color:transparent;
}

#TopPart:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#TopPartSpacer1
{
    display:block;
    position:relative;
    height:31px;
}

#SearchAndStuff
{
    display:block;
    position:relative;
    text-align:right!important;
    height:38px!important;
    width:372px;
    margin-left:611px;  
    padding:0;
    background-color:transparent;
}

#SearchAdnStuffTable
{
    height:38px!important;
}

#SearchAdnStuffTable tr td
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    font-weight:normal;
	color: #939296;
  /*  vertical-align:middle;*/
}
#SearchAdnStuffTable a
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    font-weight:normal;
	color: #939296;
}
#SearchAdnStuffTable img
{
    border:none!important;
}
#SearchInputTextBox
{
    width:140px;
    margin:0!important;
    padding:0!important;
    color:black!important;
    font-family:Verdana, Arial;
    font-weight:normal!important;
    font-size:11px!important;
}


#TopPartSpacer2
{
    display:block;
    position:relative;
    height:10px;
}



#BccLocations
{
    display:block;
    position:relative;
    text-align:center;
    height:38px;
    width:647px;
    margin-left:336px;
    margin-top:7px;
    background-color:transparent;
}
* html #BccLocations {margin-top:0px;}

#BccLanguageSelection
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:38px;
    width:125px;
    text-align:center;
    background:url(../img/elements/languages_bg.gif) no-repeat top right;
}
#BccLanguageValues
{
    /*margin-right:20px;*/
    vertical-align:middle;
    background-color:transparent;
}
#BccLanguageValues a
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:38px;
    font-weight:normal;
	color: #7D7694;
}


#BccLocationsHolder
{
    /*display:block;
    position:relative;*/

    display:block;
    position:absolute;
    /*left:275px;*/
    left:225px;
    top:0;

    height:38px;
    /*width:372px;*/
    width:422px;
    background:url(../img/elements/locations_bg.gif) no-repeat top right;    
}

#BccLocationsNames
{
    /*margin-right:20px;*/
    vertical-align:middle;
    background-color:transparent;
}

#BccLocationsNames a
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:38px;
    font-weight:normal;
	color: #7D7694;
}

/**********************************************************/

#MainColumns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 998px;
    background:url(../img/elements/maincolumns_bg_slice_wide.gif) repeat-y top left;
    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 4px;
	padding:  0 0 0 0;
    min-height:400px;
    height:400px;
	width: 990px;
    background-color:transparent;
}
html>body #ContentArea {height:auto;}


#ContentArea:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}


#Columns {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	width: 990px; 
}

#Columns:after
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Column 
{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	}


#C1_left
{
	position: relative;
	display: block;
	width: 165px;
    /*height:100px;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-color:#EFEEF2;
}

#C1_right
{
	position: relative;
	display: block;
	width: 495px;
    /*height:400px;*/   
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-color:white;
}
#C1_left:after, #C1_right:after
 {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



#CategoryName4
{
	position: relative;
	display: block;
	width: 165px;
    height:25px;
	margin: 1px 0 0 0;
	padding: 0 0 0 0;
    background-color:white;
    background:url(../img/elements/category4_bg.gif) no-repeat top left;

}

* html #CategoryName4{ margin-top: -2px;} 

#CategoryName4 span
{
    display:block;
    position:absolute;
    top:5px;
    left:5px; /* OLI 9 , "KAMPANJAT JA TARJOUKSET EI MAHTUNUT */
    text-transform:uppercase;
    letter-spacing:-1px;
}

#CategoryName5
{
	position: relative;
	display: block;
	margin:  25px 0 0 35px;
	padding: 0 0 0 0;
    background-color:transparent;
    text-transform:uppercase;
}

#CategoryName6
{
	position: relative;
	display: block;
	width: 330px;
    height:30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background-color:white;
    background:url(../img/elements/category6_bg.gif) no-repeat top left;
}
#CategoryName6 span
{
    display:block;
    position:absolute;
    top:8px;
    left:50px;
    text-transform:uppercase;
}


/* BANNER , on right hand side */
#BannerArea
{
    display:block;
    position:relative;
    width:990px;
    height:135px;
    background-color:white;
    border:none;
}



/* Content area below the banner */

#SAContent1
{
	position: relative;
	display: block;
	margin: 25px 0 0 70px;
    padding:0 0 0 0;
    background-color:transparent;
	width: 685px;
    text-transform:uppercase;
}
#SAContent1 p
{
    padding:0;
}

#SAContent2
{
	position: relative;
	display: block;
	margin: 10px 0 0 70px;
    padding:0 0 0 0;
    background-color:transparent;
	width: 685px;
}

#SAContent2 ul
{
    margin-top:0px;
    margin-left:15px!important;
}
#SAContent2 ul li
{
    list-style-type:square;
}

#SAArea1
{
	position: relative;
	display: block;
	margin: 10px 0 20px 70px;
    padding:0 0 0 0;
    background-color:transparent;
	width: 685px;
}


#ContentAlue1:after, #SAContent1:after, #SAContent2:after, #SAArea1:after 
{
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}



/**********************************************************/
#Footer
{
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	width: 998px;
	height: 133px;
	text-align: left;
    background:url(../img/muut/footer_bg.gif) no-repeat top left;
    background-color:transparent;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
    color:#D2CCE5!important;
    text-decoration:none;
    font-weight:normal;
}

#Footer a
{
    color:#D2CCE5!important;
}

#BccFooter
{
    display:block;
    position:absolute;
    top:67px;
    left:40px;
}

#VisualwebFooter
{
    display:block;
    position:absolute;
    letter-spacing:-1px;

    top:67px;
    left:830px;
}

#Footer:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

/* Autocad form */

.FormHolder
{
	position: relative;
	display: block;
	margin:0;
	padding: 0;
	width:400px;
}

.FormHolder:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#SAContent1 table,#SAContent2 table {font-size:11px;}



/* CAD KURSSIT */

.RegOtsake
{
    font-weight:bold;
    padding:0 0 5px 0;
    margin:0;
}
#CourceTypeDD , #CourceItemsDD
{
    width:400px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
#CourceID 
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
#CourceID table
{
    width:400px;
}
.FirstTD
{
    width:100px;
    padding:5px 0 0 5px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
.SecondTD
{
    width:100px;
    padding:5px 0 0 5px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
.ThirdTD
{
    width:100px;
    padding:5px 0 0 5px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
.FourthTD
{
    width:100px;
    padding:5px 0 0 5px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}



#RegistrtionData
{
    display:none;
    position:relative;
    background-color:transparent;
    width:400px;
    border-top:solid 1px #666666;
}

#CourceNameTimePlace
{
    margin-top:10px;
    font-size:16px;
    font-weight:bold;
}

.RegistrationText
{
    width:250px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}

#RegistrationDataTable
{
    margin-top:10px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px; 
    line-height:14px;	
    font-weight:normal;
	color: #000000;
}
#RegistrationDataTable td
{
    padding-top:5px;
}