body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #333; background: #222 url(images/page-bg.jpg) repeat-x; font-size: 85%; }

a img { border: 0px; }
a { color: #555; }
a:hover { color: 002581; }
p, h1, h2, h3, h4, h5, h6, h7, ul { margin: 0px 0px 18px; }
p, li { line-height: 150%; }
h1 { font-size: 1.8em; color: #002581;  }
h1 a { color: #002581; text-decoration: none; }
h1 a:hover { color: #555; text-decoration: underline; }

#container { width: 840px; margin: 20px auto; }

#header { width: 840px; background: #fff url(images/header-bg.jpg) repeat-x; height: 126px; float: left; display: inline; overflow: hidden; }
#header .logo { width: 500px; margin: 0px 15px; padding-top: 20px; float: left; display: inline; overflow: hidden; }
#header .info { width: 250px; margin: 0px 20px; float: right; display: inline; overflow: hidden; padding-top: 62px; }

#nav { width: 840px; float: left; display: inline; height: 36px; background: url(images/nav-bg.jpg) repeat-x; }
#nav ul { float: left; display: inline; overflow: hidden; list-style: none; margin: 0px; padding: 0px; }
#nav li { float: left; width: 209px; height: 36px; border-right: 1px #333 solid; text-align: center; font-weight: bold; }
#nav li.last-tab { width: 210px; border: 0px; }
#nav li a { float: left; text-align: center; width: 200px; padding: 6px 5px; height: 24px; color: #ccc; font-size: 1.1em; text-decoration: none; }
#nav li a:hover, #nav li a.active { float: left; background: url(images/nav-tab-bg.jpg) repeat-x center; color: #ccc; }
#nav p { float: right; display: inline; overflow: hidden; padding: 6px 20px 6px 10px; color: #ccc; font-size: 1.1em; width: 250px; }


#masthead { float: left; display: inline; overflow: hidden; width: 840px; height: 180px; background: #002581 url(images/masthead-bg.jpg) no-repeat; border-bottom: 3px solid #333; }
#masthead .intro { float: left; display: inline; overflow: hidden; width: 500px; padding: 12px 20px 18px 20px; height: 170px; }
#masthead .intro p { font-size: 1.5em; color: #eee; }
#masthead .subscription { padding: 10px 20px; margin: 20px; float: right; display: inline; width: 210px; overflow: hidden; height: 117px; background: url(images/sub-box.jpg) repeat-x top center; color: #ccc; text-align: center; border-top: 3px #333 solid; }
#masthead .subscription p { line-height: 125%; }

#wrapper { float: left; display: inline; overflow: hidden; width: 840px; background: #fff; }

#content { float: left; display: inline; overflow: hidden; width: 500px; padding: 20px; }
#content .post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #ccc dashed; }
#content .premeta { font-size: 0.8em; color: #666; }
#content .content-bot { text-align: center; font-size: 0.9em; color: #666; margin-bottom: 15px; }
#content .content-bot a { margin: 0px 10px; }
#content .slideshow { margin-bottom: 20px; }

#sidebar { float: right; display: inline; overflow: hidden; width: 250px; padding: 20px; background: url(images/sidebar-bg.jpg) repeat-x; }
#sidebar ul { margin: 0px; padding: 0px; list-style: none; }
#sidebar li { margin-left: 0px; padding: 4px 0px 4px 30px; background: url(images/bullet.gif) no-repeat 0px 10px; border-bottom: 1px dashed #ccc; }
#sidebar li li { background: none; }
#sidebar li a { text-decoration: none; }
#sidebar li a:hover { color: #af0321; text-decoration: underline; }
#sidebar h2 { color: #af0321; }
#sidebar .widget { margin-bottom: 16px; }

#footer { width: 840px; float: left; display: inline; overflow: hidden; background: url(images/footer-bg.jpg) repeat-x; border-top: 3px #222 solid; }
#footer .footer-inner { padding: 15px 15px 30px; text-align: center; color: #eee; }
#footer a { color: #ccc; }
#footer a:hover { color: #efefef; }

/* blue is 002581 */
/* red is AF0321 */