* {
margin: 0;
padding: 0;
}
body {
font-size: 90%;
color: #333333;
background-color: #ffffff;
}
img {
border: none;
}
p {
margin-bottom: 1em;
margin-left: 0.5em;
line-height: 140%;
font-size: 100%;
text-align: justify;
text-justify: inter-ideograph;
}
p#mobile {
display: none;
}
#container {
width: 780px;
}
#header {
width: 410px;
float: right;
padding: 3px 0 0 20px;
border-left: 10px solid #ffffff;
}
#header p {
margin: 0;
padding: 0;
line-height: 100%;
font-size: small;
text-align: right;
}
#header a {
padding-left: 5px;
}
#content {
width: 410px;
margin: 0;
padding: 0 0 50px 20px;
float: right;
border-left: 10px solid #ffffff;
}
h1 {
margin-top: 30px;
text-align: right;
font-size: 12pt;
}
h2 {
margin-top: 2em;
margin-bottom: 1em;
padding: 0.2em;
font-size: 145%;
}
h3 {
margin-top: 2em;
margin-bottom: 0.5em;
padding: 0.25em 0.25em 0.25em 0.5em;
font-size: 115%;
}
h4 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 110%;
}
body#clr01 #content h1 {
color: #30999a;
border-bottom: 2px dotted #30999a;
}
body#clr01 #content h1 a {
text-decoration: none;
color: #30999a;
}
body#clr02 #content h1 {
color: #abcd44;
border-bottom: 2px dotted #abcd44;
}
body#clr03 #content h1 {
color: #bcb0a3;
border-bottom: 2px dotted #bcb0a3;
}
body#clr04 #content h1 {
color: #1f5c97;
border-bottom: 2px dotted #1f5c97;
}
body#clr04 #content h1 a {
text-decoration: none;
color: #1f5c97;
}
body#clr05 #content h1 {
color: #730a0d;
border-bottom: 2px dotted #730a0d;
}
body#clr06 #content h1 {
color: #cb100a;
border-bottom: 2px dotted #cb100a;
}
body#clr07 #content h1 {
color: #222950;
border-bottom: 2px dotted #222950;
}
body#clr01 #content h2 {
border-left: 10px solid #30999a;
}
body#clr02 #content h2 {
border-left: 10px solid #abcd44;
}
body#clr03 #content h2 {
border-left: 10px solid #bcb0a3;
}
body#clr04 #content h2 {
border-left: 10px solid #1f5c97;
}
body#clr05 #content h2 {
border-left: 10px solid #730a0d;
}
body#clr06 #content h2 {
border-left: 10px solid #cb100a;
}
body#clr07 #content h2 {
border-left: 10px solid #222950;
}
body#clr01 #content h3 {
border-left: 5px solid #30999a;
border-bottom: 1px solid #30999a;
}
body#clr02 #content h3 {
border-left: 5px solid #abcd44;
border-bottom: 1px solid #abcd44;
}
body#clr03 #content h3 {
border-left: 5px solid #bcb0a3;
border-bottom: 1px solid #bcb0a3;
}
body#clr04 #content h3 {
border-left: 5px solid #1f5c97;
border-bottom: 1px solid #1f5c97;
}
body#clr05 #content h3 {
border-left: 5px solid #730a0d;
border-bottom: 1px solid #730a0d;
}
body#clr06 #content h3 {
border-left: 5px solid #cb100a;
border-bottom: 1px solid #cb100a;
}
body#clr07 #content h3 {
border-left: 5px solid #222950;
border-bottom: 1px solid #222950;
}
#content ul {
padding-left: 1.5em;
margin-bottom: 1em;
}
#content li {
line-height: 200%;
}
#menu {
width: 300px;
padding: 0 20px 0 20px;
float: left;
background-image: url(../images/menuBack05.jpg);
background-repeat: no-repeat;
background-position: 15px 0;
}
#nav {
width: auto;
margin-top: 130px;
margin-right: 0;
margin-left: 20px;
padding-left: 0;
text-align: left;
font-size: 12pt;
}
#nav li {
margin: 10px 0;
padding: 2px 0 2px 5px;
list-style-type: none;
border-left: 5px solid #cccccc;
}
#nav li a {
padding: 0 10px 0 5px;
text-decoration: none;
color: #333333;
border-bottom: 1px dotted #333333;
}
#nav li a:hover {
color: #cb100a;
}
#nav li a#current {
color: #cccccc;
text-decoration: none;
border-bottom: 1px dotted #cccccc;
}
#nav li.clr01 {
border-left: 5px solid #30999a;
}
#nav li.clr02 {
border-left: 5px solid #abcd44;
}
#nav li.clr03 {
border-left: 5px solid #bcb0a3;
}
#nav li.clr04 {
border-left: 5px solid #1f5c97;
}
#nav li.clr05 {
border-left: 5px solid #730a0d;
}
#nav li.clr06 {
border-left: 5px solid #cb100a;
}
#nav li.clr07 {
border-left: 5px solid #222950;
}
#footer {
width: auto;
margin-top: 80px;
margin-bottom: 10px;
padding: 5px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
#footer p {
font-size: x-small;
line-height: 125%;
margin-bottom: 0;
}
#extra {
width: auto;
padding: 5px;
}
#extra p {
font-size: x-small;
line-height: 125%;
}
#contentSimple {
padding: 20px;
}
#contentSimple h1 {
margin-top: 40px;
text-align: left;
font-size: 12pt;
color: #30999a;
}
#contentSimple ul {
padding: 0;
margin-top: 0;
}
#contentSimple li {
list-style-type: none;
padding: 0;
margin: 10px 0 0 30px;
list-style-position: outside;
}
#contentSimple li a {
display: block;
height: 20px;
list-style-type: none;
background-image: url(../images/paper.gif);
background-repeat: no-repeat;
padding: 2px 0 1px 20px;
margin: 0 0 0 0;
background-position: 0 -1px;
}
dt {
margin-left: 0.5em;
margin-top: 1em;
font-weight: bold; 
}
dd {
margin-top: 0.5em;
margin-left: 1.5em;
}
#portrate {
 margin-left: 10px;
 margin-top: 10px;
 background-image:
