body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font: 10pt Verdana, Arial, Meera, Helvetica, sans-serif;
    color: #006633;
    text-align: center;
    background-color: #bbb;
    /*background:url(images/Dark_green_grass_texture-other.jpg) repeat;*/
    /*background:url(images/mainbg.png) repeat;*/
}

#main {
    height: 100%;
    width: 100%;
}

#container {
    height: 850px;
    width: 1000px;
    background: White;
    -moz-box-shadow: 0 -2px 10px #9c9c9c;
    -webkit-box-shadow: 0 -2px 10px #9c9c9c;
    box-shadow: 0 -2px 10px #9c9c9c;
}

#header {
    height: 110px;
    width: 1000px;
}

#header1 {
    background: url(images/CELheader.png) no-repeat;
    height: 110px;
    width: 600px;
}

#headerMal1
{	
	background:url(images/headermal.png) no-repeat;
	height:110px;
	width:600px;
}

#header2 {
    background: url(images/rightbgheader.jpg) repeat;
    height: 110px;
    width: 400px;
    text-align: center;
    vertical-align: top;
}
#MoocHeader
{	
	background:url(images/MoocHeader.png) no-repeat;
	height:110px;
	width:1024px;
}
#MoocHeaderEng
{	
	background:url(images/MoocHeaderEng.png) no-repeat;
	height:110px;
	width:1024px;
}

#Content2 {
    background: white;
}

#marquee {
    background: url(images/marquee.png) repeat-x;
    height: 35px;
    width: 1000px;
}

#mal {
    font: 15pt Meera;
    vertical-align: middle;
}

a:link {
    text-align: center;
    font-family: Cambria,Verdana, Meera;
    font-size: 11pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none;
    color: blue;
    text-decoration: none;
    }

a:visited {
    font-family: Cambria,Verdana, Meera;
    font-size: 11pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none;
    color: blue;
    text-decoration: none;
    width: 150px;
}

a:active {
    font-family: Cambria,Verdana, Meera;
    font-size: 11pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: none;
    color: blue;
    text-decoration: none;
    width: 150px;
}

a:hover {
    font-family: Cambria,Verdana, Meera;
    font-size: 11pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
    color: Green;
    text-decoration: none;
    width: 150px;
}

.transparent {
    filter: alpha(opacity=90);
    background-color: green;
    display: none;
    width: auto;
    height: auto;
    position: absolute;
    color: white;
    border: 2 yellow solid;
    font-family: Verdana;
    font-size: 10pt;
}

.hidden {
    background-color: #6699FF;
}

#latestnews {
    background: url(images/latestnews.jpg) no-repeat;
    width: 295px;
}

    #latestnews marquee {
        margin-top: 20px;
        height: 100px;
        width: 270px;
        color: Blue;
        text-align: justify;
    }

        #latestnews marquee a img {
            border-width: 0;
        }

        #latestnews marquee a:hover {
            text-transform: none;
            font-weight: normal;
        }

        #latestnews marquee p {
            border-bottom: 1px green dashed;
            margin-top: -10px;
        }

#icons {
    text-align: center;
    width: 980px;
    border-right: solid 1 #DDD;
}

    #icons a {
        font-weight: bold;
        text-transform: None;
        color: #be8f00;
        border: 0;
    }

        #icons a:hover {
            color: Green;
        }

        #icons a img {
            color: White;
            border-color: White;
        }

#iconimg img {
    height: 35px;
    width: 190px;
}

#icons div {
    text-align: center;
}

#sub {
    border-right: #bbb thin solid;
    border-top: #bbb thin solid;
    border-left: #bbb thin solid;
    border-bottom: #bbb thin solid;
}

#content {
    height: 650px;
    width: 980px;
    text-align: justify;
    border: 0;
    margin: 10px 10px 10px 10px;
    align: center;
    overflow-y: scroll;
    vertical-align: text-top;
}

    #content h3 {
        color: #0080f5;
        text-decoration: underline;
    }

#icons1 {
    text-align: center;
    width: 850px;
    border-right: solid 1 #DDD;
}

    #icons1 a {
        font-weight: bold;
        text-transform: None;
        color: #be8f00;
        border: white;
    }

        #icons1 a:hover {
            color: Green;
        }

        #icons1 a img {
            height: 150px;
            color: White;
            border-color: White;
        }

    #icons1 div {
        text-align: center;
    }

