html {
  height: 100%;
}
body {
  margin: 0;
  font-family: KievitProRegular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  background-color: #ffffff;
  height: 100%;
  color: #4C4C4C;
}
@font-face {
  font-family: KievitProRegular;
  src: url('KievitWebPro-Book.eot');
  src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Book.woff') format('woff'), url('KievitOffcPro-Book.ttf') format('truetype');
}
@font-face {
  font-family: KievitProBook;
  src: url('KievitWebPro-Book.eot');
  src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Book.woff') format('woff'), url('KievitOffcPro-Book.ttf') format('truetype');
}
@font-face {
  font-family: KievitProMed;
  src: url('KievitWebPro-Medi.eot');
  src: url('KievitWebPro-Medi.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Medi.woff') format('woff'), url('KievitOT-Medium.otf') format('opentype');
}
@font-face {
  font-family: KievitProBld;
  src: url('KievitWebPro-Bold.eot');
  src: url('KievitWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-Bold.woff') format('woff'), url('KievitOffcPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family: KievitProItal;
  src: url('KievitWebPro-BookIta.eot');
  src: url('KievitWebPro-BookIta.eot?#iefix') format('embedded-opentype'), url('KievitWebPro-BookIta.woff') format('woff'), url('KievitOffcPro-Ita.ttf') format('truetype');
}

strong,
b {
  font-weight: normal;
  font-family: KievitProBld, Arial, Helvetica, sans-serif;
}
em,
i {
  font-style: normal;
  font-family: KievitProItal, Arial, Helvetica, sans-serif;
}

p {
    margin-top:.5em;
    margin-bottom:.8em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: KievitProBld, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height:32px;
  font-size:24px;
}

a {
  color: #4C4C4C;
  text-decoration: none;
}

a:hover,
a:focus {
/*  color: #FFD200; */
  text-decoration: none;
}

.content-section a, .content-left-sidebar a, .landing-left-col a {
  border-bottom: 1px dotted #5E6362;
}

.content-section a:hover, .content-left-sidebar a:hover, .landing-left-col a:hover, .content-section a:active, .content-left-sidebar a:active, .landing-left-col a:active {
  color: #FF8F28;
  border-bottom: 1px dotted #FF8F28;
}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.intro-photo {
    background-image:url(../images/ui/photo.png);
width:652px;
height:361px;
/* background-color:grey; */
position:relative;  
}

.feature-container {
position:relative;
z-index:10; 
}

.feature-header {
height: 78px;
width:436px;
background-color:#005581;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
background-color:rgba(00, 55, 81, 0.7);
position:absolute;
bottom:-295px;
z-index:10; 
padding:10px;
color:#FFFFFF;  
font-size:14px;
line-height:17px;
}
feature-header p {
    margin:0;
    color:#FFFFFF;  
}

.feature-header h2 {
        color:#FFFFFF;
        margin:0;
        padding:0;
        height:auto;    
        text-transform:uppercase;
}


.feature-link {
height:37px;
width:310px;
background: url("../images/ui/arrow-blue-2.png") no-repeat scroll right 10px #1195D7;
position:absolute;
bottom:-330px;
margin-left:322px;
z-index:10; 
color:#FFFFFF;
font-weight: normal;
font-family: KievitProBld, Arial, Helvetica, sans-serif;    
padding:10px;
line-height:17px;
}

.feature-link p {
margin:0;   
}

#home #main {
padding-left:16px;  
}


#home #content {
    background: url("../images/ui/grey_light_bg_level_1.png") no-repeat scroll left 334px rgba(0, 0, 0, 0);
}

#main {
    background: url("../images/ui/yellow_light_bg.png") no-repeat scroll right 30px rgba(0, 0, 0, 0);
}

.management-portal {
background:url("../images/ui/arrow-orange-2.png") no-repeat scroll right 20px #FFAA00;
height:152px;
width: 231px;
margin-top:-360px;
margin-right:58px;
margin-bottom:1px;
float:right;
padding:15px;   
}

.management-portal h2 {
        color:#000000;
        margin:0;
        padding:0;
        height:auto;
}
.management-portal p {
  font-weight: normal;
  font-family: KievitProMed, Arial, Helvetica, sans-serif;  
}

.management-portal a:hover {
color: #5E6362; 
}

.course-list {
    background:url("../images/ui/arrow-orange-2.png") no-repeat scroll right 20px #FFAA00;
    height:146px;
    width: 231px;
    float:right;
    margin-right:58px;
    margin-top:-176px;  
    padding:15px;
}

.course-list h2 {
        color:#000000;
        margin:0;
        padding:0;
        height:auto;
}

.course-list p {
  font-weight: normal;
  font-family: KievitProMed, Arial, Helvetica, sans-serif;  
}

#main-container h3 {
text-transform:uppercase;   
font-size:17px;
padding:0;
min-height:auto;
width:100%;
margin-top:0;
margin-bottom:6px;
}
#main-container h4 {
font-size:15px;
padding:0;
min-height:auto;
width:230px;
margin-top:0;
margin-bottom:5px;
color:#005581;
line-height:17px;
}

#main-container .middle-content-box p {
                font-size:16px;
}

#main-container .middle-content-box h4 {
                font-size:16px;
                width: auto;
}


#main-container p {
font-size:14px; 
line-height:17px;
margin-top:5px;
}

.left-gray-box {
background-color:#ECEBE7;
height:auto;
width:227px;
float:left;
margin-top:12px;
padding:12px;   
margin-bottom: 15px;
}

.middle-content-box {
    width:364px;
    margin-left:10px;
    float:left;
    height:400px;
    margin-top:12px;
    padding:12px;
    margin-right: 15px;
}

.right-gray-box {
background:url("../images/ui/grey-bg-2.png") no-repeat scroll right 0px #938885;
height:301px;
width:237px;
float:right;
margin-top:12px;
margin-right:58px;  
padding:12px;
color: #E0E0E0;
}

.right-gray-box h3 {
color:#FFFFFF;  
}

.right-gray-box ul {
padding-left:26px;  
margin-top:6px;
}

.right-gray-box li {
list-style-image:url(../images/ui/arrow-grey.png);
padding-left:5px; 
margin-bottom:10px; 
}

.right-gray-box ul li a {
color:#FFF;
}

h4 a{
color:#005581;
}