body
{
        position:relative;
        margin:0;
        -webkit-text-size-adjust:none;
        min-height:416px;
        font-family: Gudea, sans-serif, google;;
        -webkit-background-size:0.438em 100%;
        background:white;
        color: rgba(71,82,88,1)
}
.center
{
        margin:auto;
        display:block;
        text-align:center !important
}

img{    border:0 }

a:hover .arrow
{
         background-position:0 -13px !important
}
@media screen and (max-width:320px)
{
         #title{line-height:44px;height:44px;font-size:16px;}
         .textbox textarea{width:280px}
         .menu .name{max-width:77%}
}
@media screen and (min-width:321px)
{
         .menu .name{max-width:85%}
          .textbox textarea{width:440px}
}

#content
{
         width:100%;
         position:relative;
         min-height:250px;
         margin-top:10px;
         height:auto;
         z-index:0;
         overflow:hidden;
}

#footer
{
         text-align:center;
         position:relative;
         margin:20px 10px 0;
         height:auto;
         width:auto;
         bottom:10px;
}

#footer a, #footer
{
         text-decoration:none;
         font-size:9pt;
         color:rgba(71,82,88,0.6);
         text-shadow:#FFF 0 1px 0
}
.pageitem
{
         -webkit-border-radius:8px;
         background-color:#fff;
         border:rgba(71,82,88,0.8)  solid 1px;
         font-size:12pt;
         overflow:hidden;
         padding:0;
         position:relative;
         display:block;
         height:auto;
         width:auto;
         margin:3px 9px 17px;
         list-style:none
}




.pageitem li:first-child
{
         border-top:0
}

.menu
{
         position:relative;
         list-style-type:none;
         display:block;
         height:43px;
         overflow:hidden;
         border-top:1px solid rgba(71,82,88,0.8);
         width:auto
}

.pageitem li:first-child:hover,.pageitem li:first-child a
{
         -webkit-border-top-left-radius:8px;
         -webkit-border-top-right-radius:8px
}

.pageitem li:last-child:hover,.pageitem li:last-child a
{
         -webkit-border-bottom-left-radius:8px;
         -webkit-border-bottom-right-radius:8px
}

.menu:hover,.list #content li a:hover
{
         background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(71,82,88,0.1)),to(rgba(71,82,88,0.4)))
}
.menu a:hover .name , .arrow {color:rgba(159,85,54,1)}

.menu a
{
         display:block;
         height:43px;
         width:auto;
         text-decoration:none
}

.menu a img, .pageitem img
{
         width:auto;
         height:32px;
         margin:5px 0 0 5px;
         float:left
}

.menu .name
{
         margin:11px 0 0 7px;
         width:auto;
         color:rgba(71,82,88,1);
         font-weight:bold;
         font-size:17px;
         text-overflow:ellipsis;
         overflow:hidden;
         white-space:nowrap;
         float:left
}

.menu .arrow
{
         position:absolute;
         width:8px!important;
         height:13px!important;
         right:10px;
         top:15px;
         margin:0!important;
         background:url("../images/arrow.png") 0 0 no-repeat
}

.header
{
        display:block;
        font-weight:bold;
        color: rgba(71,82,88,1);
        font-size:12pt;
        margin-bottom:6px;
        line-height:14pt;
}
.textbox
{
        padding:5px 9px;
        position:relative;
        overflow:hidden;
        border-top:1px solid rgba(71,82,88,0.8)
        width: 280px;
}