* {
        margin: 0;
        padding: 0;
}


body {
        color: #444;
        font: normal 62.5% "Arial";
        margin: 5px 5px;
        background-color: #999;
         padding: 0px;
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em Arial, serif;}

h2 {
        font: bold 1em Arial,serif;
        margin: 3px 0 1px;
         padding: 8px;
}

a:link {color:#444;
text-decoration : none;}
a:visited {color:##444,
text-decoration : none;}
a:hover {color:##444; text-decoration : none;}
a:active {color:##444; text-decoration : none;}

  blockquote01 {
        font: normal 1.4em; Arial; serif;
        padding: 90px 90px;
        margin: 0px 40px;     }

     blockquote01 p {padding: 10px;}

blockquote {
        background: url(img/quote.png) repeat-y;
        color: #555;
        font: normal 1.4em; Arial; serif;
        padding: 20px 20px;

         margin: 0px 40px;

}

blockquote p {padding: 10px;}

/* misc */
.clearer {
        clear: both;
        display: block;
        font-size: 0;
        line-height: 0;
        height: 0;
}

.left {float: left;}
.right {float: right;}

img.left {margin: 0 18px 6px 0;}


/* structure */


.container {
        background: url(img/bgcontainer.png) repeat-y top;
        margin: 0 auto;
        width: 1000px;
}

.top {
        clear: both;

        text-align: right;

        margin: 0 270 px;
        padding: 0 38px 12px;
}

.pattern {
        background: #c41407 no-repeat;

        height: 5px;
}


.header {
        background: #56644A url(img/header.jpg) no-repeat;
        color: #333;
        font-size: 1.4em;
        height: 146px;
        padding-right: 270px;
}

.header h1 {
        font: normal 3.2em serif,sans-serif;
        padding: 62px 0 34px 0;
}

/* navigation */
.navigation {
        margin: 0 5px;
        background-image: url(img/header-logo.png);
        background-repeat: no-repeat;
}

.navigation a {
        color: #666;
        font: normal 1.5em Comic Sans MS;
        line-height: 80px;
        margin: 0 10px;
        text-decoration: none;
}
.navigation a:hover,.navigation #selected {
        color: #2C3111;
}

/* content */
.content {
        clear: both;
        font-size: 1.2em;
        margin: 0 52px;
        padding: 0 38px 12px;
}
.content .spacer {
        height: 42px;
}

/* content item */
.item {clear: both;
 font: normal 1.4em; Arial; serif;   }



.item .title {
        color: #445044;
        font:  font: normal 1.4em; Arial; serif;   ;
}

.item .body {
        clear: both;
         font: normal 1.4em; Arial; serif;
}

/* footer */
.footer {
        color:         #5C8094;
        font-size: 1.1em;
        line-height: 41px;
        margin: 0 auto;
        text-align: center;
        width: 632px;
}
.footer .left {padding-left: 30px;}
.footer .right {padding-right: 30px;}

.footer a {
        color: #666;
        text-decoration: none;
}

/* ----------------------------------------
  zoom
------------------------------------------- */

a.zoom {display:block; }
a.zoom img {display:block; border:0;}
a.zoom:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.zoom b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;


a.zoom {display:block; width:75px; height:75px; text-decoration:none; background:#fff; border:5; margin:20px 0 0 100px; float:left;}
a.zoom img {display:block; border:0;}
a.zoom:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.zoom b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;





}


a.zoom:hover b {top:0px; left:0px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

#info {z-index:100; height:22em;}

}


a.zoom:hover b {top:0px; left:0px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

a.zooma {display:block; }
a.zooma img {display:block; border:0;}
a.zooma:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.zooma b {display:block; position:absolute; padding:10px; opacity:0;



}
a.zooma img {display:block; border:0;}
a.zooma:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.zooma b {display:block; position:absolute; right:9999px ; padding:-10px; opacity:10;





}


a.zooma:hover b {top:0px; right:0px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

#info {z-index:100; height:22em;}




a.zooma:hover b {top:0px; right:0px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}
.container .content .item .body .title {
        font-family: Arial;      }

.container .content .item .body strong strong a {
        font-family: Comic Sans MS, cursive;
}

:
div.accordion {
        height: 0;
        overflow: hidden;

}

div.accordion:target {
        height: auto;
        overflow: visible;
}