/* global */
*   {
    margin: 0;
    padding: 0;
    }

html,
body {
    height: 100%;
    font-size: 10px;
    font-family: verdana, arial, tahoma, helvetica, sans-serif;
    }

body {
    position: relative;
    width: 878px;
    margin: 0px auto 0px auto;
    text-align: center;
    font-family: verdana, arial, tahoma, helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #A19488;
    }

div {
    text-align: left;
    }

a,
.highlight {
    color: #7662B5;
    text-decoration: none;
    }

a.white,
a.white_active	{
    color: #FFFFFF;
    text-decoration: none;
    }

a.white_active	{
    font-size: 11px;
    }

p	{
	padding: 0 0 15px 0;
	}

img {
    border: none;
    }

h1	{
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 15px;
    margin: 0px;
    }

li,
li.active {
    list-style-type : none;
    background: url(../images/ul_icon.gif) 0 7px;
    background-repeat: no-repeat;
    padding: 5px 0 0 20px;
	}

li.active {
    background: url(../images/ul_icon_active.gif) 0 7px;
    background-repeat: no-repeat;
	}



/* div */
div#main {
    position: absolute;
    margin-top: -235px;
    margin-left: -439px;
    top: 45%;
    left: 50%;
    width: 878px;
    height: 570px;
    background-color: #A19488;
    }

div#nav_main {
    position: absolute;
    top: 153px;
    left: 0;
    width: 92px;
    font-weight: bold;
    z-index: 1;
    }

.nav_main_link,
.nav_main_link a {
	clear: both;
	float: left;
	width: 92px;
    color: #FFFFFF;
	}

.nav_main_link a:hover,
.nav_main_link a.active {
    color: #7662B5;
	}

.nav_main_content {
	clear: both;
	float: left;
	line-height: 140%;
	padding: 5px 0 5px 0;
	}

.nav_main_arrow {
	line-height: 140%;
	padding: 7px 0 7px 0;
	text-align: right;
	}

div#nav_sub,
div#nav_sub_active {
    position: absolute;
    top: 168px;
    left: 107px;
    width: 120px;
    padding: 10px 10px 5px 10px;
    font-weight: bold;
	visibility: hidden;
    z-index: 2;
    }

div#nav_sub_active {
	visibility: visible;
	}

.nav_sub_content,
.nav_subsub_content,
.nav_sub_content a,
.nav_subsub_content a {
	text-align: right;
    color: #FFFFFF;
	padding: 5px 0 5px 0;
	}

.nav_subsub_content,
.nav_subsub_content a {
	line-height: 140%;
	padding: 2px 0 2px 0;
	}

.nav_sub_content a:hover,
.nav_subsub_content a:hover,
.nav_sub_content a.active,
.nav_subsub_content a.active {
    color: #7662B5;
	}

div#content {
    position: absolute;
    top: 0;
    left: 439px;
    width: 439px;
    line-height: 160%;
    }

div#footer {
    position: absolute;
    bottom: 0;
    left: 439px;
    width: 439px;
    color: #7662B5;
    }

div#img_back {
	background-repeat: no-repeat;
	background-position: left center;
	}

div#img_next {
	background-repeat: no-repeat;
	background-position: right center;
	}