/*
 *	Hillan sivuilla käytettävät tyylisäännöt
 *
 */

body {
     font-family: "Trebuchet MS", sans-serif ;
     font-size: 12px;
     color: #333333;
     background-color: #ffffff;
}


/**************** Pseudo classes ****************/

a:link {
     color: #7766aa;
     text-decoration: none;
     font-weight: none;
}

a:visited {
     color: #7766aa;
     text-decoration: none;
     font-weight: none;
}

a:hover {
     color: #EEEEEE;
     text-decoration: none;
     font-weight: bold;
}

a:active {
	 color: #aaaaee;
     text-decoration: none;
     font-weight: bold;
}

.menuoff {
  font-weight: none;
  font-size: 100%;
}

.menuon {
  font-weight: bold;
  font-size: 120%;
}

.submit {
background:#ffff90 none repeat scroll 0 0;
font-weight: bold;
font-size: 90%;
}
.form {
background:#ffff90 none repeat scroll 0 0;
font-size: 90%;
}

.taso1 {
     list-style-image: url(../p/ul-1.png);
}

.taso2 {
     list-style-image: url(../p/ul-2.png);
}

#nav {
	float:left;
	width: 148px;
	text-align:center;
	color: #ee8;
	background: transparent;
}
#hidebordertop {
	position:absolute;
	bottom:-2px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#hideborderbottom {
	position:absolute;
	top:-3px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#inserttop {
	position:relative;
	height:10px;
	background:#fff;
	color:#000;
	border-bottom:2px solid #C8181A;
}
#insertbottom {
	position:relative;
	clear:both;
	height:10px;
	background:#fff;
	color:#000;
	border-top:2px solid #C8181A;
}



/************************* ID's *************************/

#mypage {
  background-image:url(../p/ice.jpg);
  background-repeat:repeat-x;
  min-width: 900px;
  max-width: 1680px;
  min-height:            1000px;
  background-color:          transparent;
}

#header {
  border: green 0px solid;
  background-color:          transparent;
  background-image:          url(../p/Hilla_Header.png);
  background-position:       left;
  background-repeat:         no-repeat;
  height:                    250px;
  text-align:                right;
  margin-left:               2%;
  margin-right:              2%;
  padding-top:               4px;
  padding-bottom:            2px;
  min-width: 800px;
}

#menubox {
  width:               96%;
  background-color:   blue;
  color:			  #CCCCCC;
  text-align:         left;
  font-size:          120%;
  margin-left:           2%;
  margin-right:          2%;
  border: blue 1px solid;
}

#contentbox {
  border:					 blue 1px solid;
  background-image:          url(../p/Ice_blue.jpg);
  background-position:       left;
  width:                 96%;
  margin-left:           2%;
  margin-right:          2%;
  background-color:      #ffffff;
  min-width:			 800px;
  min-height:            530px;
  max-width:			 1680px;
  background-color:		  gray;
}

#content {
  border: pink 0px solid;
  margin-top:			 24px;
  margin-bottom:		 24px;
  margin-left:           12px;
  margin-right:			 12px;
  min-height:            400px;
  min-width:			 800px;
  max-width:			 1680px;
}

#footer {
  border: green 0px solid;
/*  background-image:       url(../p/liuku_har-val_50.png);
  background-repeat:      repeat-x;*/
  height:                 36px;
  padding-right:           0%;
  padding-top:            4px;
  font-size:              80%;
  font-weight:            bold;
  text-align:             right;
  width:                  98%;
}
}