body {
background-color:#F4F3E1 ;
color:#000000;
margin:0px;
padding:0px;
}
#outer {
background-color:#ffffff;
margin:0px auto 0px auto;
width:774px;
border-width:1px;
border-style: solid;
border-color: #f5f5f5;
}

#header {
padding:15px 0px 0px 38px;
height:60px;
color:#000000;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
padding:0px 0px 0px 19px;
list-style:none; 
background: url(/a-1.png);
background-position: left center;
background-repeat: no-repeat;
}
#content {
float:right;
width:534px;
}
.inner {
margin:0px 14px 0px 5px;
padding:0px 14px 0px 10px;
}
p {
margin:1em 0 1em 0;
font-size:13px;
line-height:150%;
}
img {
border:0;
}
a {
font-weight:normal;
color: #003366;
}
h1 {
font-weight:bold;
color:#357109;
font-size:14px;
margin:0px;
padding:7px 0px 0px 0px;
}
h1 a{
font-weight:bold;
color:#357109;
text-decoration:none;
}
h1 a:hover{
text-decoration:underline;
}
h2 {
font-size:14px;
color: #000000;
margin-left:-5px;
margin:20px 0px 0px -4px;
padding:9px 0px 7px 7px;
background-color:#E4D16A;
border-top: 1px solid #087CA7;
border-bottom: 1px solid #087CA7;
}
h2 a{
font-weight:bold;
text-decoration: none;
color:#265699;
}
h3 {
font-size:14px;
color: #000000;
padding-left: 5px;
}
h3 a{
text-decoration: none;
color:#265699;
}
.color1 {color:#d62025;font-weight:bold;}
.color2 {color:#ff0000;font-weight:bold;}
#left {
color:#676767;
font-size:13px;
font-weight:normal;
width:240px;
float:left;
padding:20px 0px 0px 0px;
}
.left-title {
font-size:13px;
margin:0px 10px 0px 26px;
padding:5px 10px 5px 24px;
font-weight:bold;
background-color:#E3E3E3;
color:#333333;
border-top: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
}
.link {
margin:0px 10px 10px 26px;
padding:10px 8px 10px 0px;
line-height:170%;
border: 1px solid #c7c7c7;
}
.link a{
font-weight:normal;
font-size:13px;
color:#003366;
text-decoration:none;
}
.link a:hover{
text-decoration:underline;
}
#footer {
padding-top:40px;
text-align:center;
color:#666666;
font-size:12px;
height:90px;
clear:both;
}
.pagetop {
font-size:12px;
padding-right:70px;
text-align:right;
}
.pagetop a{
text-decoration:none;
}
.pagetop a:hover{
text-decoration:underline;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

@media screen and (max-device-width: 480px) {
#outer {width:auto;}
#header {
width:96%;
padding:15px 0 0 10px;
height:60px;
text-align:none;
font-size:100%;
}
#left {
color:#676767;
font-size:13px;
font-weight:normal;
width:100%;
float:none;
padding:20px 0 0 0;
}
.left-title {
margin:0px 10px 0px 10px;
}
.link {
margin:0px 10px 10px 10px;
padding:10px 0px 10px 0px;
line-height:170%;
border: 1px solid #c7c7c7;
}
.link ul li {font-size:16px;padding:5px 0 0 20px;}
.link a{font-size:16px;display:block;}
#content {float:none;width:100%;}
.inner {margin:0;padding:0 10px;}
p {font-size:100%;}
#footer {width:100%;
padding-top:40px;
text-align:center;
color:#666666;
font-size:12px;
height:90px;
clear:both;
}
img {zoom:80%;}
}