@charset "UTF-8";
/* CSS Document */

body {margin:0 0; background:url(images/bg-body.jpg); font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px}
a {text-decoration:none; font-weight:bold; color:#0b7eb9}
a:hover {color:#2e5d7b}
h1 {font-size:30px; font-weight:normal; color:#2e5d7b; line-height:30px; margin:0 0 20px; border-bottom:1px dotted #fff}
h2 {font-size:21px; color:#2e5d7b; line-height:24px; margin:15px 0 0; border-bottom:1px dotted #fff}
h3 {font-size:16px; color:#616467; margin:21px 0 0}
h4 {font-size:13px; color:#424140; margin:15px 0 0}

#container-outer {padding:25px 0; background:url(images/bg-dark.png) repeat-x top}
#container-inner {width:925px; margin:auto}
.index {background:url(images/bg-indexContent.png) repeat-y}
.sub {background:url(images/bg-subContent.png)}
#header-index {background:url(images/bg-indexLogo.jpg); height:120px}
#header-index a, #header-sub a {display:block; float:right}
#header-index a img {border:none; height:120px; width:325px}
#header-sub a img {border:none; height:140px; width:325px}
#header-sub {background:url(images/bg-subLogo.jpg); height:140px}

#faces {background:url(../../images/faces/01.jpg); height:597px; z-index:1}
.col1, .col2 {float:left; position:relative}
.col1 {width:592px; margin:4px}
.content {padding:25px; background:#dadcdd; font-size:12px; line-height:15px}
.col2 {width:317px; margin:4px; background:#bbbec1; float:right}

.foot {background:#2f2e2d; color:#8f9295; height:80px; clear:both}
.foot div {float:left}
.footContent {padding:20px 20px; width:552px; height:36px; border:4px solid #424140; border-top:none}
.footContent a {display:block; float:left; padding:3px 4px; border:1px dotted #8f9295; margin:6px 6px 0 0; color:#cde2e9}
.footContent a:hover {background:#424140; border:1px solid #8f9295}
a.footLogo {display:block; float:left; width:156px; height:76px; border-left:4px solid #8f9295; border-bottom:4px solid #8f9295}
a.footLogo img {border:none}
a.lastLogo {border-right:4px solid #8f9295; width:157px}

.nav {list-style:none; margin:0; padding:0; height:35px; border-bottom:4px solid #8f9295; background:#6a6e72}
.level1 {float:left; border-right:4px solid #8f9295; position:relative; line-height:35px}
li.level1:hover {background:#424140}
.last {border-right:none}
.level1 a {display:block; width:103px; font-size:14px; font-weight:bold; text-align:center; color:#cde2e9; text-transform:uppercase}
.level1 a:hover {color:#fff}
.nav li ul {display:none}
.nav li:hover ul {display:block; position:absolute; top:35px; left:-42px}
li.level2 {display:block; float:none; line-height:12px; padding:0}
li.level2 a {font-size:11px; text-transform:none; border:2px solid #8f9295; border-top:none; display:block; padding:3px; background:#7c7f82; width:97px; vertical-align:bottom}
li.level1 a:hover {background:#707377}

.feedIcon {float:right; margin:0 -4px 5px 10px; background:#8f9295}
div.feedBox:hover {background:#d7dadc}
.feedBox h1, .feedBox h2, .feedBox p {padding:0 15px}
.feedBox h1 {color:#fff; font-size:10px; font-weight:bold; letter-spacing:3px; margin:0; padding-top:10px; line-height:12px; border:none}
.feedBox h2 {font-size:15px; margin:2px 0 5px; border:none; line-height:15px}
.feedBox h2 a {color:#2e5d7b}
.feedBox h2 a:hover {color:#0b7eb9}
.feedBox p {margin:0 0 8px 0}
.feedLinks {background:#8f9295; padding:0; height:20px}
.feedLinks a {background:url(images/bg-feedLinks.png) repeat-x; display:block; padding:3px 5px; line-height:11px; font-size:10px; float:left; color:#2e5d7b; font-weight:bold; letter-spacing:2px; text-align:center; width:146px}
.feedLinks a:hover {color:#fff; background:#8f9295}
.rightLink {margin-left:5px}

.sitemap {list-style:none; line-height:28px}
.mapLevel1 ul {list-style:none}
.mapLevel1 a {font-size:21px; padding:0; margin:0; font-weight:bold; color:#2e5d7b; display:block; border-bottom:1px dotted #fff}
.mapLevel1 a:hover {border-bottom:1px solid #fff; color:#0b7eb9}
.mapLevel2 ul {border:none}
.mapLevel2 a {font-size:16px; border-bottom:1px dotted #fff; display:block}
.mapLevel2 ul {list-style:square}
.mapLevel3 a {font-size:13px}

.box-content, a.linkList {display:block; border:4px solid #fff; padding:15px; background:#e3e6e8; margin-bottom:25px; position:relative}
a.linkList:hover {background:#fff}
div.summary img {width:100px; float:left; margin:0 15px 5px 0; border:2px solid #fff}
a.boxLink {position:relative; display:block; padding:5px; border:4px solid #fff; float:right; margin:-14px -19px -19px 10px; background:#dadcdd}
a.boxLink:hover {background:#fff}
.pageImage {float:right; width:150px; margin:0 0 10px 15px; border:2px solid #fff}

.feedList-item {border:4px solid #fff; padding:10px; background:#e3e6e8; font-size:11px; line-height:13px; position:relative; margin-bottom:8px}
.feedList-item h2 {font-size:16px; line-height:19px; margin:0 0 5px 0}
.feedList-item p {padding-right:115px; margin:0}
.feedList-link {display:block; float:right; margin:-18px -14px 0 10px; border:4px solid #fff; padding:5px; background:#dadcdd}
a.feedList-link:hover {background:#fff}
.feedList-icon {width:44px; height:44px; background:#fff; padding:0 0 4px 4px; float:right; margin:-14px -14px 0 0}

.breadcrumbs {height:35px; border-bottom:4px solid #aab0b5; line-height:35px; padding:0 25px; color:#dadcdd; background:#8f9295}
.breadcrumbs a {color:#2e5d7b}
.breadcrumbs a:hover {color:#0b7eb9}

.related {position:absolute; width:100px; left:-128px; top:35px; border:4px solid #424140; border-right:none; padding:10px}
.related h3 {color:#8f9295; font-size:13px; margin:0}
.related ul {list-style:none; margin:0; padding:0}
.related li a {display:block; border-bottom:1px dotted #8f9295; padding:4px 0; color:#85a0aa}
.related li a:hover {border-bottom:1px solid #dadcdd; color:#fff}

.picbox-300r {float:right; width:290px; padding:5px; border:2px solid #fff; background:#ecedee; margin:0 0 5px 15px; text-align:center; font-size:10px}
.picbox-300r img {margin-bottom:5px}