html,body 
{ 
padding: 0; 
}

body         
{ 
color: #666666; 
font-size: 75%;/* IE */ 
font-family:"Hiragino Kaku Gothic Pro", HeiseiKakuGothic, Meiryo, "MS PGothic", verdana, Osaka, arial, "bitstream vera sans", sans-serif;
background-color:#ebebc4; 
text-decoration: none; 
text-align: center; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

html>/**/body 
{
font-size: 12px; /* Except IE */
}

#clear
{
clear:both;
}

table.mainbox
{ 
background-color: #fff; 
width: 870px; 
margin-top: 10px; 
margin-right: auto; 
margin-left: auto; 
}

td.bodytop
{ 
background-image: url(body-top.gif); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
height: 20px; 
}

td.bodymiddle
{ 
background-image: url(body_bg.gif); 
background-repeat: repeat-y; 
background-position: 0 top; 
padding: 0 12px 12px; 
margin:0;
}

div.header  
{ 
border-bottom: 0px solid #ccc; 
text-align: left; 
padding: 0 10px 10px; 
margin: 0; 
height:50px;
}

div.banner  
{ 
clear:both;
text-align: center; 
margin: 0; 
padding: 3px 0;  
}

object
{
margin: 0; 
padding: 0; 
}

div.menubox  
{ 
margin: 0; 
padding: 0;
}

div.mainbox 
{ 
line-height: 160%; 
margin: 0; 
padding: 0 10px;; 
}

.maincontents
{ 
padding:10px 0 0 0;
text-align: left; 
vertical-align: top; 
width:630px;
line-height:160%;
float:right;
overflow:hidden;
}

.maincontents img
{
margin:5px;
}

.leftsidebar
{ 
float:left;
width: 180px; 
padding-top: 15px; 
vertical-align: top; 
}

.leftsidebar img
{
margin-bottom:5px;
}

div#login 
{ 
background-color: #ebebe1; 
margin-bottom: 3px; 
padding: 10px; 
}

div#logo
{
width:300px;
float:left;
}

div#logo_vic
{
width:500px;
float:left;
}

div.header #logo h1,div#logo_vic h1
{
display:none;
}

div#topmenu 
{ 
font-size: 85%; 
vertical-align: middle; 
float:right;
text-align:right;
padding-top:20px;
width:320px;
}

div#topmenu img
{
margin-right:3px;
margin-left:12px;
}

div#topmenu a
{
color:#666666;
font-weight:bold;
text-decoration: none; 
}

div#topmenu a:hover
{
color:#669900;
text-decoration: none; 
}

ul  { 
list-style: none; 
margin: 10px 0 10px 20px; 
padding: 0 ;
}

ul li  { 
background-image: url(maple_icon.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
padding: 0 0 0 15px ;
}

ul ul li
{
font-size:90%;
margin-left: 20px; 
margin-top:2px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
line-height:130%;
}

ul ul ul li
{ 
background-image: none; 
margin-left: 50px; 
padding: 0; 
list-style-type: circle; 
}


hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

div.event
{ 
background-color: #eeee90; 
vertical-align: top; 
padding: 10px; 
border-top: 1px solid #d34f67; 
border-bottom: 1px solid #d34f67; 
}

/* menu */

table.menubar 
{ 
width: 840px; 
margin: 0; 
border-top: 1px solid #ccc;
margin:0 3px;
}

table.menubar td 
{ 
text-align: center; 
border-right: 1px solid #99c368; 
}

table.menubar a 
{ 
color:#fff;
background-color:#62b118;
font-weight: bold; 
text-decoration: none; 
padding: 10px 0; 
display: block; 
white-space: nowrap; 
border-bottom: 5px solid #4b8613; 
}

table.menubar a:hover ,table.menubar #toppage,table.menubar #thispage
{ 
background-image:none;
color: #fff; 
background-color: #4f8e14; 
text-decoration: none; 
border-bottom: 5px solid #437612; 
}

div.DMenu,div.DMenu table
{
color: #666666;
margin-top:0;
padding:0;
}

div.DMenu
{
z-index:100;
}

div.DMenu table
{
width:auto !important;
}

div.DMenu a
{
text-decoration: none; 
background-color: #e6fbad;
text-align: left;
color: #666666;
padding:5px 10px;
border-top: solid 1px #e4f3c0;
width:130px;
margin:0;
}

div.DMenu a:hover,div.DMenu #thispage
{
text-decoration: none; 
color: #666666;
background-color: #cce87f;
}

.pmenu
{
font-size:90%;
display:block;
border-bottom:1px solid #ddd;
text-align:right;
margin:0 0 10px 0;
}

.pmenu a
{
}

/*heading*/

h1,h2,h3,h4
{
margin:15px 0;
}

h1  
{  
color: #79b731; 
font-size: 180%;
font-weight: normal;
}

h2 {
color: #666666; 
font-size: 110%;
font-weight: bold;
background-color:#cae8f4;
padding:5px 10px;
}


h2.hr {
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
color: #79b731;
font-size: 130%;
font-weight: bold;
background-color:#fff;
padding:5px 0;
}

h3 
{ 
color: #79b731;
font-size: 110%; 
font-weight: bold;
}

h4 { font-size: 100%; font-weight: normal;border:1px solid #79b731; padding:20px;display:block;}

h4 strong
{
color:#79b731;
}

/* link */


a        { color: #79b731; text-decoration: none ;}

a:hover  { color: #666666; text-decoration: underline ; }

/* footer */

td.bodybottom
{ 
font-size:85%;
color: #fff; 
background-image: url(body_bottom.gif); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
text-align: center; 
padding: 10px 5px 20px; 
margin:0;
}

td.bodybottom a
{
color:#fff;
text-decoration: underline; 
}

td.bodybottom a
{
color:#fff;
text-decoration:none;
}

/* table */

table.programbox
{ 
width: 100%; 
margin-bottom: 15px; 
border: solid 1px #ccc; 
}

td.boxcontents, div.ZineItem
{ 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
vertical-align: top; 
margin: 0; 
padding: 5px; 
}

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

td.boxcontents img
{
margin:10px;
}

td.staffheading 
{ 
font-size:110%;
background-color: #ebebe1; 
vertical-align: middle; 
padding: 10px; 
}

/* blog sidebar */

div.sidebar_box div.Zine h1,
div.sidebar_box a.ZineRef
{
display:none;
}

.leftsidebar h1
{
font-size:100%;
color:#fff;
background-color: #57a6e0; 
background-image:#none;
padding:5px;
margin:0px;
text-align:left;
}

div.sidebar_box
{
padding:5px;
margin:0px;
border: 1px solid #bbb;
}

.leftsidebar div.Zine
{
text-align:left;
padding:0px;
margin:0px;
}

.leftsidebar div.Zine p  { 
font-size:95%;
text-align:left;
line-height:130%;
}

.leftsidebar div.Zine p  { 
background-image: url(noteicon.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
padding: 0 0 0 20px ;
}

.leftsidebar div.Zine a  { 
}

/* index table */

table.index{ margin: 0; }

table.index td
{
vertical-align: top; 
text-align:left;
}

td.lefttop{ padding-right: 30px;}

td.leftbot{padding-right: 30px;padding-top: 20px;   }

td.rightbot{ padding-top: 20px;  }

table.index h1
{
font-size:180%;
margin:10px 0;
padding-bottom:5px;
background-image: url(hr_green.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom;
}

td.pickup{ 
background-color: #d7e5ee; 
background-image: url(zyohopickup.gif); 
background-repeat: no-repeat; 
background-position: right 0; 
width: 250px; 
padding: 50px 15px 15px; 
}

td.pickup h1
{
font-weight:bold;
background-image:none;
font-size:130%;
color:#339933;
margin:3px 0;
padding-bottom:5px;
}

.ZineTitle h3
{
font-size:130%;
margin:0;
padding:0;
}

/* table layout */

table.A
{
border-bottom: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}

table.A td
{
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}

/* Zine  */
a.ZineLink
{
font-weight:bold;
font-size:110%;
display:block;
}

table.ZineImage
{
width:320px;
float:right;
}

table.ZineImage img
{
width:280px;
margin:10px;
height:190px;
}

/******* school pages *********/

.school .ZineFooter,.school .ZineTools,.school .ZineDate
{
display:none;
}


/******* new program pages *********/

ul.programindex
{
margin:0;
padding:0;
}

ul.programindex li
{
margin:0;
padding:0;
background-image:none;
}

ul.programindex a img
{
border:1px solid #fff;
padding:3px;
margin:0;
}

ul.programindex a:hover img
{
border:1px solid #ccc;
}

div.program
{
}

table.pro_service
{
margin:5px 0;
border-bottom: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}

table.pro_service td
{
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc; 
padding:10px;
text-align:left;
line-height:130%;
}

table.pro_service td img
{
margin:0 0 10px 0;
}
}