/*css for itu-website*/

body {background-color: #F8991C;
     font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
     font-size: normal;
     }

#content {
          background-color: #F8991C;
          position: relative;
          margin-left: 0px;
          margin-right: 0px;
	  padding-left: 50px;
	  padding-right: 50px;
          }

#main-text {background-color: #FFFFFF;
	   padding-top: 10px;
	   padding-bottom: 10px;
	   padding-left: 20px;
	   padding-right: 20px;
	   border-left: solid 2px #CB205A;
	   border-right: solid 2px #CB205A;
           }

#header {background-color: #FFFFFF;
         text-align: center;
         padding-top: 5px;
	 padding-left: 5px;
	 padding-bottom: 5px;
         margin-top: 0;
	 border-left: solid 2px #CB205A;
	 border-top: solid 3px #CB205A;
	 border-right: solid 2px #CB205A;
	 border-bottom: solid 4px #F8991C;
        }

#header2 {background-color: #F8991C;
         text-align: left;
	 border-left: solid 2px #CB205A;
	 border-top: solid 3px #CB205A;
        }

#navbar {background-color: #FFFFFF;
         text-align: center;
         font-size: 0.9em;
         padding-left: 5px;
         padding-right: 5px;
         padding-bottom: 15px;
	 padding-top: 0px;
	 border-left: solid 2px #CB205A;
	 border-right: solid 2px #CB205A;
         }

#navbar2 {background-color: #FFFFFF;
         text-align: center;
         font-size: 0.9em;
         padding-left: 5px;
         padding-right: 5px;
	 padding-top: 0px;
	 }

#footer {background-color: #F8991C;
	  font-family: Arial, Tahoma, Helvetica, sans-serif;
          font-size: 0.9em;
          text-align: center;
          border-right: solid 2px #CB205A;
	  border-bottom: solid 3px #CB205A;
	  border-left: solid 2px #CB205A;
          padding: 5px;          
         }

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
   }

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    text-align: center;
   }

h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    }
    
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    }
    
h5 {font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    }

p {font-size: 0.9em;
  }

p.small {font-family: Arial, Helvetica, sans-serif;
         font-size: 0.9em;
         font-variant: small-caps;
         font-style: italic;
        }

p.note {font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-variant: small-caps;
        }

p.note2 {font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-variant: small-caps;
        text-align: center;
        }

p.note3 {font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-variant: small-caps;
        text-align: right;
        }

p.huom {font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: red;
        }

p.huom2 {font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: red;
	font-variant: small-caps;
	text-align:center;
        }

p.header {font-family: sans-serif, Verdana, Century Gothic;
          font-size: 3em;
          text-align: relative;
          font-variant: small-caps;
          }
          


a:link {color: #005A9C;
        text-decoration: none;
        }

a:visited {color: #CB205A;
           text-decoration: none;
          }

a:active {color: gray;
          text-decoration: none;
          }

<!-- a:hover {color: #FFFFFF;
         background-color: #F8991C;
         text-decoration: none; 
         } -->





#main-text2 {background-color: #FFFFFF;
            padding: 10px;
	    text-align: justify;
           }


         
#intend {background-color: #FFFFFF;
         padding: 15px;
         margin-left: 20px;
         margin-right: 20px;
         text-align: justify;
         border: 1px solid gray;
         }

#intend_oma {background-color: #FFFFFF;
         padding: 15px;
         text-align: center;
         border: 2px dotted #F8991C;
         }

#intend_oma2 {background-color: #FFFFFF;
         padding: 15px;
         text-align: left;
         border: 2px dotted #F8991C;
         }

#intend_perus {background-color: #FFFFFF;
         padding: 15px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: 0.9em;
         text-align: justify;
         } 

#intend_red {background-color: #FFFFFF;
         padding-left: 15px;
         padding-right: 15px;
         margin-left: 20px;
         margin-right: 20px;
         font-weight: bold;
         text-align: justify;
         border: 2px solid red;
         }    
         
#intend2 {background-color: #FFFFFF;
         padding-left: 15px;
         padding-right: 15px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: 1em;
         text-align: justify;
         }         

#intend3 {background-color: #FFFFFF;
         padding: 15px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: 0.9em;
         text-align: justify;
         border: 1px solid blue;
         } 

#intend4 {background-color: #FFFFFF;
         padding: 15px;
         margin-left: 20px;
         margin-right: 20px;
         font-size: 0.9em;
         text-align: justify;
         border: 2px solid blue;
         }   

#date {font-family: Arial, Tahoma, Helvetica, sans-serif;
          font-size: 0.9em;
          color: #666666;
          text-align: right;
         }
         
#logo {background-color: #FFFFFF;
       text-align: right;
       } 

#topleft {font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 0.8em;
	color: black;
	text-align: left;
	}
       
#kieli {font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 0.8em;
	color: black;
	text-align: right;
	} 

ul {font-size: 0.9em;
  }

ol {font-size: 0.9em;
  }

.ddm1 {
    font: 12px Arial;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 0px #003366;
    border-style: none none none none;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #fffff;
    color:  #005A9C;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #FF6600;
    color: #ffffff;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #3264C7;
    color: #ffffff;
}
.ddm1 .item2:hover {
    background: #6699FF;
    color: #ffffff;
}
.ddm1 .section {
    border: 1px #003366;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */