/*====================*/
/*                    */
/*       Common       */
/*                    */
/*====================*/

BODY, P, TD
{
	font-size:          13px;
  font-family:        Verdana,sans-serif, "Lucida Grande","Lucida Sans Unicode", Arial;
	color:              #000000;
	text-decoration:    none;
}

A
{
  	font-family:      Verdana,sans-serif, "Lucida Grande","Lucida Sans Unicode", Arial;
  	color: 						#1f5fa5
}

BODY
{
	margin:             0px;
	padding:            0px;
	background-color:		#eef6fc;
}


.pageContainer
{
	width: 							770px;
}
	
.contentArea
{
	background-image: url(../images/contentBG.png);
	background-repeat:	repeat-y;
	width: 770px;
	}
	
/*====================*/
/*                    */
/*      Header  	  */
/*                    */
/*====================*/

.topShadow
{
	background-image: url(../images/topShadow.png);
 	background-repeat:  no-repeat;
 	background-position:center;
	width: 770px;
	height:	11px;
}

/*====================*/
/*                    */
/* 		topNavi		  */
/*                    */
/*====================*/

.topNavi {
	width: 714px;
	height: 40px;
	text-align: center;
}

.topMenu_keltainen
{
	float: left;
	height: 40px;
	width: 142px;
	background-color: #f3d000;
	border-right: 1px solid #ffffff;
}

.topMenu_keltainen_intranet
{
	float: left;
	height: 40px;
	width: 142px;
	background-color: #f3d000;
}

	
.topMenu_keltainen A, .topMenu_keltainen_intranet A
{
	position: relative;
	top: 16px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #1f5fa5;
}


.topMenu_keltainen A:hover, .topMenu_keltainen_intranet A:hover
{	
	text-decoration: underline;
	}

/*====================*/
/*                    */
/* 	mainPic & path    */
/*                    */
/*====================*/

.mainPic
{
	width: 714px;
	margin-bottom: 10px;
	}

.path
{
	height: 20px;
	width: 714px;
	margin-top: 5px;
	margin-bottom: 2px;

	}

	
.path A, .path
{
	font-size: 10px;
	color: #1d5ea7;
	text-decoration: none;
	}
	
.path A:hover
{
	text-decoration: underline;
	}

/*====================*/
/*                    */
/*leftMenu and Content*/
/*                    */
/*====================*/

.leftMenu_and_content
{
	width: 714px;
	text-align: left;
	}

.leftMenu
{
	width: 180px;
}


/* leftMenu listana */
ul.nav
{
	padding-top:0px;
	
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	
	}

ul.nav ul
{
	margin-left: 3px;
	padding-left: 3px;
	padding-bottom: 5px;	
	list-style-type: none;	
	}

ul.nav ul ul
{
	margin-left: 8px;
	padding-left: 8px;
	padding-bottom: 5px;	
	list-style-type: circle;	
	}

ul.nav li ul li ul li
{
	border-bottom: 0px solid #f3d000;
	margin-top: 3px;
	padding-bottom: 3px;
	}

ul.nav ul ul li a
{

	color: #000000;
	}

.leftMenu_keltainen
{

	padding: 5px;
	width: 180px;
	background-color: #f3d000;
	border-bottom: 1px solid #ffffff;
	}

.leftMenu_keltainen A
{
	position: relative;
	
	text-decoration: none;
	font-size: 12px;
	color: #1f5fa5;
	}

ul.nav li ul li
{
	border-bottom: 1px solid #1f5fa5;
	margin-top: 3px;
	padding-bottom: 3px;
	}

ul.nav li ul li.last
{
	border-bottom: 0px solid #f3d000;
	margin-top: 3px;
	padding-bottom: 3px;
	}

ul.nav strong a
{
	color: #000000;
	}

.nav li ul li a
{
	text-decoration: none;
	font-size: 12px;
	}

.leftMenu_keltainen A:hover, .nav ul li a:hover
{	
	text-decoration: underline;
	}

/* leftmenu listana oppuu */

.content
{
	/*width: 544px;*/
	width: 100%;
	padding-left: 30px;
}



H1,H2,H3,H4,H5,H6
{
	margin: 5px 0px 10px 0px;
	}

.etusivu_otsikko
{	
	background-color: #f3d000;
	color: #1d5ea7;
	padding: 7px;
	}

.posa_otsikko
{	
	background-color: #1d5ea7;
	color: #ffffff;
	padding: 7px;
	}
	
.palvelut_otsikko
{	
	background-color: #67a74e;
	color: #ffffff;
	padding: 7px;
	}

.terveyden_edistaminen_otsikko
{	
	background-color: #c83628;
	color: #ffffff;
	padding: 7px;
	}



H1
{
	font-size: 18px;
	}

H2
{
	font-size: 16px;
	}
	
H3
{
	font-size: 14px;
	}

H4
{
	font-size: 12px;
	}

H5
{
	font-size: 10px;
	}

H6
{
	font-size: 8px;
	}



/*====================*/
/*                    */
/*    Footer	      */
/*                    */
/*====================*/

.menuLineBottom
{
	width: 714px;
	height: 3px;
	background-image: url(../images/menuline.png);
	background-repeat: repeat-x;	
	margin: 0px;
	padding: 0px;
	}

.bottomMenu
{
	width: 714px;
	height:30px
	}

.bottomMenu a
{
	position: relative;
	top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	text-decoration: none;
	color: #1d5ea7;
	font-size: 11px;
	}


.bottomMenu a:hover
{
	text-decoration: underline;
	}

.bottomShadow
{	
	background-image: url(../images/bottomShadow.png);

	
	width: 770px;
	height:	30px;
	}