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

body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    text-align: left;
    background-color: #f3f3f3;
}

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

body a
{
    color: #3399cc;
    text-decoration: none;
}

body a:hover, a:visited:hover
{
    color: #6cb6da;
    text-decoration: underline;
}

body a:visited
{
    color: #a74c45;
}

html > body h1, html > body h2, html > body h3, html > body h4
{
    margin: auto;
}

h1
{
    font-size: 24px;
    font-weight: normal;
}

h5
{
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    text-align: left;
}

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

body p
{
    margin: 0 0 15px 0;
    padding: 0;
}

th
{
    font-weight: normal;
}

/******************************************* Table style ****/
/*body table {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 11px; 
	border: 0;
	font-size: 11px;
	color: #4A4A4A;
	clear: both;
}
html>body table {height: auto !important;margin: 1px 0 0 1px;padding: 1px 0 0 1px;}

body table tr td {
	margin: 0;
	padding: 0;
}*/


/* Set static page width */
#Container, #Header, #Navbar, #Pathbar, #Columns, #Footer
{
    width: 1000px;
}

#Container
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    clear: both;
    height: 221px;
}

html > body #Container
{
    border-bottom: 1px transparent;
}

/* This is needed for clearing floats inside container */

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



#Header
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    clear: both;
    overflow: hidden;
    background: url(../img/header.gif) top left no-repeat;
}

#SABanner
{
    position: absolute;
    top: 39px;
    left: 0;
    height: 126px;
    width: 990px;
    overflow: hidden;
    z-index: 1;
    background: url(../img/banner.jpg) top left no-repeat;
}

#Logo
{
    position: absolute;
    display: block;
    top: 40px;
    left: 0;
    height: 129px;
    width: 197px;
    background: url(../img/logo_vahto.gif) top left no-repeat;
    z-index: 2;
}

#TopBar
{
    display: block;
    position: absolute;
    top: 3px;
    left: 10px;
    width: 980px;
    z-index: 3;
}

#TopBar ul
{
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#TopBar ul li
{
    display: inline;
    position: relative;
    color: #7a7a7a;
    padding: 5px 4px 5px 4px;
    background: url(../img/topbar_item_bg.gif) top right no-repeat;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 9px;
    float: left;
}

#TopBar .NoSep
{
    background: none;
}

#TopBar .SepLeft
{
    background: url(../img/topbar_item_bg.gif) top left no-repeat;
}

#TopBar p
{
    position: relative;
    display: inline;
    bottom: 4px;
}

#TopBar a, #TopBar a:hover
{
    text-decoration: none;
    color: #7a7a7a;
}

#TopBar li.Square
{
    background: url(../img/square_bold.gif) center left no-repeat;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}
#TopBar li.Disc
{
    background: url(../img/disc_bold.gif) center left no-repeat;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}

#TopBar img
{
    position: relative;
    padding-left: 2px;
    top: 4px;
}

#TopBar input
{
    text-transform: none !important;
    min-height: 14px;
    font-size: 11px;
    width: 120px;
    padding: 1px 0 1px 0;
    background-color: #dddddd;
}

#btnSearch
{
    display: block;
    width: 30px;
    height: 19px;
}

#TopBar .tdButton
{
    width: 30px;
    background: url(../img/button_hae.gif) top left no-repeat;
}

#MenuBar
{
    display: block;
    position: relative;
    top: 164px;
    left: 36px;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 4;
}

#Pathbar
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 2px 0 0 20px;
    height: 19px;
    clear: both;
    background: url(../img/pathbar.gif) left top no-repeat;
    color: #dddddd;
    font-family: Sans-Serif;
    font-size: 10px;
    overflow: hidden;
}

#Pathbar a
{
    color: #dddddd;
    font-family: Verdana;
    font-size: 9px;
}

#Columns
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    background: url(../img/bg.gif) left top repeat-y;
}
html > body #Columns
{
    height: auto;
}

/* This is needed for clearing floats  inside container */

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