#pageitem {
    text-align: left;
    vertical-align: middle;
    color: #3366ff;
    font-family: Cambria;
    text-decoration: underline;
    font-size: 13pt;
    font-weight: bold;
}

    #pageitem a {
        color: #3366ff;
        font-family: Cambria;
        text-decoration: underline;
        font-size: 13pt;
        font-weight: bold;
    }

        #pageitem a:hover {
            color: Green;
        }

#topmenu {
    width: 100%;
    margin: 0px;
    padding: 1px 0 0 0;
    background: RGB(152,191,33);
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
    height: auto;
    text-decoration: none;
    text-align: center;
}

    #topmenu ul {
        height: auto;
        background: RGB(152,191,33);
        background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
    }

    #topmenu li {
        display: inline;
    }

    #topmenu a {
        padding: 0 25px;
        color: White;
        text-transform: none;
        font: Bold 11pt Cambria,Verdana,Arial,Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #999;
        background-color: RGB(152,191,33);
    }

    #topmenu li:hover > a {
        color: Green;
        text-decoration: none;
        background-color: White;
    }

    #topmenu ul li {
        float: none;
        margin: 0;
        padding: 0;
        display: block;
        -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
        -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
        box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    }

#submenu {
    width: 100%;
    margin: 0px;
    padding: 1px 0 0 0;
    background: RGB(152,191,33);
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
    height: auto;
    text-decoration: none;
    text-align: center;
}

    #submenu ul {
        height: auto;
        background: RGB(152,191,33);
        background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
    }

    #submenu li {
        display: inline;
    }

    #submenu a {
        padding: 0 25px;
        color: White;
        text-transform: none;
        font: Bold 11pt Cambria,Verdana,Arial,Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #999;
        background-color: RGB(152,191,33);
    }

    #submenu li:hover > a {
        color: Green;
        text-decoration: none;
        background-color: White;
    }

    #submenu ul li {
        float: none;
        margin: 0;
        padding: 0;
        display: block;
        -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
        -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
        box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    }

#onlinecourseicons {
    text-align: center;
    width: 100%;
    border-right: solid 1 #DDD;
    background: url(Online Class/images/ocmenu.jpg) repeat-x;
    vertical-align: top;
    height: 38px;
}

    #onlinecourseicons a {
        font-weight: bold;
        text-transform: None;
        color: #be8f00;
        border: white;
    }

        #onlinecourseicons a:hover {
            color: Green;
        }

        #onlinecourseicons a img {
            height: 35px;
            color: White;
            border-color: transparent;
        }

    #onlinecourseicons div {
        text-align: center;
    }

#weath1, #weath2, #weath3 {
    background: #0061c0;
    border: 1px solid #0061c0;
    color: White;
}

    #weath1:hover, #weath2:hover, #weath3:hover {
        background: white;
        border: 1px solid #0061c0;
        color: #0061c0;
    }

#kad {
    background-image: url(images/KADbg.jpg);
    background-repeat: no-repeat;
}

#footer {
    background: url(images/footer1.png) repeat-x;
    height: 60px;
    width: 1000px;
    -moz-box-shadow: 0 -2px 10px #9c9c9c;
    -webkit-box-shadow: 0 -2px 10px #9c9c9c;
    box-shadow: 0 -2px 10px #9c9c9c;
}

    #footer table {
        width: 990px;
        height: 60px;
        vertical-align: bottom;
    }

        #footer table img {
            border-width: 0;
        }

.sideMenu {
    height: 97%;
    border: 1px solid #206e07;
    border-radius: 5px;
    width: auto;
    margin: 10px;
    padding: 5px;
    float: left;
    display: inline-block;
    float: left;
}

    .sideMenu ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .sideMenu ul li {
            height: 30px;
            list-style-type: none;
            margin: 10px;
            vertical-align: middle;
            color: #206e07;
            cursor: pointer;
            width: auto;
        }

            .sideMenu ul li a {
                display: table-cell;
                vertical-align: middle;
                height: 30px;
                border: solid 1px #206e07;
                color: #206e07;
            }

            .sideMenu ul li:hover a {
                color: white;
            }

            .sideMenu ul li a:hover {
                color: white;
            }

            .sideMenu ul li:hover {
                background-color: #206e07;
                color: white;
            }

.button {
    background-color: #4CAF50; /* Green */
    border: 1px solid #fff;
    /*border-radius: 20px;*/
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12pt;
}

.button:hover {
    background-color: #fff; 
    border: 1px solid #4CAF50 ;
    color: #4CAF50;
}