@charset "utf-8";
/* CSS Document */

body
{
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
.main #container
{
    width: 872px; /* this will create a container 80% of the browser width */
    background: #FFFFFF;
    margin: 0 auto;
    text-align: left;
}
.main #header
{
    background: #fff;
    height: 95px;
}
.main #hdrLeft
{
    background: #fff;
    width: 193px;
    height: 95px;
    float: left;
}
.main #hdrRight
{
    background: #fff;
    width: 350px;
    height: 60px;
    float: right;
    padding-top: 35px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: bold;
    font-size: 24px;
}
.main #hdrPurple
{
    background: #fff;
    height: 49px;
    width: 872px;
    float: left;
    background-image: url('/Image/KHEC_PurpleHdr.jpg');
    vertical-align: text-top;
}
.main #hdrPurple img
{
    float: left;
}
.main #hdrPurple p
{
    color: white;
    font: 24px arial;
    display: inline;
    margin: 0px;
    float: left;
    padding-top: 10px;
}
.main #header h1
{
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.main #mainContent
{
    background: #FFFFFF;
    overflow: hidden;
}
.main #mainContentTop
{
    background: #FFFFFF;
    height: 100%;
    padding-top: 25px;
}
.main #mainContentLeft
{
    background: #FFFFFF;
    width: 543px;
    height: 100%;
    float: left;
}
.main #mainContentLeftHdr
{
    background: #FFFFFF;
    width: 543px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #1d0d69;
    padding-bottom: 25px;
}
.main #mainContentLeftSubHdr
{
    background: #FFFFFF;
    width: 543px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #1d0d69;
    padding-bottom: 15px;
    float: left;
    padding-top: 25px;
}
.main #mainContentLeftImage
{
    background: #FFFFFF;
    width: 506px;
    height: 171px;
    float: left;
}
.main #mainContentLeftCopy
{
    background: #FFFFFF;
    width: 521px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-bottom: 27px;
    float: left;
    padding-right: 20px;
}
.main #mainContentRight
{
    background: #FFFFFF;
    width: 300px;
    float: right;
    height: 13px;
    background-image: url(/Image/KHEC_SIF-top.jpg);
    background-repeat: no-repeat;
}

.main #mainSIForms
{
    width: 300px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    background-image: url(/Image/KHEC_SIF-middle.jpg);
    background-repeat: repeat-y;
}
.main #mainContentBottom
{
    background: #FFFFFF;
    height: 320px;
}
.main #mainContentBottomLeft
{
    background: #FFFFFF;
    width: 508px;
    height: 100%;
    float: left;
    background-image: url(/Image/KHEC_lgbox.jpg);
    background-repeat: no-repeat;
    margin-top: 18px;
}
.main #mainContentBottomRight
{
    background: #FFFFFF;
    width: 301px;
    float: right;
    background-image: url(/Image/KHEC_smbox.jpg);
    background-repeat: no-repeat;
}
.main #mainContentBottomLeftHdr
{
    width: 493px;
    height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 5px;
    padding-top: 25px;
    padding-left: 15px;
}
.main #mainContentBottomRightHdr
{
    width: 301px;
    height: 43px;
    padding-left: 0px;
    text-align: center;
    background-image: url(/Image/KHEC_box_top1.jpg);
    background-repeat: no-repeat;
    float: left;
}
.main #mainContentBottomRightHdr p
{
    width: 301px;
    height: 43px;
    font: bold 14px arial;
    color: #ffffff;
    text-align: center;
    float: left;
    padding: 0px;
    margin: 0px;
    padding-top: 19px;
}
.main #mainContentBottomRightTxt
{
    width: 301px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    text-align: left;
    background-image: url(/Image/KHEC_box_side.jpg);
    background-repeat: repeat-y;
}
.main #mainContentBottomRightbottom
{
    width: 301px;
    height: 19px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-bottom: 5px 10px 5px 10px;
    text-align: left;
    padding-right: 15px;
    background-image: url(/Image/KHEC_box_bottom.jpg);
    background-repeat: no-repeat;
}
#collegeName
{
    width: 281px;
    margin-top: 80px;
    padding: 0px 10px 0px 10px;
    font: bold 14px/22px arial;
}
.mainContentBottomRightOj
{
    font: bold 13px/15px arial;
    color: #ff6418;
}
.main #mainContentBottomLeftHdr2
{
    width: 498px;
    height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.main #mainContentBottomContainer
{
    width: 508px;
    height: 100%;
    padding-bottom: 5px;
    padding-top: 25px;
    padding-left: 0px;
}
.main #mainContentBottomCtnLeft
{
    width: 233px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
    padding-bottom: 10px;
    padding-top: 35px;
    padding-left: 12px;
    float: left;
    line-height: 20px;
}
.main #mainContentBottomCtnRight
{
    width: 180px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
    padding-bottom: 5px;
    padding-top: 35px;
    padding-left: 12px;
    float: right;
    line-height: 20px;
}
.main #footer
{
    background: #1d0d69;
    height: 100%;
    margin-top: 15px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    width: 872px;
    float: left;
}
.main #footer p
{
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    height: 30px;
}
.class1 a:link
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
}
.class1 a:visited
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
}
.class1 a:hover
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
}
.class1 a:active
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #1d0d69;
}
.class2 a:link
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
.class2 a:visited
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
.class2 a:hover
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
.class2 a:active
{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
.error
{
    font-weight: bold;
    color: Red;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.validationSummary ul
{
    padding-left: 10px;
    padding-top: 2px;
    list-style-type: square;
    list-style-image: none;
}
.validationSummary li
{
    color: Red;
    font-style: normal;
    font-weight: bold;
    list-style-position: inside; /*padding-top: 10px;*/
    line-height: 1.2em;
    padding-left: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}


#AOSTop
{
    background-image: url(/Image/lgBox_top.jpg);
    background-repeat: no-repeat;
    width: 508px;
    height: 54px;
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #ffffff;
    float: left;
}
#AOSTop p
{
    width: 490px; 
    text-align: center; 
    margin: 0; 
    padding-left: 5px; 
    position: relative; 
    top: 22px;
}
#AOSMiddle
{
    background-image: url(/Image/lgBox_middle.jpg);
    background-repeat: repeat-y;
    width: 508px;
    float: left;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
}
#AOSMiddle p
{
    width: 490px;
    text-align: center;
    padding-left: 8px;
}
#AOSBottom
{
    background-image: url(/Image/lgBox_bottom.jpg);
    background-repeat: no-repeat;
    width: 508px;
    height: 13px;
    float: left;
}