body
{
    text-align: center;
    font-size: 12px;
    font-family: Tahoma;
    background-color: #97c9fb;
    background-image: url(/images/bg_blue.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

td
{
    vertical-align: top;
}

p
{
    margin: 0px 0px 10px 0px;
}

.layout
{
    background-image: url(/images/100_years.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 839px;
    border-left: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    text-align: left;
}

.header
{
    background-image: url(/images/header.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border-bottom: solid 0px #d0d0d0;
    height: 229px;
    background-color: #62A4E0;
}

.menu
{
    background-color: #E1EDF9;
    background-image: url(/images/menu_bar.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.menu a
{
    font-family: Arial;
    font-weight: bold;
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-right: solid 0px #c0c0c0;
}

.menu a, .menu a:visited, .menu a:link
{
    color: #346698;
    background-image: none;   
    background-color: Transparent;
}

.menu a:hover, .menu a.selected, .menu a:visited:hover,
.menu a:active
{
    color: #ffffff;
    background-color: #346698;
}

.sub-menu
{
    position: absolute;
}

.sub-menu div
{
    background-color: #CEE3F6;
}

.sub-menu a, .sub-menu a:link, .sub-menu a:visited
{
    border-right: solid 2px #c0c0c0;
    border-bottom: solid 2px #a0a0a0;
    font-family: Arial;
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    color: #404040;
    text-decoration: none;
    margin-right: 1px;
}

.sub-menu a:hover, .sub-menu a:visited:hover, .sub-menu a:active
{
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
    background-color: #7AACDE;
}

.footer
{
    border-top: solid 1px #b0b0b0;
    padding: 20px 175px 15px 0px;
    margin: 0px 10px 0px 10px;
    text-align: left;
    color: #505050;
}

.footer span
{
    font-weight: bold;
    float: left;   
}

.footer a, .footer a:link, .footer a:visited
{
    text-decoration: none;
    color: #505050;
}

.footer a:hover, .footer a:visited:hover, .footer a:active
{
    text-decoration: underline;
    color: #404040;
}

.main
{
    padding: 15px;
}

.main p, ul, li, td
{
    font-family: Arial;
    font-size: 12px;
    color: #404040;
}

.main p, ul, li
{
    line-height: 160%;
}

h3
{
    display: block;
    border-bottom: solid 1px #b0b0b0;
    font-family: Arial;
    font-size: 16px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    color: #0A3C6E;
}

h4
{
    color: #0A3C6E;
    font-family: Arial;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}

p, ul, ol
{
    line-height: 160%;
}

.sep
{
    border-top: solid 1px #b0b0b0;
}

.cssform
{
    margin-top: 20px;
    background-color: #efefef;
}

.cssform p
{
    display: block;
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 175px; /*width of left column containing the label elements*/
    border-top: 0px dashed #C2BCAB;
    height: 1%;
}

.cssform label
{
    font-family: Verdana;
    text-align: right;
    font-weight: normal;
    float: left;
    margin-left: -185px; /*width of left column*/
    width: 170px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]
{
    /*width of text boxes. IE6 does not understand this attribute*/
    width: 180px;
}

.cssform textarea
{
    width: 250px;
    height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix
{
    margin-left: 3px;
}

.accordionHeader
{
    font-weight: bold;
    cursor: pointer;
    background-color: #b0b0b0;
    padding: 3px;
    color: #606060;
    border-bottom: solid 1px #444;
}

.accordionHeaderSelected
{
    font-weight: bold;
    cursor: pointer;
    background-color: #404040;
    padding: 3px;
    color: #ffffff;
    border-bottom: solid 0px #444;
}

.accordionContent
{
    background-color: #ffffff;
    border-bottom: solid 1px #404040;
    
}

.accordionContent ul
{
    margin-left: 10px;
}

.accordionContent ul li
{
    font-weight: normal;
}

.news
{
    border: solid 1px #b0b0b0; 
}

.news .contents
{
    padding: 5px;
}

.news ul
{
    margin: 0px;
}

.news ul li
{
    font-weight: bold;
}

.news ul li ul
{
    margin-left: 10px;
    margin-bottom: 10px;
}

.news ul li ul li
{
    font-weight: normal;
}

.news .head
{
    font-weight: bold;
    background-image: url(/images/news_bg.gif);
    color: #ffffff;
    padding: 5px;
}

.lmenu
{
    border: solid 1px #b0b0b0; 
}

.lmenu .head
{
    background-color: #62B8D7;
    background-repeat: repeat-x;
    font-weight: bold;
    background-image: url(/images/news_bg.gif);
    color: #ffffff;
    padding: 5px;
    margin-bottom: 1px;
}

.lmenu .head-c
{
    cursor: pointer;
    font-weight: bold;
    background-image: url(/images/news_bg.gif);
    color: #ffffff;
    padding: 5px;
    margin-bottom: 1px;
}

.lmenu a
{
    color: #404040;
    margin: 0px 1px 1px 1px;
    padding: 5px 5px 5px 15px;
    display: block;
    background-color: #efefef;
    text-decoration: none;
}

.lmenu a:hover, .lmenu .selected
{
    background-image: url(/images/news_arrow.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #404040;
    margin: 0px 1px 1px 1px;
    padding: 5px 5px 5px 15px;
    display: block;
    background-color: #CEE3F6;
    text-decoration: none;
}

.search
{
    border: solid 1px #b0b0b0;
    margin-bottom: 5px;
}

.value-login
{
    border: solid 1px #b0b0b0;
    background-image: url(/images/value_dic.gif);
    margin-bottom: 5px;
}

.value-login .head
{
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    border-bottom: solid 1px #b0b0b0;
}

.search .head
{
    font-weight: bold;
    background-image: url(/images/search_bg.gif);
    color: #ffffff;
    padding: 5px;
}

.search .contents, .value-login .contents, 
{
    padding: 5px;
}

.contents-news
{
    padding: 5px;
}

.contents-news ul
{
    margin-left: 25px;
    margin-bottom: 10px;
    list-style-type: square;
}

.contents-news ul li
{
    font-weight: normal;
}

.team
{
}

.team .member span
{
    padding: 20px 0px 20px 0px;
    text-align: center;
    width: 120px;
    display: -moz-inline-box;
    display: inline-block;
    border: solid 1px #b0b0b0;
    margin: 0px 10px 0px 10px;
}

.team .link span
{
    display: -moz-inline-box;
    display: inline-block;
    border-left: solid 1px #b0b0b0;
    margin: 0px 60px 0px 60px;
}

.team a
{
    text-decoration: none;
}

a.pdf:link, a.pdf:visited, a.pdf
{
    float: right;
    background-image: url(/images/pdf_icon.gif);
    padding: 2px 0px 2px 18px;
    text-decoration: none;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.pdf:hover, a.pdf:visited:hover, a.pdf:active
{
    float: right;
    background-image: url(/images/pdf_icon.gif);
    padding: 2px 0px 2px 18px;
    text-decoration: underline;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

.compulsory
{
    margin-left: 5px;
    color: Red;
}

.yourdot
{
    color: #404040;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 839px;
}

ol
{
    list-style-type: lower-alpha;
}

a.pdf-ico:link, a.pdf-ico:visited, a.pdf-ico
{
    background-image: url(/images/types/pdf.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: none;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.pdf-ico:hover, a.pdf-ico:visited:hover, a.pdf-ico:active
{
    background-image: url(/images/types/pdf.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: underline;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.pdf-word:link, a.word-ico:visited, a.word-ico
{
    background-image: url(/images/types/txt.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: none;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.word-ico:hover, a.word-ico:visited:hover, a.word-ico:active
{
    background-image: url(/images/types/txt.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: underline;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.email-ico:link, a.email-ico:visited, a.email-ico
{
    background-image: url(/images/types/email.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: none;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}

a.email-ico:hover, a.email-ico:visited:hover, a.email-ico:active
{
    background-image: url(/images/types/email.gif);
    padding: 2px 15px 2px 18px;
    text-decoration: underline;
    color: #404040;
    background-repeat: no-repeat;
    background-position: left center;
}