body {
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
color:#000;
background-color:#FFFFF0;
}

a:link {color:#0000EE}
a:visited {color:#551A8B}
a:hover {color:#DC143C}
a:active {color:#551A8B}
a:focus {color:#551A8B}


td,p,ul,li,h1,h2,h3,h4,h5,h6,div,small {
font-family:Arial,Helvetica,sans-serif;
}

h1 {font-size:1.7em;margin:0;padding:0}
h2 {font-size:1.1em;margin-top:2em}
h3 {font-size:1em;}
ul {margin-right:5%}
li {padding:0 0 0.7em}
h4 {margin-top:2.5em}
h5 {margin:0}
img {border-style:none}

#cont {margin:0 6%}

#head p {font-size:0.9em;margin:0;padding:0;font-weight:bold}

#qpic {position:relative;top:10px}

#head {
text-align:center;
padding:15px;
margin-top:2em;
background-color:#FFFFD0;
border-style:solid;
border-width:1px;
border-color:black;
}

#note {
padding:10px;
margin:5%;
border-style:solid;
border-width:1px;
border-color:black;
background-color:#f0f0f0;
}

#navi,#navi2 {
background-color:#0060df;
border-width:1px;
border-color:red;
padding:0;
height:51px;
font-size:15px;
}

#apo {
background-color:#0060df;
color:white;
height:53px;
font-size:0.9em;
}
#apo,#apo li {font-family:Verdana,Arial;}
#apo li {padding:1px}
#apo ul {margin:0 0 0 6em}
#apo input {font-size:1.3em}
input#suc {width:50%;font-size:1.5em;margin:0 0 0.2em;height:29px}
#apo img {border:solid 1px gray}



#navi a:link,#navi2 a:link,#apo a:link {color:#ffff00}
#navi a:visited,#navi2 a:visited,#apo a:visited {color:#ffff00}
#navi a:hover,#navi2 a:hover,#apo a:hover {color:#eff}
#navi a:active,#navi2 a:active,#apo a:active {color:#eff}
#navi a:focus,#navi2 a:focus,#apo a:focus {color:#eff}

#navi div,#navi2 div {padding:0.5em 0 0 1.5em}
#apo div {padding:0.5em 0 0 5em}
#navi img,#navi2 img {margin:0 1em 0 0}
#navi {
border-style:none none solid none;
margin-bottom:3.5em;
}
#navi2 {
border-style:solid none none none;
margin-top:2em;
}