/* Front page template CSS */

/* Color scheme
    #002F2F - menu text
    
    http://kuler.adobe.com/#themeID/1490144
    #C4BCA0 -- hr line, menu bg
    #176573 -- links
    #8E9E63 -- header color
    #E6DBB0 -- menu hover bg, menu expand bg
    #F5EED7 -- ??
    */

#front #banner {
    position: relative;
    border: 2px solid #334A2B;
    height: 225px;
}

#front #banner #bgContainer, #front #banner #bgContainer .background {
    position: absolute;
    height: 225px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#front #banner .carouselTitles {
    position: relative;
    margin: 0px;
    background-color: #FFF;
    width: 225px;
    height: 100%;
}

#front #banner .carouselTitles h4 {
    margin-top: 0px;
    text-align: center;
}

#front #banner .carouselTitles ul {
    padding: 0px;
    margin-left: 0px;
    width: 100%;
}

#front #banner .carouselTitles ul li {
    list-style-type: none;
    margin-bottom: 10px;
    width: 100%;
}

#front #banner .carouselTitles ul li a {
    font-family: Tahoma,Geneva,"sans-serif";
    font-size: 11pt;
    font-weight: bold;
    padding: 0px 20px 0px 5px;
    display: block;
    min-height: 35px;
}

#front #banner .carouselTitles ul li a:hover, #front #banner .carouselTitles ul li.selected a {
    background-color: #6E90CE;
    background-image: url('../img/arrow_right.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: #FFF;
}

#front #banner .carouselSynopsisContainer {
    position: absolute;
    margin-left: 225px;
    width: 225px;
    height: 100%;
}

#front #banner .carouselSynopsisBg {
    position: absolute;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    
    opacity: .80;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#front #banner .carouselSynopsisContent {
    position: relative;
    padding: 5px;
}

#front #content {
    margin-top: 10px;
}

#front table.publications {
    border-spacing: 5px;
}

#front table.publications td {
    vertical-align: top;
}

#front table.services {
    border-spacing: 0px 10px;
    border-collapse: separate;
}

#front table.services td {
    vertical-align: center;
    padding-right: 5px;
}

#front table.services td:last-child {
    border-bottom: 1px dotted #888;
    padding-right: 0px;
}

#front table.services tr:last-child td:last-child {
    border-bottom: 0px;
}

#front table.services td a {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 18px;
}