html, body {
    background:#e9e9e9;
}
body {
    font-family: 'Quattrocento Sans', Arial;
    font-size: 87.5%;
    color:#333;
}
*
{
    outline:none;
}
img
{
    border:none;
}
ul li, li
{
    list-style:none;
}
a
{
    text-decoration:none;
     color:#333;
}
p {
    text-align:justify;
}
h1, h2, h3 {
    font-family: 'Poiret One', Arial;
    text-shadow:1px 1px 0 #ccc;
}
h1 {
    font-size:27px;
}
h3
{
    font-size: 30px;
    /*text-align: left;*/
}
h4 {
    font-size:15px;
    color:#990000;
    font-weight:bold;
}
.wrap {
    max-width:960px;
    width:100%;
    box-shadow: 0 0 15px #333;
    margin:auto;
    position:relative;
    background:#404040;
}
header nav ul {
    display:none;
}
header nav ul ul {
    display:none;
}
.main {
    position:relative;
}
.logo {
    position:absolute;
    bottom:10px;
    right:20px;
    color:#fff;
    text-align:right;
    font-size:30px;
    text-shadow:0 0 10px #333;
}
    .logo:hover {
    }
section.section {
    width:74%;
    background:#fff;
}
    section.section img {
        display:block;
        width:100%;
        border-bottom:6px solid #404040;
    }

    section.section .page {
        padding:20px 0px;
        background:#fff;
    }

section.section .page nav {
    margin-bottom:40px;
}
section.section .page nav ul {
    list-style:none;
}
section.section .page nav ul li {
    float:left;
    margin:2px 1px 0;
}
    
 section.section .page nav ul li a {
        display:block;
        text-decoration:none;
        padding:4px 10px;
        background:#795A3F;
        color:#fff;
        font-weight: bold;
        border-radius:2px;
        text-align:center;
        -moz-transition:all 0.2s linear;
        -wekit-transition:all 0.2s linear;
        -o-transition:all 0.2s linear;
        -ms-transition:all 0.2s linear;
        transition:all 0.2s linear;
    }
    section.section .page nav ul li:hover a {
        background:#795231;
        color:#fff;
    }
        section.section .page .containt {
            width:100%;
            padding:0;
            min-height:340px;
        }
            section.section .page .containt h3 {
                margin-bottom:10px;
            }
            section.section .page .containt ul li {
                margin:10px 0;
            }
                section.section .page .containt ul li > span {
                    display:inline-block;
                    font-weight:bold;
                    width:220px;
                }
                section.section .page .containt ul li strong img {
                    width:40px;
                    height:24px;
                    display:inline-block;
                    border:none;
                }
            section.section .page .containt .box {
                border-bottom:12px solid #404040;
            }
                section.section .page .containt .box .box_wrap, aside.aside .aside_wrap {
                    padding:3%;
                }
                /*section.section .page .containt .box .box_wrap, aside.aside .side_nav {
                    margin-bottom:8%;
                }*/
                    section.section .page .containt .box .box_wrap.arabic {
                        direction:rtl;
                        font-family:Verdana;
                    }
                        section.section .page .containt .box .box_wrap.arabic img {
                            display:block;
                            width:155px;
                            height:auto;
                            text-align:center;
                            margin:0 auto;
                        }
                        section.section .page .containt .box .box_wrap.arabic > a {
                            display:block;
                            color:#000;
                            font-weight:bold;
                            padding:2% 0;
                        }
                            section.section .page .containt .box .box_wrap.arabic > a:hover {
                                color:#990000;
                            }
                        section.section .page .containt .box .box_wrap.arabic ul li {
                            padding:1% 0;
                        }
                            section.section .page .containt .box .box_wrap.arabic ul li strong {
                                color:#990000;
                            }
                        
                section.section .page .containt .box:last-child {
                    border-bottom:none;
                } 
            /*section.section .page .containt .box > ul li {
               display:inline-block;
               margin-right:74px;     
            }*/
                section.section .page .containt .box.myschool ul {
                    padding-top:20px;
                    
                    text-align:center;
                }
                section.section .page .containt .box.myschool .school_nav .mnu {
                    float:left;
                    margin-right:112px;
                }
                section.section .page .containt .box.myschool .school_nav .mnu:last-child
                {
                    margin-right:0;
                }
                section.section .page .containt .box.myschool ul li {
                    float:left;
                    /*margin-right:110px;*/
                }
                    section.section .page .containt .box.myschool ul li a {
                        display:block;
                        font-size:30px;
                        font-weight:bold;
                    }
                    section.section .page .containt .box.myschool ul li:hover a {
                        color:#990000;
                    }
                    section.section .page .containt .box.myschool ul li:last-child {
                        margin-right:0;
                    }
                section.section .page .containt .box .send_email {
                    width:50%;
                    float:left;
                }
                section.section .page .containt .box .send_sms {
                    width:40%;
                    float:right;
                }
                section.section .page .containt .box .form {
                    padding-bottom:12%;
                }
                section.section .page .containt .box .form ul li {
                    margin:5px 0;
                    font-size:16px;
                }
                    section.section .page .containt .box .form ul li label {
                        display:block;
                        padding-bottom:3px;
                    }
                    section.section .page .containt .box .form ul li .field {
                        padding:2%;
                        width:96%;
                        border-radius:4px;
                        border:1px solid #ccc;
                        box-shadow:0 0 5px #ccc;
                        -moz-transition:all 0.2s linear;
                        -wekit-transition:all 0.2s linear;
                        -o-transition:all 0.2s linear;
                        -ms-transition:all 0.2s linear;
                        transition:all 0.2s linear;
                        text-shadow:0 0 1px #333;
                    }
                    section.section .page .containt .box .form ul li textarea {
                        height:200px;
                    }
                        section.section .page .containt .box .form ul li .field:hover {
                             box-shadow: 0 0 5px #ac662a;
                             color:#333;
                        }
                    section.section .page .containt .box .form ul li .sbt {
                        float:right;
                        padding:1.4% 6%;
                        text-align:center;
                        background:#795A3F;
                        border:none;
                        color:#fff;
                        text-transform:uppercase;
                        cursor:pointer;
                        border-radius:3px;
                        -moz-transition:all 0.2s linear;
                        -wekit-transition:all 0.2s linear;
                        -o-transition:all 0.2s linear;
                        -ms-transition:all 0.2s linear;
                        transition:all 0.2s linear;
                    }
                        section.section .page .containt .box .form ul li .sbt:hover {
                            background:#ac662a;
                           
                        }
                section.section .page .containt .box .guest_box
                {
                    background:#dedede;
                    padding-bottom:4%;
                    margin-bottom:3%;
                }
                    section.section .page .containt .box .guest_box .top_bar
                    {
                        background:#795A3F;
                        min-height:30px;
                        color:#fff;
                        padding:0 4px;
                        
                    }
                        section.section .page .containt .box .guest_box .top_bar .time
                        {
                            float:left;
                            width:40%;
                            line-height:30px;
                        }
                        section.section .page .containt .box .guest_box .top_bar .user
                        {
                            float:right;
                            width:40%;
                            line-height:30px;
                        }
                section.section .page .containt .box .guest_box > P
                {
                    text-align:justify;
                    float:right;
                    direction:rtl;
                    font-size:14px;
                    word-spacing:2px;
                    padding:1%;
                    font-family:Tahoma;
                }
                            section.section .page .containt .box .guest_box .top_bar .user > p
                            {
                                text-align:justify;
                                float:right;
                                direction:rtl;
                                font-size:16px;
                                font-family:Tahoma;
                            }
                            section.section .page .containt .box .guest_box .top_bar .time > p
                            {
                                text-align:justify;
                                float:left;
                                direction:rtl;
                                font-size:16px;
                                
                            }
            section.section .page .containt dl dt {
                color: rgb(64, 64, 64);
                font-size: 15px;
                font-weight:bold;
                margin:10px 0;
                clear: both;
            }
            section.section .page .containt dt dd {
                display:block;
            }
            section.section .page .containt .box .year {
                width:20%;
                float:left;
            }
            section.section .page .containt .box .details {
                float:right;
                width:80%;
                
            }

            section.section .page .containt img {
                
            }


