* 
{
	font-family: Tahoma, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

ul  { margin-left: 20px;}

a 
{
	text-decoration: none;	
}

body
{
	background: #fff;	
}

a:hover
{
	text-decoration: underline;
}

.header
{
	border-bottom: 2px solid #9CBD9C;		
}

.header .inner { margin: 0px auto; width: 800px; position: relative;}

.header .inner h1
{
	font-family: Georgia, Arial, Sans-Serif;
	font-size: 30px;
	color: #373;
	letter-spacing: -0.02em;	
	text-align: center;
	margin: 26px 0px 15px 0px;
}

.header .inner div.menu a
{
       margin: 0px 5px 0px 5px;
	font-family: Georgia, Arial, Sans-Serif;
	letter-spacing: -0.02em;	
	color: #462;
	font-size: 20px;
}

.header .inner div.menu a:hover
{
	color: #281;
}

.header .inner div.login
{
	position: absolute;
	right: 0px;
	bottom: 0px;

}

.header .inner div.login a
{
	font-size: 12px;
	color: #666;
	font-family: Arial;
}

.header .inner div.login a:hover
{
        color: #f05;
}

.footer
{
   position: fixed;
   bottom: 0px;
   left: 0px;
   width:100%;
   border-top: 1px solid #ccc;
   background: #eee;
   height: 18px;
   font-size: 12px;
   padding: 2px 0px 2px 0px;
   text-align: center;
}

.footer span { padding: 0px 10px 0px 10px; display: inline-block; }
.footer * { color: #555; }
.footer a:hover { color: #25f; }

.page 
{
	position: relative;
	min-width: 400px;
	max-width: 800px;
	margin: 0px auto;
}

.page .main
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80%;	
}

.page .right
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20%;	
}

.page .main .inner { padding: 10px; }
.page .right .inner { padding: 10px; }

.welcome 
{
	background: #D9D9BB;
	color: #333;
	padding: 10px 20px 10px 20px;
	margin: 10px;
}

.right .inner h3
{
   color: #25f;
}

.right .inner p
{
   font-size: 10pt;
   background: #eee;
   padding: 4px 4px 4px 14px;

}

.list 
{
	
	color: #555;	
	margin: 0px 20px 10px 20px; 	
}

.list a h3
{	
	color: #8B8B30;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #fff;
        font-size: 12pt;
}

.list a:hover
{
	color: #aa9;
}

.list p
{
	font-family: verdana, arial;
	font-size: 9pt;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #bcb;
	line-height: 1.3em;
	background: #ECECDE;
}


.listbar 
{ 
	position:relative;
	background: #f8f8f0;
	padding-bottom: 2px;
}

.listbar span { position: absolute; right: 5px;  top: 2px; font-size: 10px; font-weight:bold;}
.listbar A { margin-left: 20px; font-size: 10pt; color: #06c;}
.listbar A:hover { color: #06c;}

h3.article, div.archive h3, div.archive h4
{
      color: #24c;
      font-size: 14pt;
      font-weight: normal;
      font-family: Georgia, Arial, Sans-Serif;	
      letter-spacing: 0.04em;
      background: #fff;
}

div.archive h3
{
 font-weight: bold;
  margin-top: 5px;
   color: #373;
}

div.archive h4
{ 
 font-weight: bold;
     color: #262;
     font-size: 12pt;
     margin-top: 10px;
}

.article h3, .article h4
{  
     color:#373;
}

.article 
{
    font-size: 12pt;
     margin-left: 30px;
    background: #ECECDE;
   
}

.article p, .article li
{
	font-family: verdana, arial;
	font-size: 9pt;
	padding: 10px 10px 10px 10px;
	line-height: 1.3em;
}

.article li 
{
 padding: 2px;
}

.article .tb 
{
 background: #f0f0f0;
  font-size:14px; font-family: arial;
   border: collapse;
 }


.article .tb tr td
{
      border-bottom: 1px solid #ccc;
}

div.archive
{
   margin-left:20px;
}

.archive div
{
  margin-left: 20px;
  margin-bottom: 4px;
}

.archive div a 
{  
    color: #139;
   font-size:11pt;
}

.archive div span
{ 
  font-size: 10pt;
   color: #999;
}