﻿.pageview-menu-container
{
   width:248px;
   float:left;
   margin-top:5px;
}

.pageview-seperate
{
   width:15px;
   height:236px;
   background-image:url(img/seperate.jpg);
   float:left;
   margin-top:5px;
}

/******************** header **********************/
.pageview-menu-header
{
   width:243px;
   height:51px;
   background-image:url(img/pageview-menu-header-back.jpg);
   float:right;
}
.pageview-menu-header .icon
{
   width:18px;
   height:51px;
   float:left;
   background-color:#dfdfdf;
}
.pageview-menu-header .item
{
   width:214px;
   float:right;
   margin-top:16px;
}
.pageview-menu-header .item a
{
   font-family: "Lucida Grande", Arial, sans-serif;
   color:#464646;
   font-size:16px;
   text-decoration:none;   
}
.pageview-menu-header .item a:hover
{
   text-decoration:underline;
}
/******************** item **********************/
.pageview-menu-item
{
   width:243px;
   height:27px;
   float:right;
   margin-top:10px;
}
.pageview-menu-item .icon
{
   width:18px;
   height:27px;
   background-color:#dfdfdf;
   float:left;
}
.pageview-menu-item .item
{
   width:214px;
   height:27px;
   float:right;
   padding-top:4px;
}
.pageview-menu-item .item a
{  
   font-size:14px;
   color:#464646;
   font-family:"Lucida Grande", Arial, sans-serif;
   text-decoration:none;
}
.pageview-menu-item .item a:hover
{
   text-decoration:underline;
}
.pageview-menu-item .item span
{
   font-size:14px;
   font-weight:bold;
   color:maroon;
   font-family:"Lucida Grande", Arial, sans-serif;
}

/*********************** page content **********************/
.pageview-content
{
   width:647px;
   float:right;
   padding:20px;
}

.pageview-content .header
{
   font-size:18px;
}
.pageview-content .content
{
   width:100%;
   overflow:hidden;
}
