body
{
background-color:#ffffff;
font-family:'verdana';
color:#333333;
font-size:12px;
    margin:0;
    padding:0;
}
DIV, P, SPAN, TD, FONT{
	font-family:'verdana';	
	font-size:11px;
}

FORM{margin:0;padding:0;}
A{    
    text-decoration:none;
    color: #330033;
    padding:2px;  
}

A:hover{    
    color:#CC0099;
    text-decoration:none;
}

#Wrapper{
    margin:0;
    padding:0;
    width:100%;
    text-align:center;    
}

#Container{
    margin:auto;
    padding:0;    
    width:841px;
    overflow:auto;
    text-align:center;            
}

#MainArea{
    margin:0;
    padding:0;        
    width:841px;
    overflow:auto;
    background:url("../images/sitebg.png");
    background-repeat:repeat-y;
}
#DataPanel{
    margin:0;
    padding:0;
    width:841px;
    overflow:auto;
    background:url("../images/mainbg.png");
    background-repeat:no-repeat;
}

#BottomPanel{
    margin:0;    
    width:841px;
    min-height:68px;
    background:url("../images/bottom.png");
    background-repeat:no-repeat;
  
}
#Footer{
    margin:auto;
    padding-top:4px;        
    padding-right:10px;        
    width:540px;        
    float:right;    
    margin-right:80px;
    font-family:tahoma;
    font-size:10px;
    letter-spacing:1px;
    word-spacing:1px;
    float:right;
    border-top:1px solid #808080;
    text-align:right;
    color:#808080;
}

#Content{
    margin:auto;
    padding:10px;        
    width:530px;        
    float:right;
    min-height:570px;
    margin-right:80px;
    text-align:justify;    
}

#Header{
    margin:0;
    padding:1px;
    width:auto;    
}

#Navigate{
    margin:0;
    padding:0;    
    width:auto;
    height:25px;    
}
#Navigate UL{
    margin:0;
    padding:0;
    _padding:0;    
    text-align:right;
}

#Navigate UL LI{
    display:inline-block;
    border-right:1px solid #990099;
    padding:4px;
    margin:0;
}

#Navigate UL LI#last{    
    border-right:0px solid #990099;
}

#Navigate UL LI:hover{
    background-color:#CC66CC;   
}

#Navigate UL LI A:hover{
 color:#ffffff;   
}

#Tags{
    margin:auto;
    padding:0;
    float:left;
    width:420px;
}

FIELDSET{
    margin:0;
    padding-top:4px;
    padding-bottom:4px;
    border-top:2px solid #993399;
    border-bottom:1px solid #993399;
    border-left:0px solid #993399;
    border-right:0px solid #993399;
    height:auto;        
}

LEGEND{    
    border:0px solid red;
    background-color:#993399;
    color:#ffffff;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:6px;
    padding-left:6px;
}

.IndxTags{
    margin:0;
    padding:0;    
}

.IndxLnk{
    background-color:#ffffff;
    margin:0;
    padding:4px;    
    border-bottom:1px dotted #c0c0c0;
    width:auto;
    height:15px;    
}

.IndxLnk A{
    padding:0;
    margin:0;
    border:0px solid red;
    }

.dataSub{
    margin:0;
    padding:0;
    position:absolute;    
    font-style:italic;
    color:#B0B0B0;
    font-size:11px;
    width:100px;
    text-align:right;            
 }
    
.SpnTag{
    margin:0;
    padding:2px;    
}


.SpnTag A{
    text-decoration:none;
    color: #993399;
    padding:3px;
    display:inline-block;
    font-style:italic;
}

.SpnTag A:hover{    
    background-color:#eaeaea;    
    font-style:oblique;
}

.rowRec{
    background-color:#ffffff;
    height:22px;
}

.rowRec:hover{
    background-color:#eaeaea;
}

#Pagn{
    margin:0;
    padding-left:6px;
    padding-right:6px;
    padding-top:3px;    
    width:auto;
    height:22px;
    color:#800000;
    font-size:11px;    
}

.displayBlock{
    width:auto;
    margin:0;
    padding:4px;    
}

#ArticleTitle{
   font-weight:bold;
   letter-spacing:2px;
   word-spacing:2px;   
   padding:4px
}

#ArticleMatter{
    margin-top:5px;
    padding-left:4px;
    padding-right:4px;
    padding-top:10px;
    padding-bottom:10px;
    letter-spacing:1px;
    word-spacing:1px;
    border-top:1px solid #D0D0D0;
    border-bottom:1px solid #D0D0D0;
}


.ListBlock{
   margin-bottom:2px;    
   padding:2px;
   background-color:#ffffff;
   border-bottom:1px solid #D0D0D0;
}

.ListBrief{
    margin:0;
    padding:0;
}
.ListTitle{
    margin:0;
    padding:0;
}

.ListTitle SPAN{
    display:inline-block;
    padding-top:4px;
    padding-bottom:4px;
    letter-spacing:1px;
    word-spacing:1px;
}
.ListTitle SPAN.Main{
    width:70%;
 }
 .ListTitle SPAN.Sub{
    width:28%;
    text-align:right;
    font-style:italic;
    color:#B0B0B0;
    font-size:11px;
 }
 
 
 .ListBrief SPAN{
    display:inline-block;
    padding-top:4px;
    padding-bottom:4px;
    letter-spacing:1px;
    word-spacing:1px;        
}

.ListBrief SPAN.Brief{
    width:99%;
    font-style:italic;
    color:#B0B0B0;
    font-size:11px;
    }

#CommentBox{
    margin-top:10px;
    padding-top:5px;
}

INPUT,TEXTAREA{
    color:#B0B0B0;
    border:1px solid #dadada;    
    letter-spacing:2px;
    word-spacing:2px;
    background-color:#eeeeee;
    font-size:12px;
    font-family:'verdana';
}
INPUT[type=text]{
    width:250px
}
TEXTAREA{
    width:503px
}

INPUT[type=text]:hover{
    background-color:#f7f7f7;
}

INPUT[type=text]:focus{
    background-color:#ffffff;
}


Textarea:hover{
    background-color:#f7f7f7;
}

Textarea:focus{
    background-color:#ffffff;
}



INPUT[type=button]{
    width:100px;
    font-weight:bold;    
    background-color:#cacaca;
    color:#333333;
    border:1px solid #c0c0c0
}

INPUT[type=button]:hover{
    background-color:#c0c0c0;
}

INPUT[type=button]:focus{
    background-color:#ffffff;
}

.ElmRow{
    margin:0;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#ffffff;
}
#MsgBox{
    margin:0;
    padding:2px;
    height:22px;
    font-size:12px;
    font-weight:bold;
    color:blue;
    letter-spacing:2px;
    word-spacing:2px;
    background-color:#ffffff;
    text-align:center;
}

#CommentList{
    margin-top:10px;
    margin-bottom:30px;
    padding-top:2px;

}

.CmntBox{
   background-color:#FFFFFF;
	border-bottom:1px dotted #D0D0D0;
	margin-top:10px;
	padding-bottom:15px;
}