#C1
{
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
    border-left: 1px solid #fff;
    overflow: hidden;
    height: auto;
}

#C2
{
    position: relative;
    display: block;
    float: left;
    width: 591px;
    margin: 0;
    background: url(../img/block_top.gif) left top no-repeat;
    overflow: visible;
    min-height: 650px;
    height: 650px;
    border: 0px solid;
}
html > body #C2
{
    height: auto;
}

#C3
{
    position: relative;
    display: inline;
    float: left;
    width: 199px;
    margin: 0;
    overflow: hidden;
}

*html #C3
{
    position: absolute;
    width: 199px;
    left: 793px;
    top: 0px;
    overflow: hidden;
}

*html #C4
{
    position: relative;
    display: inline;
    float: left;
    width: 770px;
    margin: 0;
    background: url(../img/block_top.gif) left top no-repeat;
    overflow: hidden;
    height: auto;
    border: 0px solid;
}

#C4
{
    position: relative;
    display: inline;
    float: left;
    width: 789px;
    margin: 0;
    background: url(../img/block_top.gif) left top no-repeat;
    overflow: visible;
    min-height: 650px;
    height: 650px;
    border: 0px solid;
}
html > body #C4
{
    height: auto;
}

.MinHeight
{
    position: relative;
    display: inline;
    float: left;
    width: 0px;
    height: 50px;
    overflow: visible;
}

.MinHeight1px
{
    position: relative;
    display: block;
    float: left;
    width: 1px;
    height: 50px;
    overflow: visible;
}

#ContactDiv
{
    display: inline;
    position: relative;
    float: left;
    margin: 0;
    padding: 24px 0 0 21px;
    width: 199px;
    color: #d9e7ec;
    background: url(../img/contact.gif) top left no-repeat;
    background-color: Transparent;
    overflow: hidden;
}
html > body #ContactDiv
{
    height: auto;
}

#ContactDiv .Contact, #ContactDiv p, #ContactDiv a
{
    font-family: Arial,Verdana,Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #d9e7ec;
    padding: 0;
    margin: 0;
}

#ContactDiv div
{
    display: block;
    position: relative;
    width: 160px;
}

#Footer
{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    clear: both;
    text-align: center;
    color: #B0B1B0;
    overflow: hidden;
    background: url(../img/footer.gif) left top no-repeat;
}
#Footer a
{
    color: #B0B1B0;
}

#PublInfo
{
    float: left;
    margin-left: 210px;
}
* html #PublInfo
{
    float: left;
    margin-left: 110px;
}
#Visualweb
{
    position: relative; /*top: 10px;*/
    text-align: right;
    margin: 7px 20px 0 0;
}

/********************************* SAContent ********/
/*#SAContent2_inc 
{
	display: block;
	position: relative;
	float: left;
    margin: 20px 0 0 20px;
	height: 70px;
	width: 540px;
	overflow: hidden;	
	}

*/
#C2_include_1 #SAContent2
{
    display: block;
    position: relative;
    float: left;
    margin: 20px 0 0 0;
    min-height: 76px;
    width: 540px;
    overflow: hidden;
}

#SAContent3_inc
{
    margin: 10px 0 0 10px;
    padding: 0;
    width: 175px;
    height: 296px;
}


#C2_include_1
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0 20px 0 20px;
    min-height: 290px;
    width: 550px; /*background: url(../img/block_top.gif) left top no-repeat;*/
    overflow: hidden;
}

/* Column 2 content areas */
#Latest
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    min-height: 140px;
    width: 550px;
    overflow: hidden;
}

#Latest .Date
{
    padding: 0;
    margin: 20px 0 0 0;
}

#Latest .Heading
{
    padding: 0;
    margin-top: 0;
}
#Poll
{
    display: inline;
    position: relative;
    float: left;
    margin-left: 1px;
    padding: 0 10px 0 10px;
    height: 180px;
    width: 295px;
    min-width: 275px;
    background: url(../img/block_middle.gif) left top no-repeat;
    overflow: hidden;
}
#Poll h5
{
    margin-top: 0;
    padding-top: 3px;
    font-weight: bold;
    width: 295px;
}
html > body #Poll
{
    width: 235px;
    padding: 0 10px 0 10px;
}

* html #Poll
{
    width: 275px;
    overflow: hidden;
}

#PollBanner
{
    width: auto;
    margin-left: auto;
    padding: 0;
    margin-right: auto;
    text-align: center;
}

.PollQuestion
{
    font-weight: bold;
    font-size: 11px;
    color: #769fac;
}

/*
#NewsLiftUps {
	display: block;
	position: relative;
	float: left;
    margin: 0;
	padding: 0 10px 0 10px;
	min-height: 180px;
	width: 590px;
	background: url(../img/block_middle.gif) left top no-repeat;
	overflow: hidden;
}
html>body #NewsLiftUps {width: 570px; padding: 0 10px 0 10px;}
*/
#NewsLiftUps
{
    display: inline;
    position: relative;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    height: 180px; /*min-width: 275px;*/ /*background: url(../img/block_bottom.gif) 0 0 no-repeat;*/
    background: url(../img/block_middle.gif) left top no-repeat;
    overflow: hidden;
}
html > body #NewsLiftUps
{
    /*width: 235px; */
    min-height: 180px;
    padding: 0 5px 0 10px;
}
/*#FrontPageBottomContainer h5, #FrontPageBottomContainer1 h5
{
	margin-top: 0;
	padding-top: 3px;
	font-weight: bold;
	}
*/

#NewsLiftUps .text
{
    margin: 0;
    margin-left: 10px;
    padding: 0;
    line-height: 15px;
}

#NewsLiftUps h5, #Events h5
{
    margin-top: 0;
    padding-top: 3px;
    font-weight: bold;
}
#Events h5
{
    color: #fff;
}

#NewsLiftUps ul, #Events ul
{
    padding: 0;
    margin: 0 0 10px 0;
    list-style-type: none;
}

#NewsLiftUps li, #Events li
{
    padding-left: 10px;
}
#Events li
{
    line-height: 15px;
}

#NewsLiftUps p, #Events p
{
    padding: 0 10px 0 10px;
}

#Events
{
    margin: 0 10px 0 10px;
    padding: 0;
}

.FrontPageBottomContainer
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 2px 0 0 10px;
    margin-right: 1px; /*min-height: 100px;*/
    height: 300px; /*width: 294px;*/
    width: 265px;
    background: url(../img/block_bottom.gif) left top no-repeat; /*background: url(../img/../img/block_middle.gif) 0 0 no-repeat; */
    overflow: hidden;
}

* html .FrontPageBottomContainer
{
    margin-right: 0;
    width: 285px;
}


.FrontPageBottomContainer1
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 2px 10px 0 10px;
    margin-right: 1px;
    height: 300px;
    width: 294px; /*background: url(../img/block_middle_2.gif) left top no-repeat;*/
    background: url(../img/block_middle_3.gif) 0 0 no-repeat;
    overflow: hidden; /*display: inline; 	position: relative; 	float: left;     margin-left: 1px; 	padding: 0 0 0 40px; 	margin: 0;	 	width: 275px; 	background: url(../img/block_middle.gif) left top no-repeat; 	overflow: hidden; 	background-color:aqua;*/
}

* html .FrontPageBottomContainer1
{
    width: 275px;
}


html > body .FrontPageBottomContainer1
{
    width: 274px;
    padding: 2px 10px 0 10px; /*min-height: 128px*/
}



html > body .FrontPageBottomContainer
{
    /*width: 274px; */
    width: 270px;
    padding: 2px 10px 0 10px; /*min-height: 128px*/
}


.FrontPageBottomContainer #SAContent1, .FrontPageBottomContainer #SAContent2
{
    display: block;
    position: relative;
    float: left;
    width: 264px;
}

