html, body {
    padding:0px;
    margin:auto;
    background-color:#EEEEEE;
    width:100%;

}



#header {
    position: relative;
    width: 970px;
    height:102px;
    margin:auto;
    top:5px;
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
}

a:link              { color:#4388c4; }
a:visited           { color:#4388c4;}
a:hover             { color:#4388c4; }
a:active            { color:#4388c4; }


/* This bit does all the work */
#container {
    position:relative;
    width:970px;
    display:block;
    background:#ffffff;
    font-size:14px;
    top:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#33495c;
    font-size:12px;
}


#inner {
    display:block;
    padding:0px;
}
/*left column*/

#left {
    float:left;
    position:relative;
    width:323px;
    left:0px;
}


.main_col_top {
    width: 236px;
    height: 30px;
    margin: 0px;
    padding-top: 0px;
    background-repeat: no-repeat;
    font-family: "Rockwell";
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
}

.main_col_body {
    text-decoration: none;
    line-height:19px;
    margin: 0px;
    width: 288px;
    height:auto;
    padding-left:5px;
}

#right {
    float:right;
    position:relative;
    width:323px;
    right:0px;
    left:10px;
}


.clear {clear:both;}


/*center  column starts*/
#center {
    margin-left:310px;
    margin-right:300px;
    position:relative;
    display:block;
    height:1%;
    padding-left:20px;
}


/* Just to extend each column */
#inner a:visited, a { text-decoration:none;}
#inner a span {display:none;}
#inner a:active, #inner a:focus { text-decoration:none; background:transparent;}
#inner a:active span, #inner a:focus span {display:block;}

a:hover {text-decoration:none; }

em {font-weight:bold;}


/* footer */
.foot {
    display:block;
    width:1010px;
    height:70px;
    text-align:center;
    padding:0px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#666666;
}


#footerleft {
    float:left;
    position:relative;
    width:400px;
    left:20px;
}

/*reight  column starts*/

#footerright{
    float:right;
    position:relative;
    width:600px;
    right:50px;
    left:0px;
}


/*from other css*/
#pagebody {
    position: relative;
    width: 970px;
    top:0px;
    text-align:left;
    margin:auto;
}

#main_text_area{
    position:relative;
    width: 650px;
    top:0px;
    left: 320px;
    height: auto !important;
    min-height:450px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#33495c;
    font-size:12px;
}

#main_col {
    position:absolute;
    width: 280px;
    margin: 0px;
    padding: 0px;
}

.main_col_top {
    width: 236px;
    height: 30px;
    margin: 0px;
    padding-top: 0px;
    background-repeat: no-repeat;
    font-family: "Rockwell";
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
}

/*  text  */

hr {
    border: none;
    background-color: #cbcbcb;
    color: #cbcbcb;
    height: 1px;
    width: 100%
}

.blueheading {
    color: #4388c4;
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}

a.blueheading:hover {
    color: #4388c4;
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
}

.readmore {
    color: #4388c4;
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}

a.readmore:hover {
    color: #4388c4;
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
}

/* adl link */
a.adl {
    font-family:Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #4388c4;
    text-decoration: none;
}

a.adl:hover {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight:normal;
    color: #4388c4;
    text-decoration: none;
}

/* adl link */
.headbluetext {
    font-family:"Rockwell";
    font-size: 18px;
    font-weight:normal;
    color: #33495c;
}

/* header image padding*/

.imagepadding{
    padding-left:5px;
    padding-right:5px;
}

/* adl link */
.lefttext {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #33495c;
    text-decoration: none;
}

a.lefttext:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:normal;
    color: #4388c4;
    text-decoration:underline;
}

.adminsmall {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #33495c;
    text-decoration: none;
}

a.adminsmall:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:normal;
    color: #4388c4;
    text-decoration:underline;
}

.textbox{
    border:1px #7F9DB9 solid;
}

.textbox:hover{
    border:1px #f19006 solid;
}

.para{
    border:1px #7F9DB9 solid;
}

.para:hover{
    border:1px #f19006 solid;
}


.contact_text {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style:normal;
    color: #515151;
}


.right_text {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style:normal;
    color: #515151;
}

/* new works add here */
.news_head{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style:normal;
    color: #4388c4;
}

.date{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style:normal;
    color: #33495c;
}


.please_login{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style:normal;
    color: #515151;
}

.whitebox{
    background-color:#FFFFFF;
    border:1px #7F9DB9 solid;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #515151;
}

#containeradmin {
    position:relative;
    width:970px;
    display:block;
    background:#ffffff;
    font-size:10px;
    top:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#33495c;
}

.table_header{
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight: bold;
    height:30px;
}

.table_row{
    height:70px;
}

.adminsmall_text {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:normal;
    color: #4388c4;
}

.page_text {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #4388c4;
}

.popup_heading{
    font-family:"Times New Roman", Times, serif;
    font-size: 22px;
    font-style:italic;
    color: #6d899b;
}

.popup_para{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #6f6f6f;
}

.popup_blue{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #6d899b;
}

.login_table{
    background-image:url(../images/login.png);
    height:142px;
    width:315px;
}

.classbold {
    font-family:"Times New Roman", Times, serif;
    font-size: 17px;
    font-weight: bold;
    font-style:normal;
    color: #4388c4;
}

.blacktext {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style:normal;
    color: #000000;
}

.Normal{
    font-size:12px;font-family:Verdana;color:#003366;
}


.smallbold{
    font-size:10px;font-family:Verdana;color:#003366;
    font-weight:bold;
}
input.error
{
    border-right: 1px solid red;
    border-left: 3px solid red;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
}