body {
 font-family: 'Comic Sans MS','Comic Sans','MS Sans Serif', sans-serif;
}

/* setting for TOP */

.header {
 background: #ffffff;
 height: 100px;
 margin-left: 2px;
 margin-right: 2px;
}

h1 {
 color: #ffffff;
 padding-top: 1.1em;
 padding-left: 20px;
 font-size: 24pt;
 margin-bottom: 1px;
 font-weight: bold;
}

/* setting for BOTTOM (footer) */
.footer {
 width: 780px;
 clear: both;
 margin: 1em 3px 3px;;
}

#footer {
 background: #fff;
 text-align: right;
 font-size: 8pt;
 color: #666;
}


/* setting for TAB_BODY */

.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}

.tabheader table tr td {margin:0;padding:0;border-width:0;}

.tabheader .close {
  border-style: solid;
  border-width: 1px; 
  border-color: #ff6787;
  background-color: #fff;
  color: #ff6787;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

.tabheader .open {
  border-style: solid;
  border-width: 1px; 
  border-color: #ff6787 #ff6787 #fff #ff6787;
  background-color: #f0eaea;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

.tabheader .spc {
  border-style: solid;
  border-width: 1px 0 1px 0; 
  border-color: #fff #fff #ff6787 #fff;
  margin:0;
  padding: 0.5em;
  white-space: nowrap;
}

.tabheader .open a {
  text-decoration: none;
  color: #ff0707;
  font-weight: bold;
  }
  
.tabheader .close a {
  text-decoration: none;
  color: #ff97b7;
  font-weight: bold;
  }

.tabbody {
  border-color: black;
  border-style: solid;
  border-width: 0 0px 0px 0px;
  padding: 1em;
}

/* inside Body */ 
.content {
 width: 100%;
}

.contleft {
 width: 60%;
 float: left;
 background: #eeeeff;
}

.contright {
 width: 40%;
 float: left;
 background: #eeffee;
}

.news {
 margin: 5px;
 border: 2px #ffffff dotted;
 background: #ffffff;
}

.news2 {
 margin: 5px;
 border: 2px #ffffff solid;
 background: #ff5454;
}

.news3 {
 margin: 5px;
 border: 2px #ffffff solid;
 background: #ffffff;
}

/* letters */
#textreg {
 margin: 3px 16px;
 text-align: left;
 font-size: 10pt;
 color: #575757;
}

#textsub {
 margin: 3px 20px;
 text-align: left;
 font-size: 8pt;
 color: #555;
}

#textmini {
 margin: 3px 20px;
 text-align: left;
 font-size: 9pt;
 color: #cc6666;
}

#nextd {
 margin: 3px 10px;
 text-align: left;
 font-size: 12pt;
 color: #0000ff;
 font-weight: bold;
}

#nexts {
 margin: 3px 10px;
 text-align: left;
 font-family:'Arial Black';
 font-size: 22pt;
 color: #ff0000;
 font-weight: bold;
}

#nextt {
 margin: 3px 17px 0px;
 text-align: left;
 font-size: 14pt;
 color: #ff4500;
 font-weight: bold;
 font-style: italic;
}

#nextreg {
 margin: 3px 17px;
 text-align: left;
 font-size: 10pt;
 color: #191970;
}

#nextr {
 margin: 3px 20px;
 text-align: right;
 font-size: 10pt;
 color: #000;
}

img.imglink {
    border-style:none;
}

/* sortable table */
table.datagrid {
    width: 100%;
    border-collapse: collapse;
	font-size: 8pt;
}

table.datagrid thead th { 
    text-align: left;
    background-color: #333333;
    background-repeat: no-repeat;
    background-position: right center;
	color: #ffffff;
    font-weight: bold;
    padding: .3em .7em;
    font-size: .9em;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: 95% right;
	border: 1px solid #eee;
}

table.datagrid thead th a {
    color: white;
    text-decoration: none;
    font-size: 1.0em;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
}

table.datagrid thead th.over {
	background-color: #ddeeff;
    cursor: pointer;
}

table.datagrid tbody th {
    font-weight: bold;
}

table.datagrid tbody td, table.datagrid tbody th {
    text-align: left;
    padding: .3em .7em;
	border: 1px solid #eee;
	text-decoration: none;
}

table.datagrid tbody tr.alternate td, table.datagrid tbody tr.alternate th {
    background-color: #f1f1f1;
}

table.datagrid tfoot td, table.datagrid tfoot th { 
    background-color: #FFFEE3;
    color: #4B4545;
    padding: .5em;
    font-weight: bold;
    border-top: 2px solid #4B4545;
	text-decoration: none;
}


table.tablesample {
 padding: 2px;
 width: 800px;
 font-size: 10pt;
 background: #fff;
}

.tablesample td {
 border-top: 1px solid #ababab;
}

.tablesample a:link {
 color: #000078;
 text-decoration:none;
}

.tablesample a:visited {
 color: #007800;
 text-decoration:none;
}

.tablesample a:hover {
 font-style: bold;
 text-decoration:underline;
}

.footer a:link {
 font-style: italic;
 color: #666;
 text-decoration:none;
}

/* begin styles for RSS Feed */

.rss_box {
	 margin: 3px 2%;
	 padding: 0px;
	 background-color: #fff;
	 border: 1px dashed #bbb;
	 font-size: 10px;
}

.rss_title, rss_title a {
	font-size: 10px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	color: #007800;
}

.rss_items {
	margin: 3px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 10px;
	padding-bottom: 2px;
	color: #666;
	word-break: break-all;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 18px;
	color: #007800;
	text-decoration : none;
}

.rss_item a:hover { 
	font-weight: bold;
	font-size: 18px;
	text-decoration : underline;
	color: #333;
}

.rss_date {
	font-size: 12px;
	font-weight : normal;
	color: #999;
}