body { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; background-image: url(images/pix.jpg); background-repeat: repeat; padding:0; margin: 0; }

/* for iePC */ td{
font-size: 12px;
}
a { color: #0000e1; font-style: normal; text-decoration: underline; }
a:visited {color:#0000e1;}
a:hover { color: #000; text-decoration: none; }
a:active { color:#000;}

h1{ color: #0000e1; font-size:24px; letter-spacing: 1px; }
h2{ color: #0000e1; font-size:16px; font-style: italic; }
h3{
font-size:14px;
}
h4{
font-size:12px;
}

form{
padding: 0px;
margin: 0px;
}

.form{
padding: 0;
margin: 5px 25px 15px;
}

textarea, .formgenerell input, input.formgenerell {
width:300px;
border: solid 1px #aaaaaa; 
margin-top: 5px;
padding: 2px;
}

.formbutton {
width:100px;
border: 1px solid #aaaaaa; 
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px;
    padding: 5px;
    border: solid 1px ;
    background-color: #e1e1e1;
}

.formlabelerror {
    color: #ff6937;
    font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
#container { background-color: white; width: 800px; border: solid 2px #696969; background-image: none; background-repeat:no-repeat; margin-right: auto; margin-left: auto; }

/* head container for logo and metanavi
-------------------------------------- */
#banner { background-image: url(images/banner.jpg); width: 800px; padding: 0; margin: 0; height: 240px; }
#banner2 { background-image: url(images/banner2.jpg); margin: 0; padding: 0; width: 800px; height: 240px; }
#banner3 { background-image: url(images/banner3.jpg); margin: 0; padding: 0; width: 800px; height: 240px; }
#banner4 { background-image: url(images/banner4.jpg); margin: 0; padding: 0; width: 800px; height: 240px; }
#banner5 { background-image: url(images/banner5.jpg); margin: 0; padding: 0; width: 800px; height: 240px; }
#metanavi { 
float: right;
padding: 5px 15px 0px 0px;
margin: 0px;
}
/* content elements
-------------------------------------- */
#content { padding: 35px 50px; background-color: #ffffff; background-image: none; width: 700px; margin: 20px 0 0; }

/*footer
-------------------------------------- */
#footer { color: #000; background: #fff no-repeat; text-align: center; position: inherit; width: 780px; height: 15px; padding: 10px; border-top: 2px solid #0000c3; }
/*main-navi
-------------------------------------- */
#topnavi { font-weight: normal; font-style: normal; background-color: #e1e1e1; text-align: center; border-bottom:2px solid #0000c3; margin: 0; padding: 4px 0; border-top: 2px solid #0000c3; }
#topnavi a { color: #000; font-size: 16px; font-weight: normal; font-style: normal; background-color: transparent; text-decoration: none; margin: 0; padding: 4px 15px; }
#topnavi a:visited { color:#000; font-weight: normal; font-style: normal; }
#topnavi a:hover { color: white; font-weight: normal; font-style: normal; background-color: #696969; text-decoration: none; }
#mainnavi a:active { color:#000000; font-weight: normal; font-style: normal; text-decoration: none; }
#container  #topnavi a.selected { background-color: #e1e1e1; color: #000000; font-weight: normal; }