.FrontPageBottomContainer #SAContent3, .FrontPageBottomContainer #SAContent4
{
    display: block;
    position: relative;
    float: left;
    margin: 0 0 0 10px;
    width: 294px;
}

/* Column 3 content areas */
#SA5Container
{
    display: block;
    position: relative;
    float: left;
    margin: 0 0 1px 0;
    padding: 0;
    width: 197px;
    height: 288px;
    background: url(../img/col3_topmost.gif) top left no-repeat;
    overflow: hidden;
}

#SA6Container
{
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    width: 197px;
    height: 179px;
    background: url(../img/col3_events.gif) top left no-repeat;
    overflow: hidden;
}

#SA7Container
{
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    width: 197px;
    background: url(../img/col4_middle.gif) top left repeat-y;
    overflow: hidden;
}

#Favorites
{
    display: block;
    position: relative;
    margin: 0;
    padding: 7px 10px 3px 20px;
}

#Favorites ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#Favorites ul li
{
    display: block;
    position: relative;
    background: url(../img/speedlink.gif) top left no-repeat;
    padding: 0 0 5px 40px;
    /*height: 29px;*/
    line-height: 30px;
    width: 135px;
}

#Favorites ul li a
{
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}

#Favorites ul li a:hover
{
    text-decoration: underline;
}

#CommunityInfo
{
    margin: 0; /*padding: 15px;*/
    padding: 0; /*background: url(../img/col3_bottom.gif) top left no-repeat #fff;*/
    background: url(../img/col3_icons_2_1.gif) top left no-repeat #fff; /*height: 127px;*/ /*height: 308px;	*/
    height: 286px;
}

#OtherTop
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    background: url(../img/col3_topbar.gif) top left no-repeat;
    height: 22px;
    color: #ebebeb;
    text-justify: distribute-center-last;
    overflow: hidden;
    line-height: 22px;
    font-weight: bold;
}

#OtherContent
{
    position: relative; /* top: -115px;*/
    margin: 10px 0 0 10px;
    padding: 0;
    width: 170px; /*height: 150px;*/ /*background-color: Transparent;*/ /*z-index: 1;*/
}

/*#OtherContent .ContentTitle
{
	text-transform: uppercase;
	color: #ebebeb;
	font-weight: bold;
}

#OtherContent .ContentText
{
	padding-left: 10px;
}
*/
#OtherBottom
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    background: url(../img/col4_bottom.gif) top left no-repeat;
    height: 20px;
}

#ThreeColumnContainer
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 20px 15px 20px 15px;
    width: 560px;
    background: url(../img/block_top.gif) left top no-repeat;
    overflow: hidden;
}
html > body #ThreeColumnContainer
{
    height: auto;
}

/* These are used in ThreeColumnContainer */
#ThreeColumnContainer #SAContent1, #ThreeColumnContainer #SAContent2
{
    display: block;
    position: relative;
    float: left;
    width: 555px;
    padding-top: 5px;
    margin-bottom: 7px;
}

#ThreeColumnContainer #SAContent3
{
    display: block;
    position: relative;
    float: left;
    width: 271px;
    padding-top: 5px;
    margin: 0 5px 7px 0;
}

#ThreeColumnContainer #SAContent4
{
    display: block;
    position: relative;
    float: left;
    width: 271px;
    padding-top: 5px;
    margin: 0 0 7px 5px;
}

/* Column 2 + Column 3 combined area */
#TwoColumnContainerLeft
{
    /*	display: block; 	position: relative; 	float: left;     margin: 0; 	padding: 20px 0 20px 15px; 	width: 373px; 	overflow: hidden;*/
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 20px 15px 7px 15px;
    width: 759px;
    background: url(../img/block_top.gif) left top no-repeat;
    overflow: visible;
    height: auto;
}
/*
html>body #TwoColumnContainerLeft {height:auto;}
*/
#TwoColumnContainerRight
{
    /*	display: block; 	position: relative; 	float: left;     margin: 0; 	padding: 20px 0 20px 15px; 	width: 373px; 	overflow: hidden;*/
    display: block;
    position: relative;
    float: left;
    width: 759px;
    padding: 0 15px 20px 15px;
}
html > body #TwoColumnContainerRight
{
    height: auto;
}

