/* topic title */
h1.tt {
    text-align: center;
    font-size: 24px;
}

/* topic Subtitle */
h2.tt {
    text-align: center;
    font-size: 18px;
}

/* poem */
.p {
    margin: auto;
	display: table;
    border: 0;
}



.b {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

/* prose */
.pr {
    display: table;
    text-align: justify;
    border: 0;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.par {
    display: table-row;
}

/* headnote and footnote */
.note {
    text-align: center;
    font-weight: bold;
}

/* band beyt - Space */
.bm1 {
    display: block;
    width: auto;
    text-align: center;
}

.bm2 {
    display: block;
    width: auto;
    text-align: center;
    margin-bottom: 1.5em;
}

#banner {
    margin: -20px 0 5px;
}

    #banner iframe {
        height: 115px;
        width: 100%;
    }

@media (min-width: 980px) {
    #header {
        padding-bottom: 0px;
        padding-top: 20px;
        margin-top: 40px;
    }

    #footer {
        padding-bottom: 0px;
        padding-top: 15px;
        margin-bottom: 0;
        margin-top: 20px;
    }

    #home {
        margin-top: 60px;
    }

    .m1 {
        display: table-cell;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-left: 2em;
    }

    .m2 {
        display: table-cell;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-right: 2em;
        margin-bottom: 0px;
    }
}

@media (max-width: 979px) {
	

    #header {
        padding-bottom: 0px;
        padding-top: 20px;
        margin-top: -20px;
    }

    #footer {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 15px;
        margin-bottom: 0;
        margin-top: 20px;
    }

    #home {
    }

    .m1 {
        display: block;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-left: 14em;
    }

    .m2 {
        display: block;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-right: 14em;
        margin-bottom: 0px;
    }

    #banner {
        margin: -20px 0 5px -20px;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
	

    .m1 {
        display: block;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-left: 7em;
    }

    .m2 {
        display: block;
        width: auto;
        text-align: justify;
        text-align-last: justify;
        padding-right: 7em;
        margin-bottom: 0px;
    }

    #banner {
        margin: -20px 0 5px 20px;
    }

        #banner iframe {
            height: 85px;
            width: 100%;
        }
}

@media (max-width: 480px) {
	
.b {
    display: table-row;

}
    .m1 {
        display: block;
        width: auto;
        text-align: center;
        text-align-last: initial;
        padding-left: 0px;
    }

    .m2 {
        display: block;
        width: auto;
        text-align: center;
        text-align-last: initial;
        padding-right: 0px;
        margin-bottom: 0.5em;
    }

    .hero-unit {
        padding: 20px;
    }

    #banner {
        margin: -20px 0 5px;
    }

        #banner iframe {
            height: 85px;
            width: 100%;
        }
}

/*strong
{   
    color: #FF0000;
}*/


	.content li {    

 color: #595a5a !important; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e2e2e2 100%); border: 6px solid #c3c3c3; text-shadow: 1px 1px 1px #ffffff; -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); 

}								
												
	





	.content li:hover {    

 color: #a96c23 !important;

}								
		
		
		
		
		
a.smallsilver { color: #595a5a !important; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e2e2e2 100%); border: 1px solid #c3c3c3; text-shadow: 1px 1px 1px #fff; -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1); }
	a.smallsilver:hover { color: #454545 !important; }