body { background: url(images/bg_hatch80_a.gif) #F0F0F0 repeat; margin: 15px 0 15px 0; }

a:link, a:visited, a:active { color: #2F63AF; }
a:hover { color: #666666; }

img { border: 0; margin: 0; padding: 0; }

#wrapper { background-color: #ffffff; border: 1px solid #ABABAB; margin-left: auto; margin-right: auto; text-align: left; width: 720px; }

#topnav ul { background: url("images/nav_bg.gif") #C5C5C5 repeat-x; border-bottom: 1px solid #ABABAB; color: #666; font: 11px "Lucida Grande", Verdana, sans-serif; height: 21px; margin: 0; padding: 0; width: 100%; }
#topnav ul li { display: inline; }
#topnav ul li a { border-right: 1px solid #C5C5C5; color: #666; float: left; line-height: 21px; padding: 0px 10px 0px 10px; text-decoration: none; }
#topnav ul li a:hover { background:   url("images/nav_bg_act.gif") #FFF repeat-x; color: #2F63AF; }
#topnav ul li a#current { background:   url("images/nav_bg_o.gif") #FFF repeat-x; color:#333; }

/* #toplogo { background-color:#CCC; height:50px;} */
#toplogo { background: url("images/nav_bg.gif") #C5C5C5 repeat-x; height:21px;} 

#header  { color: #ffffff; background-color: #666666; background-position: 0 0; height: 100px; /*border-top:1px solid #ABABAB; */ border-bottom:1px solid #ABABAB; }
/* #sitelogo  { color: #ffffff; font: 17px/30px Georgia, serif; font-style:italic; background: url(images/maple720x100.jpg) no-repeat; padding-top: 70px; padding-right: 15px; text-align:right; height: 30px; vertical-align:text-bottom; }*/
#sitelogo { color: #fff; font: 17px/30px "Times New Roman", Times, serif; font-style:italic; background: url(images/cherry720_100.jpg) no-repeat; padding-top: 70px; padding-right: 15px; text-align:right; height: 30px; vertical-align:text-bottom; }
#sitelogo p { margin:0; }
#sitelogo a { color: #fff; text-decoration: none; }

#footer { background: #D5D5D5; border-top: 1px solid #ABABAB; font:11px/150% Verdana, sans-serif; padding: 3px; }

#sidebar { float:right; margin: 5px 5px 12px 20px; width:240px; }
#sidebar .spacer { height: 20px; }

#featured, 
#contact { border:1px solid #ABABAB; }

#featured .feattop,
#contact .cnttop { border-bottom:1px solid #ABABAB; background-image:url(images/nav_bg_o.gif); background-repeat:repeat-x; height:21px; font: 12px/21px Verdana, sans-serif; text-align:left; padding:0 4px 0 4px; }

#featured .featcontent,
#contact .cntcontent { font: 12px Verdana, sans-serif; }

#featured .featcontent p,
#contact .cntcontent p { font-size:11px; line-height:normal; margin-left:20px; margin-right:20px; text-align:center; }

#featured .featcontent img { margin:20px 18px 10px 20px; }

#introduction { }
#whatsnew { }
#whatsnew ul { font: 12px/150% Verdana, sans-serif; color:#333; text-align:left; }
#whatsnew ul li { list-style-type:square; margin: .5ex 0 .5ex .7em; }

.floatright { float:right; margin: 15px 65px 1px 5px; }

#maincontent { margin: 15px 15px 15px 15px; }

h1 { color:#56784E; font: 20px/150% Georgia, serif; font-weight:bold; font-style:italic; margin:0; padding:.2ex 0 .3ex 0; }
h2 { color:#758AB8; font: 18px/150% Georgia, serif; font-style:italic; margin:0; padding:.2ex 0 .3ex 0; }
p { color:#333; font: 12px/150% Verdana, sans-serif; text-align:justify; margin:0; padding:.3em 0 .7em 0; }


.seperator { border-top: 1px dotted #D5D5D5; font-size: 0; margin: 0px 15px 0px 15px; }
.attention { color: #FF0000; font-weight: bold; }