body
{
background-color: #E7E7E7;
margin-top: 0px;
margin-left: 100px;

}

#container
{
background-color: #FFFFFF;
margin: 0px;
padding-top: 0px;
text-align: left;
width: 725px;

}

#header
{
background-image: url('pics/maple.jpg');
background-repeat: no-repeat;
height: 65px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
vertical-align: middle;

}

img.link
{
position: absolute;
top: 20px;
left: 110px;
width: 220px;
height: 40px;
border: 0px;

}

#menu
{
background-image: url('pics/navi-bg.gif');
background-color: #FFFFFF;
background-repeat: repeat-x;
width: 725px;
text-align: left;
height: 29px;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
/*border: medium solid #000000;*/
letter-spacing: normal;
}

.menu-item
{
display: inline-block;
background-color: transparent;
text-align: left;
font-size: 11pt;
font-family: arial;
font-weight: normal;
color: #60823F;
height: 20px;
float: left;
vertical-align: top;
margin-left: 8px;
margin-right: 3px;
margin-top: 5px;
padding-bottom: 0px;
padding-top: 2px;
}

#menu-item a, a:link, a:visited, a:hover
{
font-size: 11pt;
font-family: arial;
font-weight: normal;
color: #60823F;
text-decoration: none;
padding-bottom: 0px;
padding-top: 2px;
vertical-align: top;
}

.menu-selected
{
display: inline;
font-size: 11pt;
font-family: Arial;
font-weight: normal;

color: #FFFFFF;
height: 20px;
float: left;
vertical-align: top;
padding-left: 6px;
padding-right: 6px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 2px;
background-color: #ccee88;
padding-bottom: 0px;
padding-top: 2px;


} 


#content-box
{
margin: 0px;

}

#aphorism
{
height: 116px;
width: 725px;
background-color: #E7E7E7;

}

#quote
{
font-size: 8pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
color: #444444;
font-size: 8pt;
/*font-style: italic;*/
padding: 16px;
height: 100%;

}

img.pic
{
display: inline;
width: 130px;
height: 100px;
float: left;
margin: 8px 16px 8px 6px;

}

img.right
{

    margin-left: 10px; 
    margin-right: 0px; 

    padding: 4px;
    border: thin solid #f2f2f2;
    background-color: #FFFFFF;

}

img.left
{

    margin-right: 10px; 
    margin-left: 0px; 

    padding: 4px;
    border: thin solid #f2f2f2;
    background-color: #FFFFFF;

}

.img-right
{
display: inline;
    float: right; 
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px; 
}

.img-left
{
display: inline;
    float: left; 
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px; 
}

img.logo
{
display: inline;
    float: right; 
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px; 
    padding: 4px;
    border: thin solid #f2f2f2;
    background-color: #FFFFFF;


}

#symbol
{
position: absolute;
left: 12px;
top: 110px;
}

#text-fp
{
float: left;
vertical-align: top;
font-size: 10pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
background-color: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-bottom: 0px;
}

#text-column
{
padding: 40px 10px 10px 63px;
margin: 0px;
display: inline;
float: left;
width: 450px;
font-size: 10pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
/*border: medium solid #000000;*/


}

#text-column-wide
{
padding: 40px 10px 10px 63px;
margin: 0px;
display: inline;
float: left;
width: 600px;
font-size: 10pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
}

.top1 {
/*background: url(pics/up-green.gif)  100% 0 no-repeat;*/
width: 50%;
max-width: 360px;
display: inline;
float: left;
/*background-color: #ccee88;*/
margin-bottom: 20px;
}

.box1
{
background: #ccee88;
font-size: 9pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
padding: 18px;
/*padding-top: 5px;*/
color: #303030;

}

.top2 {
/*background: url(pics/up-blue.gif)  0 0 no-repeat;*/
width: 50%;
max-width: 360px;
display: inline;
float:right;
/*background-color: #CCDCF4;*/
margin-bottom: 20px;
}

.box2

{
background: #CCDCF4;
font-size: 9pt;
font-family: verdana, arial;
font-weight: normal;
padding: 18px;
/*padding-top: 5px;*/
text-align: left;
color: #303030;

}


.clear {
font-size: 1px; height: 1px;
clear: both;
}
 
 
#current
 {
clear: both;
 }
 
 .current-item
{
border-top: 1px solid #E0FF57;
font-size: 8pt;
font-family: verdana, arial;
font-weight: normal;
padding-left: 10px;
margin-bottom: 5px;
}
 
#current a
{
font-size: 8pt;
font-family: verdana;
}

.image
{
display: inline;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;

}

#text-fp h1
{
font-size: 14pt;
font-family: arial;
font-weight: normal;
color: #303030;
margin-top: 2px;

}

