/* typography.css */

body {font : 72%/1.5 "Trebuchet MS", Trebuchet, "Lucida Sans Unicode", Arial, sans-serif; color : #222;}

h2, h3, h4, h5, p, ul, blockquote {margin: 0 20px .75em; }

h2 {margin-bottom: .15em; font-size: 300%; font-weight: bold;}

h3 {margin-bottom: .15em; font-size: 200%; font-weight: bold;}

h4 {font-size: 1.4em; line-height: 1.3em;}

p {font-size: 100%;}

h2, h3 {color: #86d738;}

h2+p {font-size: 110%;}

li > h4 {margin-left: 0;}

div#content_main p {
font-size : 120%;
}
div#nav_main p { 
font-size : 130%;
color : #86d738; }

div#site_info p { 
color : #fff; }

li > p { margin-left : 0; }

a:link, a:visited { 
text-decoration : none; }

a:link, a:visited { 
color : #D60; }

a:hover{text-decoration: underline;}

#shopbag a:link, #shopbag a:visited { 
color : #fff; }

#footer {float:left; text-align:center;color:#999; margin-top:10px; font-size:120%;}
#footer a, #footer a:active, #poweredby a, #poweredby a:active {color:#fff;}
#footer a:hover, #footer a:active:hover, #poweredby a:hover, #poweredby a:active:hover {color:#fff;}


div#site_info p a{
color : #fff;
font-size: 150%;
}
.olWHeader h3 {border-bottom: dotted thin #4a3300; margin-top: 1.2em;}
.olWHeader h4 {border-bottom: dotted thin #4a3300; margin-top: 1em;border-top: dotted thin #4a3300; margin-top: 1em;}

.olWHeader ol {
margin: 0 0 15px 35px;
 }

.olWHeader ol li {
margin-bottom: 10px;
font-size: 1.1em;}

#announcement h3 {border-bottom: dotted thin #4a3300; margin-top: 1em;}

span.raise {vertical-align: super; font-size: .5em;}