td.rss_header {
background-color: #eee;
}

.rss_top
{
border: 1px solid #ccc;
padding-top: 9px;
padding-right: 0px;
padding-bottom: 9px;
padding-left: 9px;
min-height: 75px;
margin-bottom: 5px;
}

.rss_top .image
{
float: left;
padding: 10px;
text-align: center;
width: 150px;
}

.rss_top .image img {
max-width: 150px;
}


table.ZineImage * {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-collapse: collapse;
border: 0;
}

img { 
max-width:450px;
width: expression(this.width > 450 ? 450: true);
}


/*** 
 ***  ARTICLES
 ***/

.Zine {
/*    width:640; */
}
.ZineArticle .ZineAbout {
    padding-top:5px;
    padding-bottom:10px;
    font-style:italic;
    /* font-size:10pt;*/
}
.ZineArticle .ZineBody {

}
.ZineSummary {
    padding:20px;
    font-style:italic;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #99c;
    background-color:#ddf;
}
.ZineArticle div.ZineImage {
    float:right;
    padding:20px;
    margin-left:10px;
    background-color:#eeeeee;
}
.ZineArticle .ZineFooter {
    padding-top:5px;
    padding-bottom:15px;
    color:#999;
    font-style:italic;
    font-size:7pt;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:7pt;
    background-color:#eeeeee; 
}
.ZineArticle .ZineTitle {
    font-size:12pt;
}
table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}
.ZineFooter a {
    font-weight:normal;
    font-size:7pt;
}
.ZineQuote {
    margin-left:5px;
    margin-right:50px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:45pt;
    font-size:8pt;
    font-style:italic;
    display:block;
    background:url(quote.gif);
    background-repeat:no-repeat;
}

/*** 
 ***  INDEXES
 ***/

.ZineIndex {
    margin-top:15px;
}
.ZineItem {
    padding-bottom:10pt;
}
.ZineItem .ZineAbstract {
    font-size:7pt;
    font-style:italic;
}
a.ZineLink {
    text-decoration:underline;
}

/* creates a sequence of buttons for paged indexes */
.ZinePagedIndex a {
    padding-left:4px; 
    padding-right:4px; 
    padding-top:2px; 
    padding-bottom:2px; 
    border:1px solid #ccf;
    font-size:7pt;
    color:#99c;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#eef;
    border:1px solid #99c;
}
.ZinePagedIndex a:hover {
    background-color:#eef;
    border:1px solid #99c;
}

table.ZineIndex td.ZineThumb {
    /* typically used for photoblog galleries */
    background-color:#eeeeee;
    padding:20px;
}

/* table indexes are used in semithreaded and table indexes */
table.ZineIndex { 
        border:2px #666677 solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
        width:100%;
}
table.ZineIndex td { 
        border-top:1px #666677 dotted; 
        border-bottom:1px #666677 dotted; 
        border-left:1px #666677 solid; 
        border-right:1px #666677 solid; 
        margin:0px; 
        padding:5px; 
}
table.ZineIndex th { 
        border:1px #666677 solid; 
        margin:0px; 
        padding:5px; 
        background-color:#ccccdd;
}

/*** 
 ***  COMMENTS
 ***/

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    padding:4px;
    background-color:#9999AA; 
    border:1px solid #666688; 
    font-weight:bold;
    font-size:9pt;
    display:block;
}
.ZineComment .ZineAboutBody {
    /* The background is used to simulate a 2-column table-like layout.
       A more elegant way to do this is to set display:table-cell for 
       .ZineAbout and .ZineBody, but that only works in recent Gecko
       browsers.  This alternative is more of a hack, but works in most
       recent browsers. It also gives an acceptable appearance if the
       background image fails to load.  */ 
    background: url(commentbg.gif) repeat-y 0% 0%;
    border-left:1px solid #668;
    border-right:1px solid #668;
}
.ZineComment .ZineAbout {
    padding:10px;
    float:left;
    width:80;
    font-size:9pt;
    color:#666;
}
.ZineComment .ZineBody {
    padding:10px;
    margin-left:100;
    clear:both;
}
.ZineComment .ZineFooter {
    padding:4px;
    background-color:#ccd;
    border:1px solid #668; 
    font-size:9pt;
    display:block;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    display:block;
    background-color:#eeeeff; 
}

/*** 
 ***  TOOLBARS
 ***/

/* show tools in a small, grey font so they don't steal too much attention */
table.ZineTools td {
    text-align:center;
}
table.ZineTools td a {
    font-size:7pt;
    font-weight:normal;
    color:#666;
    text-decoration:none;
}
table.ZineTools td a:hover {
    text-decoration:underline;
}

/* kludge because table.ZineIndex td adds cell borders */
table.Report table.ZineTools td { border:0px solid white; }
table.ZineIndex table.ZineTools td { border:0px solid white; }


/*** 
 ***  ATTACHMENTS
 ***/

table.ZineAttachmentForm {
    /* put attachment upload fields in a box */
    background-color:#eee;
    border:1px solid #999;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
}

div.ZineAttachment {

}
.ZineAttachment table {
    /* lines up attachments left-to-right */
    display:inline;
}






a.profile { text-decoration: none; }