/* These are used in TwoColumnContainerLeft and TwoColumnContainerRight */
#TwoColumnContainerLeft #SAContent1, #TwoColumnContainerLeft #SAContent2
{
    /*	display: block; 	position: relative; 	float: left; 	width: 368px; 	padding-top: 5px; 	margin-bottom: 7px;*/
    display: block;
    position: relative;
    float: left;
    width: 755px;
    padding-top: 5px;
    margin-bottom: 7px;
    height: auto;
}
#TwoColumnContainerRight #SAContent3, #TwoColumnContainerRight #SAContent4
{
    /*	display: block; 	position: relative; 	float: left; 	width: 368px; 	padding-top: 5px; 	margin-bottom: 7px;*/
    display: block;
    position: relative;
    float: left;
    width: 371px;
    padding-top: 5px;
    margin-bottom: 7px;
}
#TwoColumnContainerRight #SAContent4
{
    margin-left: 10px;
}

#OtherTop #SAContent1 p
{
    margin: 3px 0 0 0;
    color: #ebebeb !important;
}


.Answers
{
    display: block;
    position: relative;
    margin-left: 15px;
    min-width: 400px;
    height: auto;
    float: left;
    font-size: 13px;
}
.MakeItBold
{
    font-weight: bold;
    color: #5275ca;
}

.EventsMargin
{
    margin-left: 15px;
}


#SAArea1
{
    display: block;
    position: relative;
    margin: 15px 0 20px 5px;
    padding: 0;
    width: 565px;
    overflow: hidden;
    height: auto;
}

#SAArea
{
    display: block;
    position: relative;
    margin: 15px 0 20px 5px;
    padding: 0;
    width: 768px;
    overflow: visible;
    height: auto;
}

#SAInclude1
{
    display: block;
    position: absolute;
    right: 12px;
    top: 100px;
    width: 117px;
    overflow: hidden;
}

#SAInclude3
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

/********************************* Other styles********/
#SiteMap ul
{
    list-style-type: none;
    margin-top: 20px;
}
#SiteMap ul li
{
    position: relative;
    display: block;
    clear: both;
    font-weight: bold;
    padding: 5px 0 5px 0;
}
#SiteMap ul ul
{
    list-style-type: none;
    margin-top: 0;
}
#SiteMap ul li li
{
    position: relative;
    display: block;
    clear: both;
    font-weight: normal;
    padding: 5px 0 5px 0;
}

/* Search results */
#VWS2007_Results, #VWS2007_ResultRow
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0 15px 30px 15px;
    width: 560px;
    overflow: hidden;
}
#VWS2007_Results #VWS2007_ResultRow
{
    padding: 0;
}

#VWS2007_Results h3
{
    font-size: 16px;
}



/********* OFFICES AND EMPLOYEES ******/

.OfficeAndEmployeeContactNarrow
{
    display: block;
    position: relative;
    margin: 0 1px 0 0;
    padding: 0;
    width: 197px;
    background: url(../img/col4_middle.gif) top left repeat-y;
}



.OfficeAndEmployeeContactNarrow .ContentTitle
{
    display: block;
    position: relative;
    text-transform: uppercase;
    color: #ebebeb;
    font-weight: bold;
    padding: 3px 0 10px 10px;
    background: url(../img/contact.gif) top left no-repeat;
}


.OfficeAndEmployeeContactNarrow .ContactContent
{
    padding: 0 0 0 10px;
}

.Content
{
    font-size: 13px;
}



/* Etusivu.aspx kuulutus/ tiedotus listaukset*/
#Announcements
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    width: 240px;
    overflow: hidden;
    height: auto;
}

