BODY
{
	background-color: #211c4a;
    font-size: .80em;
    font-family: Microsoft YaHei, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	height: 100%;
}

A:link
{
	text-decoration: none;
	color: black;
}
A:visited 
{
	text-decoration: none;
	color: black;
}
A:active 
{
	text-decoration: none;
	color: black;
}

#main
{
        width: 800px;
        
        margin-right:auto;
        margin-left:auto;
        
        /* border-radius: 10px; */
        
        border: 0px;
        border-color: #eeeedd;
        border-style:solid;
        /* box-shadow: 10px 10px 20px #aaaaaa; */
}

#headbar
{
	height: 140px;
    background-image: url(./title_bar.jpg); 
}

#headbar DIV.content
{
	float: left;
}

#headbar DIV.content DIV.logo
{
	float: left;
	margin: 10px;
	padding: 8px;
	background-color: #ddddee;
	border-radius: 6px;
	padding-left: 14px;
	
		border-style: solid;
	border-color: White;
	border-width: 2px;
}

#headbar DIV.content DIV.text
{
	float: left;
	margin: 10px;
	margin-left: 60px;
	padding: 8px;
	color: White;
}

.text1
{
    font-size: 2.4em;
}

.text2
{
}

#headbar DIV.content DIV.text A:link, #headbar DIV.content DIV.text A:visited ,#headbar DIV.content DIV.text A:active 
{
	text-decoration: none;
	color: White;
	font-weight: bolder;
}


#headbar DIV.toprightcmd
{
    float: right;
}

#headbar DIV.toprightcmd A:link, #headbar DIV.toprightcmd A:visited ,#headbar DIV.toprightcmd A:active 
{
	text-decoration: none;
	color: #bdbfc2;
	font-weight: bolder;
}

DIV.clear
{
    clear: both;
}

#menubar
{
	width: 100%;
	background-color: #587e93;

	border-style: solid;
	border-color: green;
	border-width: 0px;
}

DIV.menuitem
{
	float: left;

	margin-top: 18px;
	margin-left: 4px;
	margin-right: 4px;

	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;

	border-style: solid;
	border-color: red;
	border-width: 0px;

        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
	
	/* background-color: #f1f1ff; */
	background-color: #D2D1D1;

}

DIV.menuitem:hover 
{
	margin-top: 10px;
	padding: 8px;
}

DIV.active 
{
	margin-top: 14px;
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bolder;
	background-color: #f1f1ff;
}

DIV#menubar DIV.left
{
	float: left;
	width: 160px;
}

DIV#menubar DIV.right
{
	clear: both;
}

#content
{
	background-color: #f1f1ff;
	    /* Mozilla: */
    background: -moz-linear-gradient(top, #f1f1ff, #bdbfc2);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#f1f1ff), to(#bdbfc2));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#f1f1ff', EndColorStr='#bdbfc2', GradientType=0);

	
	height: 100%;
}

.title_bar
{
    padding: 10px;
	background-color: #80ADC7;
	color: White;
}

.content
{
    padding: 20px;
}


.leftnavi_frame
{
	float: left;
	width: 150px;


    margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;

    padding-bottom: 20px;

    background: #ffffff;
    box-shadow: 3px 3px 7px #474747;

        border: 1px;
        border-color: #eeeedd;
        border-style:solid;

	position: relative;
	left: -30px;
}

.leftnavi_frame
{
    border-left-width: 30px;
    border-color: #b5dbf2;
    border-style:solid;
}

.leftnavi_frame .content
{
    padding: 20px;
    padding-left: 6px;
}

.leftnavi_frame .title_bar
{
   padding-left: 6px;
}

.rightnavi_frame
{
	float: right;
	width: 150px;

    margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	
	    padding-bottom: 20px;

    background: #ffffff;
    box-shadow: 3px 3px 7px #474747;

        border: 1px;
        border-color: #eeeedd;
        border-style:solid;

	position: relative;
	left: 30px;
}

.rightnavi_frame
{
    border-right-width: 30px;
    border-color: #b5dbf2;
    border-style:solid;
}

.rightnavi_frame .content
{
    padding: 20px;
    padding-right: 6px;
}

.rightnavi_frame .title_bar
{
   padding-right: 6px;
}

#content_frame
{
    width: 410px;
	float:left;
    margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;

}

.article_frame
{
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 20px;
    
            border: 1px;
        border-color: #ddddee;
        border-style:solid;
        
        background-color: #ffffff;
}

.article_frame
{
    border-left-width: 30px;
    border-left-color: #bdbfc2;
    border-style:solid;
}

.article_frame .title_bar
{
        background-color: White;
        color: #000000;
        
        font-size: 1.2em;
        
                border: 0px;
                border-bottom: 2px;
        border-color: #ddddee;
        border-style: dotted;

    /*
    background-color: #7d9029;
	color: White;
*/
}

.content_tail_frame
{
	clear: both;
}

#bottombar
{
	width: 100%;
	background-color: #003366;

	border-style: solid;
	border-color: green;
	border-width: 0px;

	color: #ddddee;
	font-size: 0.9em;
}

#bottombar A:link, #bottombar A:visited ,#bottombar A:active 
{
	text-decoration: none;
	color: #ddddee;
	font-weight: bolder;
}


#bottombar DIV
{
    text-align:center;
	padding: 10px;
}


#bottombar DIV IMG
{
    height: 0.9em;
}

.leftnavi_frame .line, .rightnavi_frame .line
{
    padding-top: 4px;
    font-size: 0.9em;
}

.leftnavi_frame .title
{
    text-align: right;
}

.leftnavi_frame .path
{
    
    border: 0px;
    border-bottom: 2px;
    border-color: #008000;
    border-style: dotted;
    color: #008000;
}

.leftnavi_frame .path A:link, .leftnavi_frame .path A:visited ,.leftnavi_frame .path A:active 
{
	text-decoration: none;
	color: #008000;
	font-weight: bolder;
}