div.ZineArticle { border-bottom: 1px solid #bbb; }

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 9px Arial;
margin:0;
margin-left: 8px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #B60C08; /*Brown color theme*/ 
border-color: #B60C08; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
margin-bottom: 20px;
width: 100%;
height: 5px;
line-height: 5px;
background: #B60C08; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/* RSS */
.result
{
border: 1px solid #ccc;
padding: 9px 5px 9px 5px;
margin: 5px 0px 5px 0px;
min-height: 75px;
}

.infobox .result {
min-height: 50px;
}

.result p { padding-left: 20px; }

.infobox .result {
font-size: 90%;
padding: 5px;
margin: 5px 0px 5px 0px;
max-height: 90px;
vertical-align: middle;
max-height: 90px;
}

.rss_front .result .image
{
float: left;
padding: 10px;
text-align: center;
width: 200px;
}

.infobox .result .image
{
clear: both;
padding: 0px;
text-align: center;
background: color: white;
}
.infobox .result .image img {
max-width: 130px;
}

.boxhead
{ 
background-color: #dc2d27; 
background-image: url(boxhead_maple.gif); 
background-repeat: no-repeat; 
background-position: left bottom; 
text-align: right; 
margin: 0; 
padding: 0 ;
}

.boxhead h3
{ 
color: #fff; 
font-size: 11px; 
font-variant: small-caps; 
font-weight: normal; 
margin: 0; 
padding: 3px 7px 3px 0; 
border: none ;
}

/*Calender*/

table.Calendar 
 { 
padding-top: 12px; 
margin-left:10px;
width: 180px ;
}

table.Calendar th {
color:#fff;
background-color:#B60C08;
horizontal-align:center;
text-align:center;
padding:3px;
}

div.Calendar  { padding: 5px }

td.CalendarEvent a,td.CalendarEvent a:visited 
{
text-decoration:none;
background-color: #fff; 
color: #B60C08;
}

div.Calendar dd a
{ 
font-size: 12px; 
font-weight: bold; 
}

div.Calendar h2, div.Zine h2
{ 
color: #B60C08;
border:0;
text-decoration:none;
font-size: 14px; 
font-weight: bold; 
}

table.info td img,table.Calendar td {
padding:5px;
}

td.CalendarToday,td.CalendarEvent {
background-color:#fff;
text-align: center ;
}

div.Calendar h4 {
font-size: 10px; 
font-weight: bold;
}

/*contents*/

body           
{ 
color: #303030; 
font: 11px/17px verdana, arial,"Hiragino Kaku Gothic Pro","HeiseiKakuGothic","MS PGothic","bitstream vera sans", "sans-serif"; 
background-position: center; 
margin: 0;
 }

p {}

div.insidepage            
{ 
background-image: url(maple.jpg); 
background-repeat: no-repeat; 
background-position: 500px 0; 
text-align: left; margin: 0; 
padding: 30px 0 30px 50px; 
width: 650px; 
vertical-align: top ;
}
  
div.toppage            
{ 
background-image: url(top_logos.jpg); 
background-repeat: no-repeat; 
background-position: 20px 100px; 
text-align: left; 
padding: 20px 10px 10px 330px; 
vertical-align: top;
 }

div.sidebar  
{ 
margin-top: 40px; 
width: 200px; 
float: left; 
vertical-align: top ;
}

div.maincontents  
{ 
margin: 30px 0 0 0;
padding: 0;
width: 430px; 
float: right; 
vertical-align: top;
}
   
div.foot_menu  
{ 
font-size: 8pt; 
text-align: center; 
padding-top: 50px; 
width: 650px; 
clear: both;
 }

div.foot_menutop  
{ 
font-size: 8pt; 
text-align: center; 
padding-top: 50px; 
width: 850px; 
 }

 
div.foot_menu a,div.foot_menutop a   
{ color: #a01e00; 
font-weight: bolder; 
text-decoration: none; 
margin: 0; padding: 5px;
 }

div.foot_menu a:hover,div.foot_menutop a:hover 
 { 
color: #333; 
text-decoration: none ;
}

div.footer       
   { 
font-size: 10px; 
text-align: center; 
padding-top: 10px ;
width: 650px; 
}

div.footertop       
   { 
font-size: 10px; 
text-align: center; 
padding-top: 10px ;
width: 850px; 
}

div.maincontent li 
{
white-space: normal; 
list-style-type: none; 
list-style-image: url(list_botton.gif);
}

hr {
height:1px;
border:0;
width:100%;
background-color:#DEDEDE;
}

/*menu */

a.menu
{
color: #333; 
text-decoration: none; 
background-image: url(maple_icon.gif); 
background-repeat: no-repeat; 
background-position: 5px center; 
text-align: left; 
list-style-type: none; 
list-style-image: none; 
display: block; margin: 0; 
padding: 7px 7px 7px 20px ;
}

a.submenu
{
color: #333; 
text-decoration: none; 
background-image: url(submenu.gif); 
background-repeat: no-repeat; 
background-position: 15px center; 
text-align: left; 
list-style-type: none; 
list-style-image: none; 
display: block; margin: 0; 
padding: 3px 3px 3px 30px ;
}
	
a.menu:hover
{ 
color: #B60C08; 
text-decoration: none; 
background-image: url(japan_icon.gif); 
background-repeat: no-repeat; 
display: block; 
margin: 0;
 }

a.submenu:hover
{ 
color: #B60C08; 
text-decoration: none; 
background-image: url(submenuhover.gif); 
background-repeat: no-repeat; 
margin: 0;
 }

td.menu
{ 
text-decoration: none; 
background-image: url(menu_line.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
display: block; 
margin: 0;
 }



/*headings*/

h1 
{ 
color: #B60C08; 
font-size: 18px ;
text-decoration: none;
}

h2   { font-size: 14px; margin-top: 3px; margin-bottom: 3px;text-decoration: none; }

h3    { font-size: 12px; margin-top: 3px; margin-bottom: 3px ;text-decoration: none;}

/*link*/

a  { color: #B60C08 ;text-decoration: underline;}

a:hover  
 { text-decoration: none; }

a footer  
 { color: #B60C08; }

a footer:hover  
 { color: #333; }

a.link
{
color: #303030; 
font-size: 16px ;
text-decoration: none;
}

a.link:hover
{}

table.ZineTools a { text-decoration: none; }