body, html{
    padding:0;
    margin:0;
    background:#8b96b0;
}
 
#heading{
    margin:50px auto 0;
    width:90%;
}
 
#heading h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    color:#273555;
    text-shadow:1px 1px 0 #a5adc1;
    margin:0;
    paddiing:0;
}
 
section
{
        display: block;
}
 
section div{
    position:relative;
}
 
.accordion
{
        background-color: #F4FAFF;
        border: 1px solid #DDF0FF;
        width: 90%;
        padding: 5px;
        margin: 5px auto;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 #999;
        -webkit-box-shadow: 0 1px 0 #999;
        box-shadow: 0 1px 0 #999;
        opacity:.9;
}
 
.accordion section
{
        border-bottom: 1px solid #A6C8DB;
        margin: 1px;
        background: #d8e2f8;
        background: -moz-linear-gradient(top, #e0e8f9 0%, #f2fafb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e8f9), color-stop(100%,#f2fafb ));
        background: -webkit-linear-gradient(top, #e0e8f9 0%,#f2fafb 100%);
        background: -o-linear-gradient(top, #e0e8f9 0%,#f2fafb  100%);
 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
 
.accordion h2,
 .accordion p
{
    margin: 0;
}
 
.accordion h2{
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b));
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position:relative;
}
 
 
.readmore{
    position:absolute;
    bottom:10px;
    right:10px;
    margin:0;
    padding:0;
    font-size:14px;
    font-family:'Arial', 'Helvetica', 'sans-serif';'
}
 
.readmore a{
    text-decoration:none;
    color: #e3eeff;
    background:#8692ac;
    padding:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #6b7895;
    -moz-transition: all 2s ease-in-out;
    opacity:.2;
}
 
.readmore a:hover{
    background:#606c88;
    opacity:1;
    -moz-transition: all .5s ease-in-out;
    -moz-box-shadow:1px 1px 0 #fff;
}
 
.accordion p
{
        padding: 10px;
        font: 12px/1.5 'Arial', 'Helvetica', 'sans-serif';
        color:#53607d;
}
 
.accordion h2 a
{
        display: block;
        font: 14px/1 'Arial', 'Helvetica', 'sans-serif';
        font-weight:bold;
        padding: 10px;
        color: #e3eeff;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
 
}
 
.accordion h2 a:hover
{
        background: #3f4c6b;
        background: -moz-linear-gradient(top, #3f4c6b 0%, #606c88 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#606c88));
        background: -webkit-linear-gradient(top, #3f4c6b 0%,#606c88 100%);
        background: -o-linear-gradient(top, #3f4c6b 0%,#606c88 100%);
}
 
.accordion h2 + div
{
        height: 0;
        overflow: hidden;
        -moz-transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
}
 
.accordion :target h2 a:after
{
        margin-top: -3px;
        border-top: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
}
 
.accordion :target h2:after{
    content:url(open.png);
    position: absolute;
    right: 10px;
    top: 0;
}
 
.accordion :target h2 + div
{
        height: 60%;
}