table.Gallery{}

div.Gallery h1 {display:none;}

body           
{ 
color: #383838; 
font-size: 80%;/* IE */ 
font-family:"Hiragino Kaku Gothic Pro","HeiseiKakuGothic","MS PGothic","verdana", "arial","bitstream vera sans", sans-serif;
background-color: #ebebe1; 
text-decoration: none; 
vertical-align: top; 
margin: 10px 0 0; 
padding: 0;
}

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


table.mainbox   
{ 
width:780px;
background-color: #fff; 
}
td.header_top  
{ 
text-align: left; 
padding:0px;
height: 40px; 
}

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

div#topmenu 
{ 
font-size: 80%; 
text-align: right; 
float: right; 
padding-top: 20px; 
padding-right: 5px; 
margin:0px;
width:230px;
}

td.header  
{ 
background-repeat: no-repeat; 
background-color: #ababab; 
height: 192px; 
padding:0; 
margin:0;
}

td.sidebar  
{ 
vertical-align: top;
width: 175px;
padding:0px; 
}

td.memberlogin   
{ 
font-size: 90%; 
margin:0;
padding:0;
}

table.memberlogin   
{ 
margin:0;
padding:0;
}

td.maincontent  
{ 
vertical-align: top;
line-height: 160%;
padding: 15px;
}

td.maincontent2  
{ 
vertical-align: top;
font-size: 100%; 
line-height: 140%; 
padding: 15px; 
}

td.footer  
{ 
color: #fff; 
font-size: 90%; 
text-align: center; 
background-color: #669900; 
clear: both; 
padding: 10px; 
margin-top:5px;
}

td.sidebar img  
{ 
margin-top: 3px; 
margin-bottom: 3px;
}

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

