/* CSS Document */
/* ------------------------------------- */

body {margin: 0; padding: 0; font: normal normal 13px/18px georgia, times, serif; color: #6a696a; background: #dae2e7;}

/* Text Styles */
/* ------------------------------------- */

h1 {height: 143px; margin: 0; padding: 0; text-indent: -9999px; font-size: 1px; background: url('../../images/header.png') no-repeat;}
h1 a {display: block; height: 151px; width: 610px;}
h2 {margin: 0 0 .25em 0; font-size: 2em; line-height: 1em; font-weight: normal; color: #486b73;}

p {margin: 0 0 1em 0;}

img {border: 0; outline: 0;}

a {color: #486b73; outline: 0;}
a:hover {color: #6e92a0; text-decoration: none;}

label {display: block;}

/* Main DIVs */
/* ------------------------------------- */

#container {position: relative; margin: 0 auto; padding: 0 5px; width: 900px; background: #fff url('../../images/bg.png') repeat-y;}

#navigation {position: relative; margin-bottom: 15px;}

#feature {position: relative; margin: 15px; height: 300px;}

#sidebar {float: left; margin-top: 15px; padding-left: 15px; width: 145px;}
#home #sidebar {margin-top: 0; width: 350px;}

#content {float: right; margin-top: 15px; padding-right: 15px; padding-bottom: .5em; width: 700px;}
#home #content {margin-top: 0; width: 503px;}
#content.full {float: none; padding: 0 15px; padding-bottom: .5em; width: 870px;}

/* Main Navigation */
/* ------------------------------------- */

#navigation ul {margin: 0; padding: 0; height: 68px; list-style: none;}
#navigation li {float: left;}
#navigation li a {position: absolute; display: block; padding: 25px 0; font-size: 1.9em; color: #b5c6cf; text-transform: lowercase; text-decoration: none; text-align: center; background: url('../../images/nav-bg.png') no-repeat 0 0;}
#navigation li.nav1 a {left: 0; width: 156px; background-position: -20px 0;}
#navigation li.nav2 a {left: 136px; width: 170px;}
#navigation li.nav3 a {left: 286px; width: 188px;}
#navigation li.nav4 a {left: 454px; width: 165px;}
#navigation li.nav5 a {left: 599px; width: 145px;}
#navigation li.nav6 a {left: 724px; width: 176px;}
#navigation li.current a {color: #fff;}
#navigation li a:hover {color: #486b73; background-position: -250px 0;}
#navigation li.nav1 a:hover {background-position: -270px 0;}

/* Extra Classes */
/* ------------------------------------- */

.large {margin-top: -4px; font-size: 1.3em; line-height: 1.3em; color: #486b73;}

.clear {clear: both;}

.left {float: left;}
.right {float: right;}

/* Special Styles */
/* ------------------------------------- */

#mission {position: absolute; top: 48px; right: 5px; width: 277px; height: 63px; background: url('../../images/mission.png') no-repeat;}
#mission p {margin: 0; padding: 0; text-indent: -9999px;}

#feature {position: relative; height: 300px; overflow: hidden;}
#feature #flash {position: absolute;}
#feature #feature-text {position: absolute; top: 0; width: 800px; z-index: 99;}
#feature p {position: absolute; top: 20px; left: 30px; color: #fff; font-size: 3em; line-height: 1.1em; text-transform: lowercase;}
#feature p strong {display: block; margin-top: 100px; color: #b5c6cf; font-size: .5em; font-weight: normal;}
#feature form {position: absolute; top: 165px; left: 25px;}

#sidebar ul {margin: 3px 0 1.25em 0; padding: 0; list-style: none; text-align: right;}
#sidebar em {font: normal bold 1em/1em arial, helvetica, sans-serif; color: #ed1c24; text-transform: uppercase;}
#sidebar li {margin-top: .25em;}
#sidebar li a {font: normal normal .9em/1em arial, helvetica, sans-serif; color: #555; text-decoration: none;}
#sidebar li a:hover {color: #222; text-decoration: underline;}

#home #sidebar ul {margin: -12px 0 0 0; padding: 0; list-style: none;}
#home #sidebar li {margin-top: 12px; padding: 15px 20px 0 85px; height: 72px; color: #fff; background: url('../../images/statistic.png') no-repeat;}

#footer {margin: 0 auto; padding-top: 20px; width: 910px; background: url('../../images/footer.png') no-repeat;}
#footer p {font-size: .9em; color: #486b73; text-align: center;}
#footer p em {font-size: .9em; font-style: normal;}

.article {margin-bottom: 2em;}
.article-category {display: block; margin-bottom: 1em; font: normal bold 1em/1em arial, helvetica, sans-serif; color: #ed1c24; text-transform: uppercase;}
.article-title h2 {margin: .25em 0; font-weight: normal; color: #486b73; text-decoration: none;}
.article-title a {font-weight: normal; color: #486b73; text-decoration: none;}
.article-title a:hover {color: #6e92a0; text-decoration: underline;}
.article-date {display: block; margin-bottom: 1em; color: #6e92a0; font-style: italic;}

ul.slideshow {margin: 0 0 1em; padding: 0; list-style: none;}