.c1 {padding-bottom: 30px; padding-top:30px; padding-right: 40px;}

.c2 {
padding: 15px;
background: url(../phr/images/leftpromo_bkgd.gif) center ;
}

.c2b {
padding: 15px;
background-color:#E8E8E8 ;

}


.c3 {padding-bottom: 20px; padding-top:15px; padding-right: 15px; padding-left: 15px; color: #d47802; font-size: 11px; font-family: Arial; line-height: 15.5px;}
.c4 {padding: 5px 25px 25px 25px;}
.c5 {padding: 10px 15px 0px 15px;}

.orange {color: #d47802; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 15px;}

.darkblue {color: #002776; font-size: 12px; font-family: Arial; font-weight: bold;}
.darkblue1 {color: #002776; font-size: 14px; font-family: Arial; font-weight: bold;}
.darkblue2 {color: #002776; font-size: 12px; font-family: Arial; font-weight: bold;}
.darkblue3 {color: #002776; font-size: 11px; font-family: Arial;}

.blue {color: #8D9093; font-size: 14px; font-family: Arial;}
.blue1 {color: #5a85d7; font-size: 12px; font-weight: bold; font-family: Arial;}

.gray {color: #333333; font-size: 13px; font-family: Arial; line-height: 20px;}
.gray1 {color: #333333; font-size: 13px; font-family: Arial; line-height: 17px;}
.gray2 {color: #8d9093; font-size: 11px; font-family: Arial;}

.bluelink {color: #007AC9; font-size: 11px; font-family: Arial; font-weight: bold; text-decoration: underline}
.bluelink1 {color: #007AC9; font-size: 14px; font-family: Arial; font-weight: bold; text-decoration: underline}
.bluelink2 {color: #007AC9; font-size: 13px; font-family: Arial; font-weight: bold; text-decoration: underline}

.bluelink3 {color: #007AC9; font-size: 11px; font-family: Arial; text-decoration: none}
.bluelink4 {color: #007AC9; font-size: 11px; font-family: Arial; text-decoration: underline;line-height: 13px;}

.title {color: #e98300; font-size: 30px; font-family: Arial;}
.subtitle {color: #e98300;  font-size: 17px; font-family: Arial;}
.subtitle1 {color: #e98300; font-weight: bold; font-size: 14px; font-family: Arial;}


.highlight { 
cursor: hand;
cursor: pointer;
background: url(../phr/images/bar_roll.gif);
width: 611px;
height: 26px; 
}


.section_title{ 
cursor: hand;
cursor: pointer;
background: url(../phr/images/bar.gif);
width: 611px;
height: 26px;
}

.visible:{ 
cursor: hand;
cursor: pointer;
background:  url(images/bar_roll.gif);
/*visibility: visible*/
width: 611px;
height: 26px;
}

.section_content {
background-color: #F9FCFF
}

.opencontent{ 
cursor: hand;
cursor: pointer;
background:  url(../phr/images/bar_roll.gif);
width: 611px;
height: 26px;
}

.roll{ 
cursor: hand;
cursor: pointer;
background:  url(../phr/images/bar_roll.gif);
width: 611px;
height: 26px;
}
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}