/*developed by Md.Sarfaraz alam to know more visit www.mdsa.in*/


aside.aside {
    max-width:100%;
    width:24%;
    border-left:2% solid #795231;
    color:#fff;
    background:#404040;
    text-align:center;
    padding:75px 0;
    color: rgb(255, 255, 255);
    float:right;
    position:relative;
}
   aside.aside .side_nav {
        margin-bottom:23%;
        width:100%;
    }
    aside.aside a {
        display:block;
        padding:5px 0;
        border-bottom:1px dotted transparent;
        color:#fff;
    }
        /*aside.aside ul li:hover a {
            border-bottom-color:#f9f9f9;
        }*/
        aside.aside img {
            width:100%;
        }


    .aside_bar {
        width:2%;
        background:#795231;
        position:absolute;
        top:0;
        left:74%;
        bottom:0;
        z-index:3;
    }

.mobile_nav {
        display: none;
}
.mobile_nav select {
        width: 98%;
        border-radius: 0;
        border-color: #EBBDB9;
        margin: 0;
}



footer {
    padding:2%;
    font-size: 12px;
    color: #fff;
    background:#333;
    width:70%;
}


.detail_table {
    width:100%;
        border-bottom:1px solid #e9e9e9;
}
    .detail_table tr, section.section .page .containt .box .box_wrap.arabic ul li {
        border-top:1px solid #e9e9e9;
    }
    .detail_table td {
        padding:1%;
    }




.containt .box img.school_img {
    padding-bottom:2%;
}
.containt .box img.school_img, .containt .box .friends img {
    border:none;
}
.containt .box .friends_grp .friends {
}
.containt .box .friends img {
    display:block;
    float:left;
    text-align:center;
    padding:1%;
}