/* 
bl1 = box large 1
bl2 = ect.

bs1 = box small 1
bs2 = ect.
*/

.bl1 {
background: #000 url(/_design/alingo/images/boxes/box-large-black.gif) 0 0 no-repeat;
}
.bl1 .sub {
background: #000 url(/_design/alingo/images/boxes/box-large-black-sub.gif) bottom left no-repeat;
color: #f9f9f9;
}

.bl2 {
background: #eee url(/_design/alingo/images/boxes/box-large-grey.gif) 0 0 no-repeat;
}
.bl2 .sub {
background: #eee url(/_design/alingo/images/boxes/box-large-grey-sub.gif) bottom left no-repeat;
color: #222;
}

.bl3 {
background: #fc0 url(/_design/alingo/images/boxes/box-large-yellow.gif) 0 0 no-repeat;
}
.bl3 .sub {
background: #fc0 url(/_design/alingo/images/boxes/box-large-yellow-sub.gif) bottom left no-repeat;
color: #222;
}

.bs1 {
background: #000 url(/_design/alingo/images/boxes/box-small-black.gif) 0 0 no-repeat;
}
.bs1 .sub {
background: #000 url(/_design/alingo/images/boxes/box-small-black-sub.gif) bottom left no-repeat;
color: #f9f9f9;
}

.bs2 {
background: #eee url(/_design/alingo/images/boxes/box-small-grey.gif) 0 0 no-repeat;
}
.bs2 .sub {
background: #eee url(/_design/alingo/images/boxes/box-small-grey-sub.gif) bottom left no-repeat;
color: #222;
}

.bs3 {
background: #fc0 url(/_design/alingo/images/boxes/box-small-yellow.gif) 0 0 no-repeat;
}
.bs3 .sub {
background: #fc0 url(/_design/alingo/images/boxes/box-small-yellow-sub.gif) bottom left no-repeat;
color: #000;
}

.box {
padding: 10px 0 0 0;
margin: 0 0 14px 0;
}
.sub {
padding: 0 14px 10px 14px;
overflow: hidden;
}

.sub h4 {
font-weight: normal;
font-size: 14px;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
.sub li {
padding: 0 0 5px 0;
}

.sub h2, .sub h3 {
font-size: 12px;
font-weight: bold;
margin: 0 0 2px 0;
}

/* BL2 */

.bl2 a {
color: #004c95;

}

/* BS1 */

.bs1 a {
color: #f69f0c;
color: #fc0;
text-decoration: none;
}
.bs1 a:hover {
color: #000;
background: #f69f0c;
background: #fc0;
}
.bs1 .nav a {
color: #f9f9f9;
}
.bs1 .nav a:hover, .bs1 .nav a:hover span, .bs1 .nav .selected a, .bs1 .nav .selected a span {
color: #000;
background: #f9f9f9;
}
.bs1 h3 a {
color: #fff;
background: #000;
}
.bs1 h3 a:visited {
color: #999;
}
.bs1 h3 a:hover {
color: #000;
background: #fff;
}
.bs1 h4 {
color: #999;
border-bottom: 1px solid #333;
}
.bs1 h4 a {
color: #999;
}
.bs1 h4 a:hover {
color: #ddd;
background: transparent;
}
.bs1 small {
color: #ccc;
}

/* BS2 */

.bs2 a {
color: #004c95;
text-decoration: none;
}
.bs2 a:hover {
color: #fff;
background: #004c95;
}
.bs2 .nav a {
color: #000;
}
.bs2 .nav a:hover, .bs2 .nav .selected a {
color: #fff;
background: #000;
}
.bs2 h4 {
color: #666;
border-bottom: 1px solid #ddd;
}
.bs2 h4 a {
color: #666;
}
.bs2 h4 a:hover {
color: #000;
background: transparent;
}

/* BS3 */

.bs3 h4 {
border-bottom: 1px solid #333;
}
.bs3 h4 a {
color: #000;
}
.bs3 p a {
color: #000;
text-decoration: underline;
}
.bs3 p a:hover {
color: #fff;
background: #000;
text-decoration: none;
}
.bs3 .nav a {
color: #000;
}
.bs3 .nav a:hover, .bs3 .nav .selected a{
color: #fff;
background: #000;
}

/* NAV */

.nav li {
padding: 0 0 2px 0;
}
.nav a {
font-size: 12px;
font-weight: bold;
}

/*  */

.sub p + ul, .sub ul + p, .sub p + p {
margin: 5px 0 0 0;
}
.bl1 p + ul, .bl1 ul + p, .bl1 p + p, .bl2 p + ul, .bl2 ul + p, .bl2 p + p {
margin: 14px 0 0 0;
}