url(../images/portratemiddle.JPG);
 background-repeat: no-repeat;
 background-position:left top;
 padding-left: 160px;
 height: 210px;
 min-height: 150px;
}
#thumbnail {
width: 380px;
min-height: 250px;
 padding: 0 10px 0 10px;
 margin: 0;
 border: 1px solid #30999a;
}
body#clr01 #content #thumbnail h3 {
margin-top: 10px;
border-left: 0px solid #30999a;
border-bottom: 1px solid #30999a;
color: #666666;
}
body#clr01 #content #thumbnail h4 {
margin-top: 5px;
}
#thumbnailA {
float: right;
width: 220px;
}
#thumbnailB {
float: left;
width: 160px;
}
ul#withPortrate {
 line-height: 1.4em;
 margin-left: 1em;
 padding-left: 0;
 font-size: 9pt;
 list-style-type: none;
}
ul.inContent li {
 line-height: 1.5em;
 padding-left: 0;
}
ul.inContent li a {
text-decoration: none;
color: #333333;
}
dl#qaQ dt {
margin-left: 2.5em;
text-indent: -1.5em;
}
p.qaA {
text-indent: -1em;
}
ul#QA li{
margin-left: 1em;
text-indent: -1.5em;
list-style-type: none;
line-height: 150%;
margin-bottom: 1em;
}
ul#QA li a {
color: #666666;
font-size: medium;
line-height: 150%;
text-decoration: none;
border-bottom: 1px solid #bbbbbb;
}
ul#QA li a:visited {
color: #800080;
border-bottom: 1px solid #800080;
}
strong.text {
color: #30999a;
}
strong.note {
color: #185D90;
font-weight: normal;
}
strong.noteRed {
color: #30999a;
}