* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 1.2;
    font-family: Arial, sans-serif;
    color: #615f5a;
    background: #fff;
    text-align: left;
}

a img { border: 0; }
a { color: #1a396a; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

a img { border: 0; }
a { color: #1a396a; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline;}

.left { float: left !important; display: inline; }
.right { float: right !important; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -9999px;}
.tr {text-align: right;}
.tc {text-align: center;}
.center {display: block; margin: 0 auto;}
.lowercase {text-transform: lowercase;}

.shell {width: 980px; margin: 0 auto;}

a.yellow-button,
a.yellow-button span { background-image: url(images/yellow-button.gif); height: 33px; float: left; background-repeat: no-repeat; line-height: 33px; font-size: 14px; font-weight: bold;}
a.yellow-button {background-position: 0 0; padding: 0 0 0 18px; text-decoration: none !important; color: #313030;}
a.yellow-button span {background-position: right 0; padding: 0 18px 0 0;}
a.yellow-button:hover {background-position: 0 -33px;}
a.yellow-button:hover span {background-position: right -33px;}

a.link-near-button {line-height: 33px; margin: 0 0 0 13px;}

#header {height: 98px; background: url(images/header.png) repeat-x 0 0;}
#header h1#logo {float: left; padding: 20px 0 0 0;}
#header h1#logo a {background: url(images/logo.gif) no-repeat 0 0; width: 181px; height: 58px; display: block;}
#header #navs {float: right;}
#header #top-nav {float: right; font-family: verdana, sans-serif;  padding: 9px 0 0 0;}
#header #top-nav ul {list-style-type: none; font-size: 12px; line-height: 14px;}
#header #top-nav ul li {float: left; display: inline; position: relative;}
#header #top-nav ul li a {color: #34558a; background: url(images/topnav-arrow.gif) no-repeat right 5px; margin: 0 0 0 21px; padding: 0 10px 0 0;}
#header #top-nav ul li a:hover {color: #132d4e; background: url(images/topnav-arrow-over.gif) no-repeat right 5px; text-decoration: none;}

#header #bottom-nav {float: right; padding: 10px 0 0 0; position: relative; z-index: 10000;}
#header #bottom-nav ul {list-style-type: none; font-size: 16px;}
#header #bottom-nav ul li {float: left; display: inline; position: relative; margin: 0 -4px 0 0;}
#header #bottom-nav ul li a {color: #1a396a; width: 137px; height: 42px; display: block; line-height: 44px; padding: 0 0 0 14px;}
#header #bottom-nav ul li a:hover,
#header #bottom-nav ul li.active a {color: #9298a2; background: url(images/navigation-hover.png) no-repeat 0 0; text-decoration: none;}
#header #bottom-nav ul li.no-dd {padding: 0 5px; margin: 0;}
/*#header #bottom-nav ul li.no-dd a {display: inline;}*/
#header #bottom-nav ul li.no-dd a:hover {background: transparent;}
#header #bottom-nav .dropdown {position: absolute; top: 42px; left: 0; display: none; width: 151px;}
#header #bottom-nav .dropdown-cnt {background: url(images/dropdown-bg.png) repeat-y 0 0; height: 100%; }
#header #bottom-nav .dropdown-bottom {background: url(images/dropdown-bottom.png) no-repeat 0 0; height: 9px; font-size: 0; line-height: 0; text-indent: -9999px;}
#header #bottom-nav .dropdown ul {font-size: 13px; padding: 4px 0 0 0; }
#header #bottom-nav .dropdown ul li {float: none; display: block; margin: 0; width: 100%; height: 100%;}
#header #bottom-nav .dropdown ul li a {color: #577396; line-height: 22px; background: transparent; display: inline;}
#header #bottom-nav .dropdown ul li a:hover {background: transparent; color: #000000;}

#main-image {position: relative; z-index: -1; margin-top: -98px; margin-bottom: -250px;}
#main-image-cnt {background: url(images/main-image.png) no-repeat 0 0; height: 627px;}
#main-image-caption {position: absolute; top: 359px;}
#main-image-caption-cnt {width: 980px; background: url(images/main-image-caption.png) repeat-y 0 0; padding: 3px 0; font-size: 11px; color: #fff; line-height: 16px;}
#main-image-caption-cnt p {padding: 0 0 0 52px; position: relative;}

#main {position: relative;}
#main a {text-decoration: underline;}
#main a:hover {text-decoration: none;}
#main .shell {position: relative; z-index: 100;}
#main #main-top {height: 4px; background: url(images/main-top.png) repeat-x 0 0; font-size: 0; line-height: 0; text-indent: -9999px;}
#main #main-cnt {background: url(images/main.png) repeat 0 0; padding: 40px 0 0 0; height: 100%;}
#main #main-overlay {position: absolute; top: 4px; width: 100%; left: 0; height: 478px;}
#main #main-overlay-cnt {background: url(images/overlay.png) repeat-x 0 0; height: 478px; width: 100%;}
#main #home-articles {padding-bottom: 20px;}
#main #main-article {padding: 0 38px 0 52px; width: 355px; float: left;}
#main #main-article h2,
#main #main-article h3 {color: #282828; font-weight: normal; font-family: georgia, serif; letter-spacing: -1px;}
#main #main-article h2 {font-size: 27px;}
#main #main-article h3 {font-size: 18px;}  
#main #main-article .entry {padding: 18px 0 0 0;}
#main #main-article .entry p {padding: 0 0 18px 0;}
#main #sub-articles {border-left: 1px solid #c9c5c3; float: right; width: 502px; padding: 0 0 0 24px;}
#main #sub-articles .first-sub-article {padding: 0 24px 20px 0 !important;}
#main #sub-articles .sub-article {width: 195px; float: left; padding: 0 24px 20px 24px; margin: 0 0 20px 0;}
#main #sub-articles .sub-article-divider {border-right: 1px solid #c9c5c3;}
#main #sub-articles .sub-article h3 {font-size: 16px; color: #c7940d; padding: 0 0 10px 0;}
#main #sub-articles .sub-article p {padding: 0 0 15px 0;}
#main #news-feed {width: 878px; margin: 0 auto; border-top: 1px solid #dadada; padding: 12px 0 16px 0;}
#main #news-feed h3 {color: #b4b3b1; font-size: 12px; text-transform: uppercase; line-height: 16px; padding: 0 0 12px 0;}
#main #news-feed .news-item {width: 380px; float: left; padding: 0 43px 10px 0;}
#main #news-feed .news-item h2 {font-size: 18px; font-family: georgia, serif; font-weight: normal;}
#main #news-feed .news-item h2 a {text-decoration: none !important;}
#main #news-feed .news-item h2 a:hover {color: #000;}
#main #news-feed .news-item p.date {font-weight: bold; line-height: 20px;}
#main .article {padding: 40px 0 45px 0;}
#main .article .article-image {float: left; padding: 0 25px 0 25px;}
#main .article .article-image-box {background: url(images/article-img-box.gif) no-repeat 0 0; width: 466px; height: 360px; padding: 18px 0 0 0;}
#main .article .article-image-box img {display: block; margin: 0 auto}
#main .article .article-text {padding: 0 0 0 29px; width: 385px; float: left; border-left: 1px solid #d1cdcc;}
#main .article .article-text h1 {color: #C7940D;}
#main .article .article-text h2 {font-family: georgia, serif; color: #313030; font-weight:normal; font-size: 27px; padding: 0 0 15px 0; letter-spacing: -1px;}
#main .article .article-text p {line-height: 20px; padding-bottom: 15px;}
#main .article .article-text ul {margin: 0 1em;}

#footer {}
#footer .shell {width: 972px; border-top: 1px solid #dadada; padding: 6px 0;}
#footer .left a {line-height: 24px; text-decoration: underline;}
#footer .left a:hover {text-decoration: none;}
#footer .left span {color: #9b9997; padding: 0 7px;}
#footer .right {text-align: right;}
#footer .right p.number {font-family: georgia, serif; font-size: 18px; color: #313030; line-height: 24px;}

hr {margin: 1em 0; border: none; height: 1px; background: #ccc;}