body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    color: black;
    background-color: white;
    margin: 0;
}

/* --------------------------------------------------------------------------
 * Contents
 * -------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #394986;
    font-height: bold;
}

h1 {
    font-size: 1.6em;
    margin-top: 1.6ex;
    margin-bottom: 0.8ex;
}

h2 {
    font-size: 1.4em;
    margin-top: 2ex;
    margin-bottom: 1ex;
}

h3 {
    font-size: 1.2em;
    margin-top: 2.4ex;
    margin-bottom: 1.2ex;
}

h4 {
    font-size: 1.1em;
}

h4,
h5,
h6 {
    font-size: 1em;
    margin-top: 2.66ex;
    margin-bottom: 1.33ex;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

/* A page must start with a h1.title. */

h1.title {
    border-bottom: 1px solid #394986;
    padding-bottom: 2px;
    margin-top: 0;
}

/* Used to draw a box around the title of a license. */

div.head {
    border: 2px solid #394986;
    padding: 1ex;
    margin: 1.33ex 0;
}

blockquote.note,
blockquote.sidebar {
    border: 1px solid #9090B4;
    background-color: #F5F5FF;
    padding: 1ex;
    margin: 1.33ex 4em;
}

div.qna {
    border: 2px solid #394986;
    padding: 1ex;
    margin: 1.33ex 0;
}

/* Workaround IE6 bug: tables do not inherit font size. */
table,
p,
th,
td,
li,
dt,
dd {
    font-size: 1em;
}

p,
pre,
ol,
dl,
ul,
table {
    margin-top: 1.33ex;
    margin-bottom: 1.33ex;
}

blockquote {
    margin-top: 2.66ex 4ex;
}

code,
kbd,
tt,
pre {
    font-family: "Courier New",Courier,monospace;
    font-size: 90%;
}

pre {
    white-space: pre;
    background-color: #EEEEEE;
    border: 1px solid #C0C0C0;
    padding: 1ex;
}

ul {
    list-style-image: url(bullet_blue.png);
}

ul ul {
    list-style-image: url(bullet_cyan.png);
}

ul ul ul {
    list-style-image: url(bullet_purple.png);
}

ul ul ul ul {
    list-style-image: url(bullet_pink.png);
}

ul ul ul ul ul {
    list-style-image: url(bullet_orange.png);
}

ul ul ul ul ul ul {
    list-style-image: url(bullet_green.png);
}

ul ul ul ul ul ul ul {
    list-style-image: url(bullet_red.png);
}

li {
    margin-top: 1.33ex;
    margin-bottom: 1.33ex;
}

*[compact] > li {
    margin-top: 0;
    margin-bottom: 0;
}

dt {
    margin-top: 1.33ex;
    margin-bottom: 0;
}

dd {
    margin-top: 0;
    margin-bottom: 1.33ex;
}

*[compact] > dt {
    margin-top: 0;
}

*[compact] > dd {
    margin-bottom: 0;
}

a:link {
    text-decoration: none;
    color: #004668;
}

a:hover,
a:visited:hover {
    text-decoration: underline;
    color: #004668;
}

a:visited {
    text-decoration: none;
    color: #135678;
}

/* --------------------------------------------------------------------------
 * Decor
 * -------------------------------------------------------------------------- */

#container,
#header1-container,
#navigation-container {
    margin: 0;
}

#top-box {
    background-color: #90D1F7;
    background-image: url(top_gradient.png);
    background-repeat: repeat-x;
    background-position: top left;
}

#logo-box {
    width: 160px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0;
    padding-bottom: 2px;
}

/*
 * Top/right menu
 */

#top-menu-box {
    white-space: nowrap;
    padding: 5px;
}

/* 
 * element_name.class is used to increase the specificity of the selector.
 * 
 * !important is needed for IE 6.
 */

a.top-menu-item,
.top-menu-separator,
a.menu1-item,
a.menu1-item-selected,
.menu1-separator,
a.menu2-item,
a.menu2-item-selected,
.menu2-separator,
a.menu3-item,
a.menu3-item-selected,
a.breadcrumb-item,
.breadcrumb-separator,
#search-label,
#search-button,
#search-field {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

