@charset "UTF-8";

/*CSS reset*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form { margin:0; padding:0; border:0; list-style-type:none;}
img { vertical-align: bottom; }

/*clear fix*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*html*/
body { font-family:Arial, Helvetica, sans-serif; color: #2f2f2f; margin:0; padding:0; background:#FFFFFF url(images/backimg.gif) no-repeat bottom right;}

a:link {color:#214ca3; text-decoration: none;}
a:visited {color: #214ca3; text-decoration: underline;}
a:hover {color:#c1c1c1; text-decoration: none;}

a img{ border:0;}

h1,h2,h3,h4,h5{ margin:0; padding:0;}

#wrapper{ margin:0; padding:0; border-bottom:1px solid #999;}

#head{ margin:0; padding:0; width:100%; background:url(images/head_back.gif) repeat-x;}

#content { font-size:80%; width:800px; padding:0; margin:20px 0 40px 40px; line-height:1.6em;}

div#contentss { width:90%; padding:0; margin:5%; line-height:1.8em; font-size:90%; min-width:30em; max-width:60em;}


#logo{ padding:0 20px 10px 0;}
#menu{ float:left; width:160px; padding-top:10px;}
#menu ul{ margin:0; padding:20px 0 0 0; list-style-type:none;}
#menu ul li{ padding:0 0 15px 0; margin:0;}
#menu ul li.clap{ padding-top:10px;}

#story a{ background: url(images/story.gif) no-repeat; width:67px; height:15px; position:absolute; left:0; top:0;}
#story a:hover{ background: url(images/story_c.gif) no-repeat;}

#main { float:left; width:630px; padding-top:30px;}
#main p{ margin:0; padding:0 0 10px 5px;}
#main p.bigmargin{ padding-bottom:20px;}
#main p.nosp{ margin:0; padding:0 0 5px 5px;}

#twitter{ font-size:90%; padding-bottom:3px;}
#twitter ul li{ padding-bottom:3px; border-bottom:1px dotted #999; margin-bottom:5px;}

form{ padding:0 0 10px 5px;}
input{ margin-bottom:3px;}

.block{ padding-top:10px;}

.deadlink{ color:#999;}

.underline{ text-decoration:underline;}

.clear { clear:both;padding-bottom:100px;}

h1 { font-size: 120%; font-weight: bold; color: #38586e; margin-bottom: 4px; padding-left:5px;}
h2 { font-size: 140%; font-weight: bold; color: #38586e; margin-bottom: 10px;}
h3 { font-size: 130%; font-weight: bold; color: #38586e; margin:5px 0 2px 0; padding-left:5px;}
h4 { font-size: 110%; font-weight: bold; color: #38586e; margin:5px 0 2px 0; padding-left:5px;}
h5 { font-size: 100%; font-weight:bold;}

ul{margin:0; padding:0;}
li{ line-height:170%; margin-bottom:3px; padding-left:12px; list-style-type: none;}
ul.arrow,.story{ padding-bottom:10px; padding-left:5px;}
ul.arrow li{ padding-left:16px; background:url(images/arrow.gif) no-repeat left 6px;}

ul.story li{ padding-left:16px; background:url(images/arrow.gif) no-repeat left 6px; padding-bottom:3px;}

div.arrow{ background:url(images/arrow.gif) no-repeat left 4px; padding-left:16px; padding-bottom:10px;}

.anno { color: #999999;}
.notice { font-weight: bold; color: #FF0000;}

.color{ color: #38586e; font-weight: bold;}

.white{ color:#FFF;}

.left{ float:left; padding-right:10px;}