body {
    width: 100%;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 12px;
    background-image:url('../../OnlineAdmission/Content/EU_Web_Banner_Convocation.jpg');
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
     background-size:100% 100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
     top:0;
    left:0;
    width:100%; /* alternative: right:0; */
    height:100%;
    
   
}
#main_body {

    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 13px;
    position:relative;
    top:-5px;
    width:1000px;
    height:auto;
    padding:4px;
    border:groove thin #4a4040;
    background-color:#3a55ad;
    -moz-box-shadow: 0 0 6px 2px #888;
    -webkit-box-shadow: 0 0 6px 2px #888;
    box-shadow: 0 0 6px 2px #888;
    display:table;
    margin:0 auto;
}

#header {
    position: relative;
    padding:0;
    height:inherit;
    background-color:#0072BB;
}

    #header #top {
        position:relative;
        height:22px;
        padding:0 30px 0 30px;
        background-color:#0072BB;
        width:940px;
    top: -1px;
    left: 0px;
    
}

    #header #side_top {
        position:absolute;
        left:910px;
        width:88px;
        top:0px;
        
        height:22px;
        padding : 0;
    }

        #header #top .m {
            text-decoration:none;
            color:white;
            font:bold;
        }

#header #top a:hover {
    color:#30ed0b;
}

    #header #middle {
        position:relative;
        height:150px;
        padding:0;
        background-color:floralwhite;
        

    }
        #header #middle #top_right_bar {
            position:absolute;
            float:right;
            height:28px;
            top:-2px;
            width:412px;
            padding:1px 0 0 0;
            left:427px;
    
}

            #header #middle #top_right_bar a {
            text-decoration:none;
            color:#0f0e56;
            font:bold;
            }
                #header #middle #top_right_bar a:hover {
                    color:blueviolet;
                }



 #header #middle #top_right_barN{
            position:absolute;
            float:right;
            height:28px;
            top:-2px;
            width:30px;
            padding:1px 0 0 0;
            left:855px;
    
}

            #header #middle #top_right_barN a {
            text-decoration:none;
            color:#0f0e56;
            font:bold;
            }
                #header #middle #top_right_barN a:hover {
                    color:blueviolet;
                }



#header #middle #top_right_barN1{
            position:absolute;
            float:right;
            height:28px;
            top:-2px;
            width:30px;
            padding:1px 0 0 0;
            left:890px;
    
}

            #header #middle #top_right_barN1 a {
            text-decoration:none;
            color:#0f0e56;
            font:bold;
            }
                #header #middle #top_right_barN1 a:hover {
                    color:blueviolet;
                }



#header #middle #top_right_barN2{
            position:absolute;
            float:right;
            height:28px;
            top:-2px;
            width:30px;
            padding:1px 0 0 0;
            left:925px;
    
}

            #header #middle #top_right_barN2 a {
            text-decoration:none;
            color:#0f0e56;
            font:bold;
            }
                #header #middle #top_right_barN2 a:hover {
                    color:blueviolet;
                }





#header #middle #top_right_barN3{
            position:absolute;
            float:right;
            height:28px;
            top:-2px;
            width:30px;
            padding:1px 0 0 0;
            left:960px;
    
}

            #header #middle #top_right_barN3 a {
            text-decoration:none;
            color:#0f0e56;
            font:bold;
            }
                #header #middle #top_right_barN3 a:hover {
                    color:blueviolet;
                }



    #header #bottom {
        position:relative;
        height:25px;
        padding:4px 0 0 17px;
        background-color:#3a55ad;
        -moz-box-shadow: inset 0 0 5px #888;
        -webkit-box-shadow: inset 0 0 5px#888;
         box-shadow: inset 0 0 5px #888;
}
        #header #bottom a {
            text-decoration:none;
            color:white;
        }

            #header #bottom a:hover {
                color:#30ed0b;
                font:bold;
            }

        #header #bottom #right_corner {
            position:absolute;
            float:right;
            height:21px;
            width:450px;
            padding:4px 20px 0 20px;
            top: 0px;
            left: 500px;
}

            #header #bottom #right_corner a {
                text-decoration:none;
                color:white;
                font-size:13px;
                font-weight:500;

            }
                #header #bottom #right_corner a:hover {
                    color:#30ED0B;
                }

#middle_body {
    position:relative;
    padding:0px;  
    background-color:#6495ED;
    height:auto;
        
}



#footer {
    position:relative;
    height:371px;
    background-color:#747476;
    left: 0px;
    padding:2px;
    border-top:solid medium white;
  
}





    #footer .position {
        height:258px;
        width:165px;
        position:relative;
        float:left;
        padding:5px 2px 5px 20px;
        color:white;
        text-decoration:none;
        top: 35px;
        left: 18px;
        margin-bottom: 0px;
}

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

         #footer .position a:hover {
    color: #29C609;
    font: bold;
}