#Announcements2
{
    /*display: block; 	position: relative; 	float: left; 	margin: 0; 	width: 240px; 	overflow:hidden;*/
    line-height: 20px;
    height: auto;
    width: auto;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 0;
    height: auto;
}
html > body #Announcements
{
    display: block;
    position: relative;
    margin: 2px 0 0 10px;
    width: 254px;
    overflow: hidden;
}

html > body #Announcements2
{
    display: block;
    position: relative;
    margin: 0 0 0 10px;
    width: 254px;
    overflow: hidden;
}

#Announcements_title
{
    display: block;
    position: relative;
    float: left;
    min-width: 174px;
    margin: 0;
    overflow: hidden;
    max-height: 32px;
}
#Announcements_date
{
    display: block;
    position: relative;
    float: left;
    width: auto;
    margin: 0;
    color: #8b8b8b; /*width: 80px;	*/
}


#Announcements2 #Announcements_date2
{
    /*display: block; 	position: relative; 	float: left; 	width: auto;	 	margin: 0;	 	color: #8b8b8b; 	line-height: 20px;		*/
    display: block;
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    color: #8b8b8b;
}
#Announcements2 #Announcements_title2
{
    /*display: block; 	position: relative; 	float: left; 	min-width: 160px;	 	margin: 0 0 0 10px;	 	overflow: hidden;	 	min-height: 30px;	 	line-height: 20px;*/
    display: block;
    position: relative;
    float: left;
    width: 160px;
    margin: 0 0 0 10px;
    padding: 0;
    overflow: hidden;
}


#Announcements_ingress, #Announcements_ingress2
{
    max-height: 17px;
    color: #333;
}
#Announcements_readmore, #Announcements_readmore2
{
    font-weight: bold;
}



/*#AnnouncementItem - Tiedotuslistaus.aspx */

#AnnouncementItem
{
    display: block;
    position: relative;
    float: left; /*height: 400px;*/
    height: auto;
    margin: 0 0 0 20px;
    width: 700px; /*color: #5275ca;*/
}

