.ccf_program_box
{
   position: relative;
   font-family: Verdana;
   color: #fff;
   font-size: 11px;
   height: 207px;
   padding: 0px;
   margin: 0px;
   text-align: left;

   max-width: 1920px;

   /* max-width for IE */
   width:expression(
    (parseInt(this.parentNode.offsetWidth) < 1920) ? "100%" : "1920px");
}

.ccf_program_box,
.ccf_program_box .leftpart
{
   display: block;
   background: #112E57 url("http://framework.communitycollege.org/images/program_box/ccf_program_box.jpg") no-repeat right top;
}

.ccf_program_box .logo { margin: 13px 0px 0px 16px; }

.ccf_program_box .leftpart
{
   position: relative;
   float: left;
   width: 155px;
   height: 100%;
   margin-right: -155px;
   background-position: left top;
}

.ccf_program_box .rightpart
{
   position: relative;
   margin-left: 155px;
   padding: 3px 10px 0px 0px;
   display: block;
}

.ccf_program_box .rightpart .message
{
   display: block;
   position: relative;
   padding: 0px 5px;
   height: 130px;
   overflow: auto;
   line-height: 1.5em;
}

/* Format for mostly all header tags */
.ccf_program_box .rightpart .message h1,
.ccf_program_box .rightpart .message h2,
.ccf_program_box .rightpart .message h3,
.ccf_program_box .rightpart .message h4,
.ccf_program_box .rightpart .message h5,
.ccf_program_box .rightpart .message h6
{
   font-size: 1.5em;
   line-height: normal;
   margin: 0px 0px 7px;
   padding: 0px;
   text-align: left;
   color: #fff !important;
}

.ccf_program_box .icons_wrap,
.ccf_program_box .icons_wrap .frame
{
   display: block;
   width: 132px; height: 132px;
}

.ccf_program_box .icons_wrap
{
   position: absolute;
   top: 45px; left: 8px;
   overflow: hidden;
   background: #fff;
}
.ccf_program_box .icons_wrap .frame
{
   position: relative;
   z-index: 10;
}
.ccf_program_box .icons_wrap .icons
{
   display: block;
   position: absolute;
   left: -500px; top: -500px;
   background: #fff;
   z-index: 5;
}

/* Alternate icons_wrap */
.ccf_program_box .icons_wrap.alt,
.ccf_program_box .icons_wrap.alt .frame
{
   display: block;
   width: 132px; height: 175px;
}

.ccf_program_box .icons_wrap.alt
{
   position: absolute;
   top: 6px; left: 8px;
   overflow: hidden;
   background: #fff;
}

.ccf_program_box .icons_wrap.alt .icons
{
   left: 22px; top: 9px;
   z-index: 15;
}
/* END: Alternate icons_wrap */

/* Menu System */
.ccf_program_box .rightpart ul
{
   height: 44px;
   overflow: auto;

   position: relative;
   margin: 0px 0px; padding: 0px;
   list-style: none;
}
.ccf_program_box .rightpart ul li
{
   float: left;
   list-style: none;
   border-right: outset 2px #ccc;
   border-left: outset 1px #ccc;
   border-bottom: outset 2px #ccc;
}

.ccf_program_box .rightpart ul li a
{
   display: block;
   font-family: Verdana;
   font-weight: bold;
   font-size: 12px;
   font-weight: bold;
   color: #fff !important;
   white-space: nowrap;
   text-decoration: none;
   padding: 3px 6px;
}

.ccf_program_box .rightpart ul li a.on,
.ccf_program_box .rightpart ul li a:hover
{ background: #3F6DB3 url("http://framework.communitycollege.org/images/grad_bluebutton.gif") repeat-x left top; }

/* Links in the program box */
.ccf_program_box a { color: #E8FFFE; font-weight: bold; text-decoration: underline; }
.ccf_program_box a:visited { color: #ddd; }
.ccf_program_box a:hover { color: #88C0BE; }