/*default style reset*
-------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, li {
margin: 0;
padding: 0
}

/*basic style
-------------------------------------------------*/
body {
color: #333;
font-size: 9pt;
background-color: #fff
}

h1, h2, h3, h4, h5, h6 {
color: #033;
font-style: normal;
font-weight: normal;
line-height: 150%;
margin-bottom: 12px
}

h1 {
font-size: 160%
}

h2 {
font-size: 140%
}

h3 {
font-size: 120%
}

h4, h5, h6 {
font-size: 100%
}

p {
color: #333;
font-size: 9pt;
line-height: 150%;
margin-bottom: 12px
}

a {
color: #066
}

a:hover {
color: #fff;
background-color: #033
}

em {
font-style: normal;
font-weight: bold;
text-decoration: none
}

strong {
color: #066;
font-style: normal;
font-weight: bold;
text-decoration: none
}

blockquote {
display: block;
margin-right: 0;
margin-left: 30px
}

ul, ol {
font-size: 9pt;
line-height: 125%;
margin: 0 5px 12px 30px;
padding: 0
}

li {
margin: 5px 0
}

td {
color: #333;
font-size: 9pt
}

th {
color: #333;
font-size: 9pt;
font-weight: bold
}

caption {
color: #333;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
padding-bottom: 5px
}

img {
display: block
}

/*background
-------------------------------------------------*/
td#bgleft {
background-color: #066;
background-image: url("../img/bg_left.gif");
background-repeat: repeat-y;
background-position: right top
}

td#bgright {
background-color: #066;
background-image: url("../img/bg_right.gif");
background-repeat: repeat-y;
background-position: left top
}

/*header
-------------------------------------------------*/
#header img {
margin-top: 4px
}

#header p  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: right;
display: block;
margin-bottom: 0
}

/*footer
-------------------------------------------------*/
#footer img {
margin: 5px 0
}

/*global navigation
-------------------------------------------------*/
#globalnav a:hover {
background-color: #fff
}

/*local navigation
-------------------------------------------------*/
#localnav ul {
background-color: #9cc;
list-style-type: none;
margin: 0 0 12px;
padding: 0;
width: 180px
}

#localnav ul li {
text-align: left;
margin: 0;
padding: 5px;
border-bottom: 1px solid #066;
border-left: 10px solid #066
}

#localnav ul li a {
color: #033;
text-decoration: underline;
display: block
}

#localnav ul li a:hover {
color: #fff;
background-color: #033
}

/*contentstop
-------------------------------------------------*/
#contentstop h2 {
color: #fff;
font-size: 9pt;
line-height: 16px;
background-color: #066;
background-image: url("../img/bullet_square_white.gif");
background-repeat: no-repeat;
background-position: 6px 7px;
padding: 4px 12px 4px 24px;
border-style: none
}

#contentstop h2.bgred {
background-color: #900
}

#contentstop h2.bgblue {
background-color: #36c
}

#contentstop h2.bgyellow {
background-color: #990
}

#contentstop h2.bggreen {
background-color: #360
}

#contentstop h2.bgorange {
background-color: #f60
}

#contentstop h2.bggray {
background-color: #666
}

#contentstop h2.bgpurple {
background-color: #99c
}

#contentstop h2.bgtest {
background-color: #330000
}

/*contents
-------------------------------------------------*/
#contents h1 {
font-weight: 600;
background-image: url("../img/pagetitlebg.jpg");
background-repeat: repeat-x;
padding-top: 5px;
width: 530px;
height: 90px
}

#contents h2 {
padding-left: 5px;
border-bottom: 1px solid #066;
border-left: 5px solid #066
}

#contents h3 {
color: #fff;
font-size: 100%;
background-color: #066;
display: block;
padding-right: 5px;
padding-left: 5px
}

#contents h4  {
font-size: 120%;
background-image: url("../img/bullet_square_green.gif");
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 15px
}

#contents table {
margin-bottom: 12px
}

/*ads
-------------------------------------------------*/
#ads {
text-align: center
}

#ads img {
margin: 0 auto 5px;
padding: 0;
width: 138px
}

#ads a {
text-decoration: none
}

#ads a:hover {
background-color: transparent
}

/*class style
-------------------------------------------------*/
ul.triangle {
list-style-image: url("../img/bullet_triangle_green.gif");
list-style-position: outside
}

p.doclink {
color: #066;
line-height: 20px;
background-image: url("../img/doclink.gif");
background-repeat: no-repeat;
background-position: left top;
margin-left: 5px;
padding-left: 20px
}

p.more  {
background-image: url("../img/bullet_arrow_green.gif");
background-repeat: no-repeat;
background-position: right center;
text-align: right;
display: block;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding-right: 10px
}

.box {
display: block;
padding: 5px;
border: solid 1px #066
}