html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    background-color: #E6E4DF;
}
h1, h2, h3, h4, h5
{
    margin: 1em 0;
    line-height: 1.1em;
}
h2
{
    margin: 0 0 1em;
    color: #903;
    font: 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    letter-spacing: -1px;
}
h3
{
    margin: 1em 0;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #903;
}
p
{
    margin: 0 0 1em;
    line-height: 1.5em;
}
hr
{
    height: 1px;
    border: none;
    background-color: #E6E4DF;
    color: #E6E4DF;
}
td{font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;}
a,
a:link,
a:visited{color: #903;}
a:hover,
a:active{color: #333;}
a img{border: none;}
ul li,
ol li{line-height: 1.5em;}
form{margin: 0;}
fieldset{padding: 0;}


/* ~~~ === POSITIONING SELECTORS ========================================================================= ~~~ */
#wrapper
{
    position: relative;
    width: 868px;
    margin: 12px auto 0;
    border: 12px solid #fff;
    background: url(../images/content_bg.gif) repeat-y;
}
#content{float: left;}
#leftcol
{
    width: 175px;
    float: left;
}
    #leftcol h1
    {
        height: 93px;
        background: url(../images/logo_new.gif) no-repeat 0 0;
        text-indent: -9999px;
        margin: 45px 0 1em;
        border-bottom: 2px solid #fff;
    }
.menu
{
    list-style-type: none;
    margin: 0 0 70px 20px;
    padding: 0;
}
    .menu li
    {
        background: url(../images/menu_li_bg.gif) repeat-x 0 8px;
        line-height: 16px;
        margin-bottom: 2px;
    }
    .menu li.active
    {
        background: url(../images/menu_li_on_bg.gif) repeat-x 0 8px;
    }

    .menu li a,
    .menu li a:link,
    .menu li a:visited
    {
        text-transform: uppercase;
        color: #999;
        text-decoration: none;
        background: #E6E4DF url(../images/menu_a_bg.gif) no-repeat 100% 2px;
        padding-right: 6px;
        font-size: 11px;
    }
    .menu li.active a,
    .menu li.active a:link,
    .menu li.active a:visited
    {
        background: #E6E4DF url(../images/menu_a_on_bg.gif) no-repeat 100% 2px;
        color: #903;
    }
    li.parent{background: url(../images/menu_li_parent_bg.gif) repeat-x 0 8px;}
    li.parent a,
    li.parent a:link,
    li.parent a:visited
    {
        background: #E6E4DF url(../images/menu_parent_a_bg.gif) no-repeat 100% 2px;
        color: #565656;
    }

    .menu li a:hover{color: #903;}

    /* ~~~ SUB MENU ~~~ */
    .submenu
    {
        list-style-type: none;
        margin: 0 0 0 16px;
        padding: 0;
    }
    .menu li.active .submenu li a,
    .menu li.active .submenu li a:link,
    .menu li.active .submenu li a:visited,
    .menu li.parent .submenu li a,
    .menu li.parent .submenu li a:link,
    .menu li.parent .submenu li a:visited
    {
        background: #E6E4DF url(../images/menu_a_bg.gif) no-repeat 100% 2px;
        color: #999;
    }
    .menu li.parent .submenu li.active a,
    .menu li.parent .submenu li.active a:link,
    .menu li.parent .submenu li.active a:visited
    {
        background: #E6E4DF url(../images/menu_a_on_bg.gif) no-repeat 100% 2px;
        color: #903;
    }
    .on{display: block;}
    .off{display: none;}


#midcol
{
    width: 420px;
    float: left;
    margin-top: 45px;
    min-height: 410px;
}
    #midcol div.copy
    {
        margin: 0 25px 0 26px;
    }
    #news #midcol h2
    {
        position: relative;
        height: 91px;
        margin: 2px 0;
        background-color: #903;
        color: #fff;
        font-size: 38px;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;

    }
    #news #midcol h2 span
    {
        position: absolute;
        bottom: 4px;
        left: 22px;
    }
    #news #midcol div.copy{margin-top: 20px;}

#rightcol
{
    width: 273px;
    float: left;
}
    #rightcol h2
    {
        height: 45px;
        background: url(../images/right_top.gif) no-repeat;
        text-indent: -9999px;
        margin: 0;
        border-bottom: 2px solid #fff;
    }
    #rightcol h3{display: none;}
    #rightcol img
    {
        display: block;
        border-bottom: 2px solid #fff;
    }
#footer
{
    clear: both;
    height: 30px;
    background: url(../images/footer_bg.gif) no-repeat 0 100%;
}
#address
{
    position: relative;
    top: -45px;
    left: 20px;
    width: 175px;
    color: #999;
    font-size: 10px;
}
#address b
{
    letter-spacing: 4px;
    font: 12px  Tahoma, Arial, Helvetica, sans-serif;
}
#address a{color: #999; text-decoration: none;}
#address a:hover{color: #903;}
#copyright
{
    width: 870px;
    margin: 1em auto;
    height: 100px;
    color: #999;
    font-size: 10px;
    text-align: center;
}
#copyright a{color: #999; text-decoration: underline;}
#copyright a:hover{color: #903; text-decoration: underline;}


/* ~~~ === NEWS PAGES ================================================================================= ~~~ */
div.headline h3{margin: 0;}
p.date
{
    margin: .5em 0;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

div.article h3{margin: 0 0 .5em;}
div.articleTop
{
    float: left;
    height: 24px;
    width: 361px;
}
div.articleTop p.date{float: left; margin: 4px 0;}
div.articleTop p.backLink
{
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin: 3px 0;
}

/* ~~~ === GALLERY PAGE =============================================================================== ~~~ */
table.thumbs
{
    width: 100%;
}
table.thumbs img{border: 1px solid #999;}
table.thumbs td
{
    padding-bottom: 8px;
    vertical-align: top;
    text-align: center;
}
div.image h3{float:left;}
div.image h3{margin: 0 0 .3em;}
div.image p{margin: 0;}
div.image img{border: 1px solid #999;}
.caption{text-align: center;}

div.image .backLink
{
    float: right;
    padding-bottom: 1em;
}
div.back
{
    float: left;
    padding-bottom: 1em
}
div.next
{
    float: right;
    padding-bottom: 1em
}


/* ~~~ === MAP PAGE ================================================================================= ~~~~ */
#imageMap
{
    display: block;
    position: relative;
    background-color: #E6E4DF;
    border: 1px solid #AAAAAA;
}
div.toolTipLeft
{
    display: none;
    background: url(../images/map_left_tooltip.gif) no-repeat 0 0;
    padding-left: 9px;
}
div.toolTipRight
{
    display: none;
    background: url(../images/map_right_tooltip.gif) no-repeat 100% 0;
    padding-right: 9px;
}
div.toolTipLeft a,
div.toolTipLeft a:link,
div.toolTipLeft a:visited,
div.toolTipRight a,
div.toolTipRight a:link,
div.toolTipRight a:visited
{
    padding: 2px 6px;
    background-color: #666;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9, #t10{position: absolute;}
#t1{top: 155px; left:229px;}/* Africa */
#t2{top: 102px; left:267px;}
#t3{top: 83px; left:138px;}/* United Kingdom */
#t4{top: 180px; left:227px;}
#t5{top: 124px; left:186px;}
#t6{top: 81px; left:169px;}/* Canada */
#t7{top: 209px; left:110px;}
#t8{top: 173px; left:46px;}
#t9{top: 91px; left:33px;}
#t10{top: 129px; left:72px;}/* Japan*/


/* ~~~ === SITEMAP ================================================================================== ~~~ */
#sitemap
{
    border: 1px solid #AAAAAA;
    background-color: #F8F7F5;
    margin-bottom: 1em;
}
#sitemap h3
{
    background: url(../images/icons/base.gif) no-repeat 2px 0;
    margin: 16px 0 0 16px;
    padding:0 0 5px 18px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #999;
}
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul
{
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap li
{
    line-height: 20px;
    padding-left: 7px;
}
ul.sitemap a
{
    background: url(../images/icons/page.gif) no-repeat 0 50%;
    padding: 4px 0 4px 26px;
}
ul.sitemap a span
{
}
ul.sitemap a,
ul.sitemap a:link,
ul.sitemap a:visited{color: #999;}
ul.sitemap a:hover{color: #903;}

.lastchild{background-color: #F8F7F5;}
li.lastchild a{background: #F8F7F5 url(../images/icons/page_bottom.gif) no-repeat 0 0;}



/* ~~~ === FORMS ====================================================================================== ~~~ */
table.formtable
{
    width: 100%;
    border: 1px solid #999;
    background-color: #E6E4DF;
    margin: 1em 0;
}
table.formtable thead th
{
    background-color: #999;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-transform : uppercase;
    text-align: left;
    color: #fff;
    padding: 4px 8px;
}
table.formtable tbody th
{
    text-align: right;
    white-space: nowrap;
}
table.formtable tbody td
{
    padding: 4px 8px;
}
table.formtable tfoot td{padding: 4px 8px 12px;}
.input
{
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #999;
}
.button
{
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    background-color: #999;
    color: #fff;
}



/* ~~~ === CLASSES ======================================================================================= ~~~ */
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

p.blockquote
{
    margin: 1em;
    font-style: italic;
    padding: 1em;
}


div.captionImageLeft,
div.captionImageRight
{
    font-size: .9em;
    color: #888;
}
div.captionImageLeft
{
    float: left;
    margin: 4px 12px 4px 0;
}
div.captionImageRight
{
    float: right;
    margin: 4px 0 4px 12px;
}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}