body {
	margin: 0; 
	padding:0;
	height: 100%;
	text-align: center; /* FOR IE5 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #D0D0D0
}

/*****************************/
/*  GENERAL DECLARATIONS     */

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

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

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

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

p {
	margin: 0 0 7px 0; 
}

/*****************************/
/* PAGE'S TOTAL WIDTH        */

#Container, #Header, #Footer, #Cols {
	width: 770px;	
	background: url(../img/container_bg.gif) left top repeat-y;
}

/*****************************/
/* PAGE'S MAIN CONTAINER     */

#Container {
	position: relative;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	min-height: 500px;
	text-align: left;
	background: url(../img/body_bg.gif) repeat-y left top;
	background-color: #fff;
}

* html #Container { 
	height: 500px;
}

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

/****************************/
/* PAGE'S HEADER PROPERTIES */

#BannerBox {
	position: relative;
	display: block;
	height: 200px;
	width: 565px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #55ECF7;
}

#SABanner {
	position: absolute;
	display: block;
	border: none; 
	padding: 0;
	margin: 0;
	z-index: 15;
	height: 200px;
	width: 565px;	
}

/**************************************************** LOGIN BOX */
#BannerMaskBox {
	z-index: 20;
	display: block;
	position: absolute;
	top: 5px;
	margin: 5px 0 0 360px;
	padding: 0;
	width: 200px;
	height: 150px;
	overflow: hidden;
	background: transparent;
}

#BannerMaskBox form {
	margin: 0;
	padding: 0;
	display: block;
}

#LoginBox {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 195px;
	height: 95px;
	overflow: hidden;
	border: 1px solid #fff;
	background: #8FF3FB;
}

#LoginFormBox {
 	position: relative;
 	display: block;
 	width: 189px;
 	height: 89px;
 	overflow: hidden;
 	background: transparent;
 	padding: 3px;
 	margin: 0;
 	white-space: nowrap;
}

#LoginButton {
	position: relative;
	height: 20px;
	width: 100%;
	text-align: right;
	color: #fff;
	padding: 0;
}

#LoginButton a {
	color: #fff;	
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0 5px 0 0;
}

.LoginInput {
	display: block;
	position: relative;
	width: 185px;
	margin: 0 0 5px 0;
	padding: 0;
}

#Logo {
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	border: none;
}

.RedLine {
	width: 100%;
	height: 5px;
	overflow: hidden;
	display: block;
	position: relative;
	padding: 0;
	margin: 1px 0 0 0;
	background: #CE2929;
}

#SAInclude2 
{
	position:relative;
	display:block;
}

.GrayLine {
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 5px 0;
	background: #D0D0D0;
}

.SmallGrayLine {
	width: 165px;
	margin: 5px 0 5px 20px;
	height: 1px;
	display: block;
	position: relative;
	overflow: hidden;
	background: #D0D0D0;
	clear: both;
}

/****************************/
/* PAGE'S COLUMN PROPERTIES */

#Cols {
	position: relative;
	display: block;
	margin: 0; 
	padding: 0;
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	background: transparent;
}

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

.ColsLi {
	position: relative;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
}

/*****************************/
/*  SOURCE ORDER COLUMNS     */

#C0 {
	width: 205px;
	margin: 0;
	padding: 0 0 30px 0;
	background: transparent;
}

#C1 {
	width: 565px;
	background: transparent;
	margin: 0;
	padding: 0;
}

#TextCols {
	position: relative;
	display: block;
	width: 95%;
	margin: 10px 0 10px 5px;
	padding: 0;
}

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

/****************************/
/* PAGE'S FOOTER PROPERTIES */

#Footer { 
	width: 100%;
	height: 35px;
	overflow: hidden;
	background: transparent;
	text-align: center;
	margin: 0;
	padding: 0;
}

#NaviButtons {
	display: block;
	padding: 0;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	text-align: center;
	list-style-type: none;
	background: transparent;
}

html>body #NaviButtons {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.NaviLi {
	position: relative;
	display: inline;
	float: left;
	padding: 0 15px 0 0;
	margin: 0;
	text-align: left;
}

.NaviLi a { 
	color: #A0A0A0;
	text-decoration: none;
	display: block;
	line-height: 30px;
	height: 30px;
	background: transparent;	
}

* html .NaviLi a { 
	float: left;
}

.NaviButton {
	border: none;
	padding: 0;
	margin: 1px;
}