#AnnouncementItem_title
{
    display: block;
    position: relative;
    line-height: 35px;
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

#AnnouncementItem_type
{
    display: block;
    position: relative;
    padding: 0; /*line-height: 35px;*/
    margin: 0 0 0 340px; /*font-weight:bold;*/ /*font-size: 35px;*/
    color: #333;
}

#AnnouncementItem_date
{
    display: block;
    position: relative; /*line-height: 35px;	*/
    margin: 0 0 0 340px; /*font-weight:bold;*/ /*font-size: 20px;*/
    color: #333;
}

#AnnouncementItem_text
{
    /*	width: 400px;*/
    color: #333;
}
#AnnouncementItem_LinkOut, #AnnouncementItem_LinIn, #AnnouncementItem_AttachFile
{
    display: block;
    position: relative;
    float: left;
    height: 20px;
    margin: 0;
    width: 150px;
}



#AnnouncementItem_back
{
    width: 400px;
}

/* #AnnouncementAll - List all*/
#AnnouncementAll_container
{
    display: block;
    position: relative;
    float: left;
    width: 700px; /*font-size: 13px;*/
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 0 30px;
    color: #333;
    height: auto;
}

#AnnouncementAll
{
    display: block;
    position: relative;
    float: left;
    width: 700px;
    margin: 0 0 0 30px; /*background-color:Beige;*/
    margin-bottom: 15px;
}

#AnnouncementAll_title
{
    display: block;
    position: relative;
    float: left;
    width: 190px;
    margin: 0 10px 0 0; /*font-size: 50px;*/
}

#AnnouncementAll_date
{
    display: block;
    float: left;
    width: 100px;
    color: #8b8b8b; /*background-color:Lime;*/
}

#AnnouncementAll_ingress
{
    display: block;
    float: left;
    width: 300px;
    color: #333;
}

#AnnouncementAll_back
{
}

/************* ServiceCategory **************/

#ServiceCategoryContainer
{
    display: block;
    position: relative;
    float: left;
    width: 750px;
    margin: 0 0 0 20px; /*background-color:Gray;*/
}

#ServiceCategoryContentTitle
{
}

#ServiceCategoryContentArea
{
    background-color: Yellow;
}

#ServiceCategoryList
{
    display: block;
    position: relative;
    float: left;
    height: 30px; /*width: px;*/
    margin: 0; /*background-color: Yellow;	*/
}

#ServiceCategoryListItem
{
    display: block;
    position: relative;
    float: left;
    width: 25px;
    text-align: center; /*height: 20px;*/ /*line-height: 0;*/
    margin: 0; /*background-color: Orange;*/
    border-bottom: 1px;
}
#ServiceCategoryListItem_underline
{
    display: block;
    position: relative;
    float: left;
    width: 18px;
    text-align: center; /*height: 20px;*/ /*line-height: 0;*/
    margin: 0 0 0 4px; /*background-color:Beige;*/ /*color: #5275ca;*/ /*text-decoration: underline;*/
    border-bottom: solid 1px;
}

#ServiceCategorySelection
{
    display: block;
    position: relative;
    float: left;
    height: 30px;
    width: 700px;
    margin: 10px 0 0 0; /*background-color: Maroon;*/
}
#ServiceCategorySelectionList
{
    display: block;
    position: relative;
    float: left;
    width: 700px; /*background-color:Red;*/
}

/* NewsBox - Ajankohtaista*/
#NewsBoxContainer
{
    display: block;
    position: relative;
    height: 140px;
    width: 255px;
    overflow: hidden;
}

html > body #NewsBoxContainer
{
    width: 275px;
    min-height: 150px;
}

* html #NewsBoxContainer
{
    width: 275px;
    height: auto;
}

#NewsBox
{
    line-height: 16px;
    height: auto;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 0; /*background-color: red;*/
}
* html #NewsBox
{
    width: 275px;
    overflow: visible;
}

#NewsBox_Date
{
    display: block;
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    color: #8b8b8b;
}

#NewsBox_Title
{
    display: block;
    position: relative;
    float: left; /*width: 205px;*/ /*margin: 0 0 0 10px;	*/
    margin: 0 0 0 5px; /*overflow: hidden;*/
}

*html #NewsBox_Title
{
    width: auto;
    overflow: visible;
}

html > body #NewsBox_Title
{
    /*width: 175px;*/
    width: 196px;
}

#NewsBox_Archive
{
    display: block;
    position: relative;
    float: left;
    padding: 0;
    margin: 0 0 0 10px;
}

/* Eka uutinen*/
#NewsBox1Container
{
    display: block;
    position: relative;
    float: left;
    width: 550px; /*min-height:200px;*/
    min-height: 120px;
    margin: 0 0 0 0;
    padding: 0;
    overflow: hidden;
}

#NewsBox1
{
    display: block;
    position: relative;
    float: left;
    width: 550px; /*height: 95px;*/
    height: auto;
    margin: 0;
    padding: 0;
}
#NewsBox1_Date
{
    display: block;
    position: relative;
    float: left;
    width: 550px;
    margin: 0;
    padding: 0;
    color: #8b8b8b;
}

#NewsBox1_Title
{
    display: block;
    position: relative;
    float: left;
    width: 550px; /*font-size: 18px;	*/ /*font-weight:bold;*/ /*line-height:25px;	*/
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #7a7a7a;
}

#NewsBox1_Text
{
    display: block;
    position: relative;
    float: left;
    color: #333;
    width: 550px;
    min-height: 48px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#NewsBox1_Readmore
{
    display: block;
    position: relative;
    float: left;
    width: 550px;
    margin: 0;
    padding: 10px 0 0 0;
    height: 15px;
}

/* NEWSARCHIVE - Listaus*/
#NewsArchive
{
    display: block;
    position: relative;
    float: left;
    width: 700px;
    margin: 0 0 15px 15px;
    color: #333;
}

#NewsArchive_container
{
    display: block;
    position: relative;
    float: left;
    width: 700px;
    line-height: 35px;
    margin: 0 0 0 15px;
    color: #333;
    font-weight: bold;
}

#NewsArchive_Title
{
    display: block;
    position: relative;
    float: left;
    width: 190px;
    margin: 0 10px 0 0;
    color: #333;
}
#NewsArchive_Date
{
    display: block;
    float: left;
    width: 100px;
    color: #8d8d8d;
}

#NewsArchive_Text
{
    display: block;
    float: left;
    width: 300px;
    color: #333;
}
#NewsArchive_Text_h
{
    display: block;
    float: left;
    width: 220px;
    color: #333;
}
#NewsArchive_Title_h
{
    display: block;
    position: relative;
    float: left;
    width: 190px;
    margin: 0 10px 0 0;
    color: #333;
}
#NewsArchive_Date_h
{
    display: block;
    float: left;
    width: 100px;
    color: #333;
}

#SAHolderBottom h5
{
    margin-top: 0;
    padding-top: 0;
    font-weight: bold;
}

#AnnouncementsAllHeaders_date
{
    display: block;
    float: left;
    width: 100px;
    color: #333;
    height: auto;
}

#PDFPrint
{
    display: block;
    margin-top: 20px;
    margin-left: 20px;
    width: 100px;
    height: 15px;
    line-height: 15px;
    clear: both;
    float: left;
    background: url(../img/print.gif) center left no-repeat;
}

#PDFPrint a
{
    margin-left: 20px;
}


#Rightbar_Announcements_Container
{
    display: block;
    position: relative;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    width: 197px;
    height: auto; /*background: url(../img/rightbar/col_bg.gif) top left no-repeat;*/
    background: url(../img/rightbar/col_middle.gif) top left repeat;
    overflow: hidden;
}
#Rightbar_Announcements_Top
{
    display: block;
    position: relative;
    float: left;
    margin: 0x;
    padding: 0 0 0 10px;
    height: 22px;
    width: 197px;
    color: #ebebeb;
    line-height: 15px;
    font-weight: bold;
    text-justify: distribute-center-last;
    overflow: hidden; /*background: url(../img/col3_topbar.gif) top left no-repeat;*/
    background: url(../img/rightbar/col_top_1.gif) 0 0 no-repeat; /*background-color:Yellow;*/
}
#Rightbar_Announcements_Item
{
    display: block;
    position: relative;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0; /*background: url(../img/rightbar/col_middle.gif) top left repeat;*/
}


#Rightbar_Announcements_middle
{
    display: block;
    position: relative;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    background: url(../img/rightbar/col_middle.gif) 0 0 repeat-y;
}
#Rightbar_Announcements_Item_header
{
    display: block;
    position: relative;
    float: left;
    width: 170px;
    margin: 0 0 0 10px;
    padding: 0;
}

#Rightbar_Announcements_Item_text
{
    display: block;
    position: relative;
    float: left; /*width: 170px; 	margin: 5px 0 0 10px;*/
    width: 197;
    margin: 0;
    padding: 0;
    background: url(../img/rightbar/col_middle.gif) 0 0 repeat-y;
}
#Rightbar_Announcements_Item_text #SAContent6
{
    width: 170px;
    margin: 5px 0 0 10px;
}

#Rightbar_Announcements_Bottom
{
    display: block;
    position: relative;
    float: left; /*width: 200px;*/
    margin: 0;
    padding: 0;
    background: url(../img/rightbar/col_bottom.gif) top left repeat;
}

.EventLink
{
    color: #A74C45;
}

.EventLink:hover
{
    color: #AC8A76;
}

.EventLink:visited
{
    color: #AC8A76;
}

.Width100
{
    width: 100px;
}
.Width120
{
    width: 120px;
}
.Width150
{
    width: 150px;
}
.Width200
{
    width: 200px;
}
.Width250
{
    width: 250px;
}
.Width300
{
    width: 300px;
}
.Width350
{
    width: 350px;
}

.Hide
{
    visibility: hidden;
    display: none;
}
.Show
{
    visibility: visible;
    display: block;
}