td.body     
{ 
background-color: #fff; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

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

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

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

td.memberlogin ,table.memberlogin, form ,input  
{ 
padding:0px; 
margin:0px;
}

td.maincontent img
{
margin-left:8px;
margin-right:8px;
margin-bottom:3px;
}

div#footer
{
font-size:85%;
text-align: center; 
margin:10px;
}

table.box2 
{ 
margin-top:10px;
margin-bottom:10px;
border-top: 1px solid #383838;
border-left: 1px solid #383838;
}

table.box2 td 
{
padding:5px; 
border-right: 1px solid #383838;
border-bottom: 1px solid #383838; 
}

/* menu */

table.menubar 
{ 
width: 100%; 
margin-top: 5px; 
}

td.menubar 
{ 
text-align: center; 
border-right: 1px solid white; 
background-color:#669900;
}


div.DMenu table                
{  
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid white;
}

a.menubar
{ 
color: #fff; 
text-decoration: none; 
background-image: url(menu.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
text-decoration: none; 
margin: 0; 
padding-top: 10px; 
padding-bottom: 10px; 
white-space: nowrap; 
}

a.menu 
{ 
color: #383838; 
background-color: #dddddd; 
text-decoration: none; 
margin: 0; 
padding: 5px 0 5px 5px; 
text-align: left; 
border-top: 1px solid #eaf2f2;
}

a.menubar:hover, td.menubar #thispage
{ 
color: #fff; 
text-decoration: none; 
background-image: url(menu_hover.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
background-color: #459309;
}


a.menu:hover, td.DMenu #thispage
{ 
color: #fff; 
text-decoration: none; 
background-color: #878787;
}

td.menubox  
{ 
vertical-align: top; 
margin: 0; 
padding-bottom: 5px; 
}


/*heading*/

h1  
{ 
color: #669900; 
font-size: 150%;
background-image: url(hr_green.gif); 
background-repeat: repeat-x; 
background-position: left bottom; 
font-weight: normal;
line-height: 140%; 
}

h2 ,div.ZineTitle h2
{ 
color: #383838; 
background-color: #ebebe1;
font-size: 110%; 
padding: 5px;
}

h3,div.ZineTitle h3 
{ 
font-size: 110%; 
font-weight: bold ;
line-height: 140%; 
}

/* blog sidebar */


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

td.sidebar h1
{
font-size:100%;
width:165px;
color:#fff;
background-color: #57a6e0; 
background-image:#none;
padding:5px;
margin:0px;
}

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

div.sidebar_box div.Zine
{
padding-bottom:0px;
margin:0px;
}

div.sidebar_box div.Zine p  { 
background-image: url(maple_icon.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
padding: 0 0 0 15px ;
}


/* top page */


td.vancouver
{
vertical-align:top;
padding-right:10px;
width:45%;
}

td.whatsnew
{
vertical-align:top;
padding-left:10px;
}

td.whatsnew div.Zine h2
{
display:none;
}

td.whatsnew div.Zine h3
{
font-size:100%;
color: #669900;
margin:0px;
padding:3px;
}

td.whatsnew table.ZineTools
{
display:none;
}

td.whatsnew div.ZineItem
{ 
background-image: none; 
vertical-align: top; 
margin: 0; 
padding-top:0px; 
padding-bottom:5px; 
}

td.whatsnew h3
{
font-size:100%;
color: #669900;
font-weight: bold ;
line-height: 110%;
padding: 5px 0px;
margin:0px;
}


td.topbox_heading    
{ 
color: #fff; 
background-color: #57a6e0; 
text-decoration: none; 
background-image: url(corner.gif); 
background-repeat: no-repeat; 
background-position: right top; 
padding-left: 10px; 
padding-top: 10px; 
padding-bottom: 10px; 
}

td.topbox1,td.topbox2,td.topbox3 
{
background-color: #ebebe1; 
background-repeat: no-repeat; 
text-decoration: none; 
background-position: right bottom; 
vertical-align: top;
width: 33%; 
height: 180px; 
padding: 7px;
}

td.topbox1     { background-image: url(student.jpg); }

td.topbox2     { background-image: url(HostFamily_s.jpg); }

td.topbox3     {background-image: url(book.jpg); }


/* link */


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

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

div#topmenu a 
{ 
color: #4c4c4c; 
text-decoration: none; 
margin-right: 7px; 
margin-left: 3px; 
}

div#topmenu a:hover 
{ 
text-decoration: underline; 
}

h2 a
{ 
color: #383838; 
}

td.footer a            
{ 
color: #fff; 
font-size: 100%; 
text-decoration: none ;
margin-left:5px;
margin-right:5px;
}

td.footer a:hover  
{ 
color: #f3c303; 
text-decoration: none ;
}

/*program*/

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

td.boxheading 
{ 
font-size: 120%; 
background-color: #ebebe1; 
background-image: url(note.gif); 
background-repeat: no-repeat; 
background-position: 10px center; 
padding: 10px 10px 10px 40px; 
}

td.boxheading a
{ 
color: #383838;
text-decoration: none;
}

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

td.boxfooter
{ 
font-size: 90%; 
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
text-align: right; 
padding: 5px; 
}

td.boxcontents ul  { 
list-style: none; 
margin: 0; 
padding: 0 ;
}

td.boxcontents li  
{ 
background-image: url(button.gif); 
background-repeat: no-repeat; 
background-position: 0 3px; 
margin-top: 3px; 
margin-bottom: 3px; 
padding: 0 0 0 15px ; 
}

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

td.leftpadding {padding-left:20px;}

/* Chart */

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

td.chartheading 
{ 
font-size: 130%; 
background-color: #ebebe1; 
padding: 10px; 
}

table.chart td
{ 
font-size: 90%; 
vertical-align: top; 
margin: 0; padding: 7px; 
border-right: 1px solid #d6d6d6; 
border-bottom: 1px solid #d6d6d6; 
}



a.ZineLink
{
color: #669900; 
font-size: 120%; 
font-weight: bold ;
text-decoration: none ;
}

a.ZineLink:hover
{
color: #383838; 
}

/*site map*/

ul.sitemap{}

ul.sitemap li { 
color: #383838; 
background-color: #ebebe1;
background-image: url(hr_green.gif); 
background-repeat: repeat-x; 
background-position: left top; 
margin-bottom:3px;
}

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

div.ZineAbout{display:none;}

/*CPCI*/

div.event
{ 
background-color: #f7f7b4; 
vertical-align: top; 
padding: 10px; 
border: 1px solid #f9adbb; 
margin:10px; 
}

div.event h1
{
color: #e7526c; 
font-size: 170%;
background-image: none; 
font-weight: normal;
line-height: 110%;
margin-top:3px; 
}