#NaviSmall {
	background: url(../img/pienenna.gif) no-repeat left center;
	padding: 0 0 0 15px;
}

html>body #NaviSmall {
	display: none;
}

#NaviLarge {
	background: url(../img/suurenna.gif) no-repeat left center;
	padding: 0 0 0 15px;
}

html>body #NaviLarge {
	display: none;
}

#NaviPrint {
	background: url(../img/print.gif) no-repeat left center;
	padding: 0 0 0 17px;
}

#NaviBack {
	background: url(../img/back.gif) no-repeat left center;
	padding: 0 0 0 7px;
}

#NaviForward {
	background: url(../img/forward.gif) no-repeat left center;
	padding: 0 0 0 7px;
}

#NaviTop {
	background: url(../img/up.gif) no-repeat left center;
	padding: 0 0 0 7px;
}

#SAContent1 a img, #SAContent2 a img, #SAContent3 a img  {
	position: relative;
	border: none;
}

#SAContent1 p, #SAContent2 p, #SAContent3 p, #SAContent4 p {
	margin: 0;
	padding: 5px 0 5px 0;
}

html>body #SAContent1 {border-bottom:1px solid transparent;}
html>body #SAContent2 {border-bottom:1px solid transparent;}
html>body #SAContent3 {border-bottom:1px solid transparent;}

/*****************************/
/* SA STATIC CONTENT STYLES  */

#SAContent1 ul, #SAContent2 ul, #SAContent3 ul, #SAContent4 ul  {
	margin: 1em 0 1.5em 20px;
	padding: 0;
	list-style: disc outside;
	line-height: 1.15em;
}

#SAContent1 ul li, #SAContent2 ul li, #SAContent3 ul li, #SAContent3 ul li, #SAContent4 ul li {
	margin: 0 0 0.4em 0;
	padding: 0;
	padding: 0;
}

#SAContent1 li ul, #SAContent2 li ul, #SAContent3 li ul, #SAContent4 li ul {
	margin: 0.2em 0 0.6em 20px;
	padding: 0;
	list-style: circle outside;
	line-height: 1em;
}

#SAContent1 li ul li, #SAContent2 li ul li, #SAContent3 li ul li, #SAContent4 li ul li {
	margin: 0 0 0.2em 0;
	padding: 0;
}

#SAContent1 ol, #SAContent2 ol, #SAContent3 ol, #SAContent4 ol {
	margin: 0 0 1.5em 25px;
	padding: 0;
	line-height: 1.15em;
	list-style-position: outside;
	list-style-type: decimal;
}

#SAContent1 ol li, #SAContent2 ol li, #SAContent3 ol li, #SAContent4 ol li {
	margin: 0 0 0.4em 0;
	padding: 0;
}

#SAContent1 a img, #SAContent2 a img, #SAContent3 a img, #SAContent4 a img  {
	position: relative;
	border: none;
}

#SAContent1 p, #SAContent2 p, #SAContent3 p, #SAContent4 p {
	margin: 0;
	padding: 5px 0 5px 0;
}

html>body #SAContent1 {border-bottom:1px solid transparent;}
html>body #SAContent2 {border-bottom:1px solid transparent;}
html>body #SAContent3 {border-bottom:1px solid transparent;}

/*****************************/
/* SA DYNAMIC CONTENT STYLES */

#SAContent1 {
	position: relative;
	display: block;
	width: 95%;
	margin: 10px 0 10px 5px;
	padding: 0;
	overflow: hidden;
}

#SAContent2, SAArea1 {
	position: relative;
	display: block;
	width: 95%;
	margin: 0 0 10px 5px;
	padding: 0;
	overflow: hidden;
}

#SAContent3 {
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}

.SubPage {
	width: 48%;
}

.FrontPage {
	width: 60%;
}

#SAContent4 {
	position: relative;
	display: inline;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}

#ContactBox {
	display: block;
	position: relative;
	margin: 10px 0 10px 30px;
	padding: 0;
	/*clear: left;*/
	width: auto;
}

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

#CopyRight {
	display: block;
	position: relative;
	margin: 10px 0 0 30px;
	padding: 0;
}

#CopyRight a {
	color: #4E4E4E;
}

#NewsBox {
	position: relative;
	display: inline;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	width: 35%;
	background: transparent;
}

#NewsBox a {
	color: #4E4E4E;
}