h1
{
font-size: 18pt;
font-family: arial;
font-weight: normal;
color: #303030;
margin-top: 2px;

}


h2
{
font-size: 11pt;
font-family: verdana, arial;
font-weight: normal;
margin-top: 20px;
clear: both;
color: #303030;
text-decoration: none;
}


a>h2
{
font-size: 11pt;
font-family: verdana, arial;
font-weight: normal;
margin-top: 20px;
clear: both;
color: #303030;
text-decoration: underline;
}

#current h2
{
font-size: 8pt;
font-family: verdana;
font-weight: bold;
clear: both;
color: #303030;
margin-top: 5px;
margin-bottom: 2px;
}

h3
{
font-size: 10pt;
font-weight: bold;
color: #303030;
margin-bottom: -10px;
font-family: verdana, arial;
}

#right-column h3
{
font-size: 8pt;
font-weight: bold;
color: #303030;
margin-bottom: 0px;
margin-top: 30px;
font-family: verdana, arial;
}

p
{
font-size: 10pt;
font-family: verdana, arial;
font-weight: normal;
}

p.abstract
{
font-style: italic;
}

.caption
{
margin-top: 2px;
margin-left: 10px;
margin-bottom: 5px;
font-family: verdana, arial;
color: #303030;
font-size: 8pt;
}



#content-box a
{
font-family: verdana, arial;
color: blue;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline;
font-size: 10pt;
}

#text-fp a
{
font-family: verdana, arial;
color: blue;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: underline;
font-size: 8pt;
}


hr
{
clear: both;
height: 1px;
color: #E0FF57;
background-color: #E0FF57;
border: 0px solid #E0FF57;
}


.back
{

display: inline;
float: left;
width: 200px;
}

.next
{
display: inline;
float: right;
width: 200px;
text-align: right;
}

.poem-1
{
font-size: 10pt;
display: inline;
float: left;
line-height: 2em;
margin-right: 10px;
width: 200px;

}

.poem-2
{
font-size: 8pt;
display: inline;
float: left;
margin: 0px;
width: 100px;
}

.poem-3
{
font-size: 8pt;
display: inline;
float: right;
height: 60px;
width: 100px;
padding-left: 20px;
margin-left: -6px;
padding-top: 48px;
background: url(pics/bracket.gif) 0 25px no-repeat;

}

ul
{
list-style: square outside; 
font-size: 10pt;
font-family: verdana, arial;
font-weight: normal;
}



#right-column
{
display: inline;
float: right;
margin: 0px;
padding: 10px;
margin-top: 50px;
margin-bottom: 40px;
width: 160px;
height: 420px;
font-size: 8pt;
font-family: verdana, arial;
font-weight: normal;
text-align: left;
border-left: 1px solid #E0FF57;
background-color: #FFFFFF;
}

#right-column ul
{
padding-left: 15px;
margin-left: 0px;
padding-bottom: 10px;
font-size: 8pt;
font-family: arial;
font-weight: normal;
border-bottom: 1px solid #9EC664;
}

#right-column li
{

list-style: disc outside; 
margin-left: 0px;
padding-left: 0px;
}

#right-column a.selected
{
margin-left: -6px;
padding-left: 8px;
background: transparent url(pics/arrow.gif) no-repeat;
background-position:0 1px;
text-decoration: none;
display: inline-block; 
}

#right-column a.selected:hover
{
background-position:0 3px;
text-decoration: none;
}

#right-column a
{
margin-left: 0px;
padding-bottom: 5px;
font-size: 8pt;
font-family: verdana, arial;
font-weight: normal;
text-decoration: none;
color: #000000;
}

#right-column a:hover
{

text-decoration: underline;
/*border-bottom:2px #9cf solid; */
}

#right-column a.menu-selected
{
list-style-image: url(pics/arrow.gif.gif);
}

#right-column a.link
{
text-decoration: underline;
color: blue;
}

#right-column p
{
margin-left: 0px;
margin-top: 8px;
padding-bottom: 2px;
font-size: 8pt;
font-family: verdana, arial;
font-weight: normal;
}

.event
{
border-top: 1px solid #E0FF57;
}

.event 
{
font-size: 10pt;
font-weight: bold;
color: #303030;
margin-bottom: 0px;
font-family: verdana, arial;
}

.event p
{
font-size: 10pt;
color: #303030;
margin-bottom: 5px;
margin-top: 10px;
font-family: verdana, arial;
}


#footer
{
background-color: #FFFFFF;
color: #60823F;
padding: 3px;
text-align: right;
border-top: 1px solid #9EC664;
height: 20px;
}


p.footer
{
font-family: arial;
font-size: 7pt;
color: #60823F;
margin-bottom: 10px;

}