a.top-menu-item,
.top-menu-separator,
a.menu1-item,
a.menu1-item-selected,
.menu1-separator,
a.menu2-item,
a.menu2-item-selected,
.menu2-separator {
    font-size: 9pt;
}

a.top-menu-item,
.top-menu-separator {
    color: #545488 !important;
}

/*
 * Level 1 menu
 */

#menu1-box {
    white-space: nowrap;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}

a.menu1-item,
a.menu1-item-selected,
a.menu2-item,
a.menu2-item-selected {
    padding-left: 1ex;
    padding-right: 1ex;
}

a.menu1-item,
a.menu1-item-selected,
.menu1-separator {
    font-weight: bold;
    color: #484850 !important;
}

a.menu1-item,
a.menu1-item-selected {
    padding-top: 0.5ex;
    padding-bottom: 0;
}

a.menu1-item-selected {
    background-color: #7B9DCD;
}

/*
 * Level 2 menu
 */

#menu2-box {
    white-space: nowrap;
    padding: 5px;
}

#menu2-box {
    background-color: #6DC7F3;
    background-image: url(menu2_gradient.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

a.menu2-item,
a.menu2-item-selected,
.menu2-separator {
    color: #FAFAFA !important;
}

a.menu2-item-selected {
    font-weight: bold;
    color: white !important;
}

/*
 * Navigation (breadcrumb, search) bar
 */

#breadcrumb-box,
#search-box {
    padding: 0.5ex;
}

#search-box {
    white-space: nowrap;
}

#search-form {
    margin: 0;
}

a.breadcrumb-item,
.breadcrumb-separator,
#search-label,
#search-button,
#search-field {
    font-size: 8pt;
    color: #9090B4 !important;
}

#search-field {
    color: #545488;
    background-color: #F4F4F8;
    border-color: #AFB9C7;
    border-style: solid;
    border-width: 2px;
}

/*
 * Contents
 */

#contents-box {
    padding: 1ex 2em;
}

/*
 * Below contents
 */

#copyright-box {
    font-size: 7pt;
    color: #666666;
    padding-top: 5ex;
    padding-left: 2em;
    padding-right: 2em;
}

/*
 * News right column
 */

#news-box {
    width: 200px;
    padding: 1ex;
    background-color: #FDFDFE;
    background-image: url(news_gradient.png);
    background-repeat: repeat-y;
    background-position: top left;
}

.news1,
.news2,
.news3,
.news4,
.news5,
.news6 {
    font-size: 8pt;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding: 1ex;
    margin: 1ex 0.25ex;
}

.news1-title,
.news2-title,
.news3-title,
.news4-title,
.news5-title,
.news6-title {
    font-weight: bold;
}

.news1 {
    border-color: #394986;
}

.news1-title {
    color: #394986;
}

.news2 {
    border-color: #2176BB;
}

.news2-title {
    color: #2176BB;
}

.news3 {
    border-color: #5AC093;
}

.news3-title {
    color: #5AC093;
}

.news4 {
    border-color: #7BC05A;
}

.news4-title {
    color: #7BC05A;
}

.news5 {
    border-color: #794BDA;
}

.news5-title {
    color: #794BDA;
}

.news6 {
    border-color: #CCAE1C;
}

.news6-title {
    color: #CCAE1C;
}

/*
 * Level 3 menu
 */

#menu3-box {
    width: 200px;
    font-size: 8pt;
    padding: 1ex;
    background-color: #FDFDFE;
    background-image: url(menu3_gradient.png);
    background-repeat: repeat-y;
    background-position: top right;
}

div.menu3-item-container-1 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 2ex;
    margin-left: 0;
    margin-right: 0;
}

div.menu3-item-container-2,
div.menu3-item-container-3,
div.menu3-item-container-4,
div.menu3-item-container-5,
div.menu3-item-container-6 {
    font-weight: normal;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
    margin-left: 2ex;
    margin-right: 0;
}

a.menu3-item,
a.menu3-item-selected {
    color: #394986 !important;
}

/*
 * Site map
 */

#sitemap-box,
ul.sitemap-menu {
    list-style-type: none;
    list-style-image: none;
}

#sitemap-box,
ul.sitemap-menu,
li.sitemap-item {
    margin-top: 0;
    margin-bottom: 0;
}