@charset "utf-8";
/* CSS Document */

body 
{
    background-color:#f3f0ee;
    margin:0;
    padding:0;
}

#site-container
{
    width:970px;
    height: 738px;
    background-color:#ffffff;
    margin: 18px auto 0px;
    padding: 15px;
}

#site-footer
{
    width:970px;
    height: 38px;
    margin: 2px auto;
    padding: 5px;
    text-align:right;
}

#logo
{
    position:absolute;
    top:40px;
    left:40px;
}

#tag
{
    position:absolute;
    top:40px;
    right:20px;
}

#site-header
{
    position:relative;
    height:157px;
    background-image: url(/assets/visual/header_bg.jpg);
}

#site-header ul 
{
    position:relative; 
    top:113px;
    border-left: 1px solid #c6c3c0;
    height:44px;
    margin:0 35px;
    padding:0;
    float: right;
}

#site-header li 
{
    float:left;
    display:block;
    border-right: 1px solid #c6c3c0;
    height:44px;
    padding: 0 15px 0 12px;
    margin: 0;
}

#site-header li a
{
  display:block;
}

#site-header li img
{
  margin-top:12px;
}

#site-header li.selected, #site-header li:hover 
{
    height:42px;
    background-color:#e2dcd7;
    border-bottom: 2px solid #8f1b8c;
}

#site-main
{
    height:581px;
    margin: auto;
    background-image: url(/assets/visual/bg.jpg);
    position:relative;
}

.box 
{
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
}

.index 
{
    background-color:#e0dad5;   
    width: 500px;
    height: 184px;
    position:absolute;
    bottom:20px;
    left: 20px;
    padding:25px;
}

.content 
{
    background-color:#ffffff;  
    position:absolute;
    top:25px;
    right:25px;
    bottom:25px;
    padding:25px;
                left: auto;
            width: 640px;
}

.scroll
{
    position:absolute;
    top:25px;
    left:25px;
    right:25px;
    bottom:25px;
    overflow:auto;
}

.side-content 
{  
    float:left;
    position:relative;
    top:25px;
    left:25px;
    bottom:25px;
    width:210px;
}

.side-content-top
{
     padding:10px;
     background-color:#f7f4f2; 
     border-bottom:1px solid #f0edec;
     -moz-border-radius-topleft:10px;
     -moz-border-radius-topright:10px;
     font-weight:bold;
     color:#8F1B8C;
}

.side-content-main
{
     padding:10px;  
     background-color:#ffffff; 
     -moz-border-radius-bottomleft:10px;
     -moz-border-radius-bottomright:10px;
}

.side-content-main ul
{
	padding: 0;
}

.side-content-main li
{
    list-style-type:none;
    margin: 11px 2px;
	padding: 0;
}

.side-content-main li a
{
    color: #676666;
}

.side-content-main li a:hover, .side-content-main li a.selected
{
    color: #8f1b8c;
}

.collapse 
{
    display:none;
    clear:both;
}

#gmap

{
    border: 1px solid #CCCCCC;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 635px;
    height: 275px;
    text-align: left;
}