body {
font-family:  arial, "Trebuchet MS", verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
background: url(/_images/common/bkg_main.jpg) repeat-x #a28ba8;
}

.VarelaFont {
font-family:'Arimo', arial;
}

img {
border: 0px;
}

hr {
margin: 20px 0;
color: #999;
}

.pageWrapper {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 15px;
width: 925px;
}

.utilityNav {
width: 913px;
color: #fff;
text-align: right;
padding-right: 12px;
font-size: 12px;
margin: 12px 0;
}

.utilityNav a{
color: #fff;
text-decoration: none;
}

.utilityNav a:hover{
color: #dd950b;
}

.mainContent {
background-color: #fff;
padding: 23px;

}
.home .mainContent {
min-height: 701px;
}

.headerBox{
height: 110px;
}

.headerBox .logo {
margin: 10px 0;
float: left;
width: 488px;
}

.headerBox .nav {
margin: 10px 0;
float: left;
border-left: 1px solid #b1b1b1;
padding-left: 45px;
}

.headerBox .nav ul{
padding: 0;
margin: 0
}

.headerBox .nav li{
list-style-image: url(/_images/common/img_arrow.png);
color: #231f20;
font-size: 13px;
margin:0 8px 3px 0;
font-weight: bold;
}
.headerBox .nav li a{
color: #231f20;
text-decoration: none;
}
.headerBox .nav li a:hover{
color: #79288c;
}

.headerBox .chakra {
margin: 0 0 10px 0;
float: right;

}

/* Home Boy */
#heroBox {
width: 884px;
background-color:#f2f1e2;
height: 418px;
}
#heroBox img {
float: left;
}
#heroBox .intro {
float: left;
padding: 23px;
color: #4c4c4c;
font-size: 12px;
line-height: 18px;
width: 339px;
}

#heroBox .intro .title{
font-family:'Arimo', arial;
color: #dd950b;
font-size: 28px;
}

#heroBox .intro a{
color:#a06c08;
font-weight: bold;
font-size: 15px;
line-height: 30px;
}

#heroBox .intro a:hover{
color:#4c4c4c;
}

#heroBox .sidebar {
width: 164px;
height: 378px;
padding: 20px;
color:#ffecc7;
font-size: 14px;
line-height: 18px;
float: right;
background-color: #dd950b;
font-family:'Arimo', arial;
}

#heroBox .sidebar a{
color:#624309;
font-size:12px;
}

#heroBox .sidebar a:hover{
color:#ffecc7;
}

.homeInfo {
width: 884px;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}

.homeInfoBox {
flex: 0 0 calc(33.333% - 14px);
box-sizing: border-box;
border-left: 1px solid #b1b1b1;
margin-top: 23px;
}

.homeInfoBox.last {
/* flexbox handles spacing automatically */
}

.homeInfoBox .title {
height: 37px;
padding-left: 14px;
color: #fff;
font-size:16px;
line-height: 38px;
font-family:'Arimo', arial;
text-transform: uppercase;
}

.homeInfoBox .title.green {
background-color: #83a90f;
}
.homeInfoBox .title.orange {
background-color: #dd950b;
}
.homeInfoBox .title.purple {
background-color: #79288c;
}
.homeInfoBox .title.red {
  background: #d9534f;
}

.homeInfoBox .content {
height: 100px;
padding: 14px;
font-size: 12px;
color: #000;
line-height: 20px;
}

.homeInfoBox .content a{
color: #000;
font-weight: bold;
}

.homeInfoBox .content a:hover{
color: #dd950b;
}

.greenTitle {
color:#326f00;
font-size: 14px;
font-weight: bold;
line-height:18px;
}


.orangeTitle {
color:#dd950b;
font-size: 16px;
font-weight: bold;
line-height:26px;
font-family:'Arimo', arial;
}
.dkorangeTitle {
color:#8d610c;
font-size: 18px;
font-weight: bold;
line-height:28px;
font-family:'Arimo', arial;
}
.ltgreenTitle {
color:#83a90f;
font-size: 16px;
font-weight: bold;
line-height:26px;
font-family:'Arimo', arial;
}

.greyTitle {
color:#000;
font-size: 16px;
font-weight: bold;
line-height:26px;
font-family:'Arimo', arial
}


/*Common Page*/

.common .title {
height: 37px;
padding-left: 14px;
margin-top:20px;
color: #fff;
font-size:16px;
line-height: 37px;
font-family:'Arimo', arial;
text-transform: uppercase;
background-color: #dd950b;
}

.common .content {
padding: 14px 18px 14px 14px;
font-size: 12px;
color: #000;
line-height: 20px;
border: 1px solid #dd950b;
}


.common .content a{
color: #262626;

}

.common .content a:hover{
color: #dd950b;

}  
.imageRight {
float:right;
padding-left: 18px;
padding-bottom: 15px;
}

.bookbox {
background-color: #f2f1e2;
width: 385px;
padding: 15px;
margin: 15px 15px 0  0;
float: left;
font-size: 11px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.bookbox.last{
margin-right: 0;
}

.bookbox h2{
color:#8d610c;
font-size: 14px;
font-weight: bold;
line-height:18px;
font-family:'Arimo', arial;
margin: 0px;
padding:0px;
}
.bookbox img {
float: left;
padding: 0 20px 8px 0;
}


/*Footer*/
.footer {
color: #FFF;
font-size: 12px;
background-color:#8d7893;
padding: 12px 23px;
height: 56px;
line-height: 18px;
}

.footer .box{
width: 290px;
float:left;
}

.footerTitle {
color: fff;
font-size: 18px;

}

.footer  a{
color: #fff;
}