/* Swatches

#7a7b7f - Body BG
#7e7f83 - Body text
#a90d07 - Red text (links)
#46474a - Dark Grey headers and nav
#ffe5e5 - Active nav BG
#d47a77 - Footer text

*/

/* Reset
--------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, em, img, strong, b, u, i, address, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} ol,ul {list-style: none;} blockquote,q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
/* Clear Floated Elements
--------------------------------------------------------------------- */
/* http://sonspring.com/journal/clearing-floats */ html body div.clear { background: none;  border: 0;  clear: both;  display: block;  float: none;  font-size: 0;  margin: 0;  padding: 0;  position: static;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }


/* General Type

--------------------------------------------------------------------- */
body { background: #7a7b7f url(../images/body-BG.gif) 0 0 repeat; color: #7e7f83; font: 75%/1 Arial, Helvetica, sans-serif; }

h1 { color: #fff; font-size: 42px; font-weight: bold; line-height: 0.1; margin: 0;}
h1 span { color: #a90d07; font-weight: normal; }
h2 { color: #46474a; font-size: 21px; font-weight: bold; line-height: 1.2; }
h2 span { font-weight: normal; }
h3 { color: #a90d07; font-size: 19px; font-weight: normal; line-height: 28px; margin: 0 0 1.5em; }
h4 { color: #fff; font-size: 18px; font-weight: normal; line-height: 24px; }
h5 span { color: #a90d07; font-weight: normal; }
h6 { color: #46474a; font-size: 16px; font-weight: normal; line-height: 12px; margin: 0 0 0.75em; }
h7 { color: #a90d07; font-size: 42px; font-weight: normal; line-height: 0; line-height: 1.5;}


a { color: #a90d07; text-decoration: underline; }
a:visited { color: #a90d07; }
a:hover { color: #a90d07; text-decoration: none; }

a.more { padding: 0 0 0 5px; background: url(../images/arrow-red.gif) 0 60% no-repeat; font-weight: bold; }


/* Main Layout

--------------------------------------------------------------------- */
#main { width: 960px; margin: 0 auto 80px; background: #fff; }

#wrap { width: 960px; background: #a90d07; }

#main-content { width: 811px; height: 268px; float: left; display: inline; background: #fff url(../images/content-main-BG.png) 0 100% no-repeat; }
html > body #main-content { height: auto; min-height: 268px; }

#sidebar { width: 149px; height: 268px; float: left; display: inline; overflow: hidden; background: #a90d07 url(../images/sidebar-BG.jpg) 0 0 no-repeat; }

#content-sidebar { width: 211px; float: left; display: inline; }
.content { width: 600px; float: right; display: inline; overflow: hidden; margin: -40px 0 0; background: #fff; position: relative; }



/* Header

--------------------------------------------------------------------- */
#header { width: 960px; height: 120px; overflow: hidden; }

#header .logo { float: left; display: inline; margin: 20px 0 0 30px; }

/* Main Nav */
#nav { width: 450px; float: right; margin: 25px 0 0; }
#nav li { display: block; width: 225px; height: 19px; float: left; margin: 0 0 6px; }
#nav a { display: block; width: 90px; height: 19px; color: #333437; font-size:1px; line-height:1px; text-indent:-9999px; position: relative; }
#nav a:hover, #nav a.active { background-position: 0 -19px; }

#nav .nav-home { background-image: url(../images/nav-home.png); }
#nav .nav-articles { background-image: url(../images/nav-articles.png); }
#nav .nav-about { background-image: url(../images/nav-about.png); }
#nav .nav-contact { background-image: url(../images/nav-contact.png); }
#nav .nav-services { background-image: url(../images/nav-services.png); }



/* Headline

--------------------------------------------------------------------- */
#headline { width: 980px; height: 240px; margin: 0 -20px 0 0; background: #666568 url(../images/headline-BG.jpg) 0 0 no-repeat; position: relative; }
#headline .copy { padding: 50px 0 0 217px; }

#home-headline { width: 980px; height: 408px; margin: 0 -20px 0 0; background: #666568 url(../images/home-headline-BG.jpg) 0 0 no-repeat; position: relative; }
#home-headline .copy { width: 374px; padding: 50px 0 0 64px; }


/* Content Sidebar

--------------------------------------------------------------------- */
#menu { width: 180px; margin: 50px 0; }
#menu li { display: block; width: 180px; margin: 0 0 2px; }
#menu a { display: block; width: 151px; padding: 4px 8px 4px 21px; color: #46474a; font-size: 1.167em; line-height: 1.333; text-decoration: none; position: relative; }

#menu a:visited { color: #46474a; }
#menu a:hover { color: #a90d07; background: #ffe5e5; text-decoration: none; }
#menu a.active,
#menu a.active:hover { margin: 0 0 0 -20px; padding-left: 41px; color: #a90d07; font-weight: bold; background: #ffe5e5 url(../images/menu-active.gif) 30px 6px no-repeat; }


/* Content

--------------------------------------------------------------------- */
.content .page-header { margin: 0 14px; padding: 19px 0; border-bottom: 1px dashed #5d5e61; }
.content .copy { padding: 19px 19px 60px; }
.content p { font-size: 1em; line-height: 1.75; margin: 0 0 1em; }


/* Content Listing

--------------------------------------------------------------------- */
.content-listing { width: 543px; overflow: hidden; }
.content-listing li { width: 543px; padding: 0 0 19px; margin: 0 0 19px; border-bottom: 1px dashed #5D5E61; position: relative; }
.content-listing p { margin: 0 0 10px; }
.content-listing p.title { width: 480px; margin: 0 0 10px; color: #46474a; font-size: 1.5em; line-height: 1.333; }
.content-listing p.date { margin: 0 30px; color: #46474a; font-size: 0.912em; position: absolute; top: 4px; right: 0; }

a.download { color: #a90d07; font-size: 1.167em; line-height: 20px; text-decoration: none; padding: 2px 0 2px 26px; background: url(../images/download-icon.png) 0 50% no-repeat; }
a.download:visited { color: #a90d07; }
a.download:hover { color: #a90d07; text-decoration: underline; }


/* Sidebar

--------------------------------------------------------------------- */
#sidebar .inner { padding: 14px; }
#sidebar p { color: #ffe5e5; font-size: 0.912em; line-height: 1.364; margin: 0 0 1em; }
#sidebar p.title { font-size: 1.273em; }

#sidebar a { color: #ffe5e5; }
#sidebar a:visited { color: #ffe5e5; }
#sidebar a:hover { color: #ffe5e5; }

#sidebar a.link { padding: 0 0 0 9px; background: url(../images/arrow-white.gif) 3px 60% no-repeat; text-decoration: none; }
#sidebar a.link:hover { text-decoration: underline; }


/* Homepage Features

--------------------------------------------------------------------- */
.feature-wrap { width: 584px; overflow: hidden; margin: 0 -22px 0 0; }
.feature { width: 270px; float: left; display: inline; margin: 0 22px 0 0; padding: 0 0 19px; border-bottom: 1px solid #a90d07; }
.content p.txt { height: 86px; overflow: hidden; margin: 14px 0; line-height: 1.417; }



/* Form

--------------------------------------------------------------------- */
.form { width: 584px; overflow: hidden; margin: 0 -12px 0 0; }
.form-col { width: 270px; margin: 0 22px 0 0; float: left; display: inline; }

.form .field { width: 270px; margin: 0 0 9px; overflow: hidden; }
.form .field input.text { width: 168px; float: right; }
.form .field textarea { width: 168px; height: 90px; float: right; overflow:auto; }

.form .field label { display: block; width: 88px; float: left; padding: 8px 0 0; }

.form-btn { margin: 0 0 0 88px; }

input.text, textarea { margin: 0; padding: 6px; border: 1px solid #e4e4e4; background: #fff url(../images/input_BG.gif) 0 0 repeat-x; }
select { padding: 3px; border: 1px solid #e4e4e4; }
input, textarea, select { color: #7e7f83; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; }
option { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
input.text:focus, textarea:focus, select:focus { border: 1px solid #e9c2c1; outline: none; }
label { color: #46474a; font-size: 1em; font-weight: bold; }



/* Footer

--------------------------------------------------------------------- */
#footer { clear: both; width: 960px; height: 71px; background: #a90d07 url(../images/footer-BG.jpg) 0 0 no-repeat; position: relative; }
#footer .logo { position: absolute; top: 10px; right: 14px; }

#footer .copy { padding: 22px 0 0 230px; }
#footer p { display: inline; margin: 0 30px 0 0; color: #d47a77; font-size: 0.912em; }

#footer a { color: #d47a77; text-decoration: none; }
#footer a:visited { color: #d47a77; }
#footer a:hover { color: #d47a77; text-decoration: underline; }


/* Bullets

--------------------------------------------------------------------- */

/* Bullet List */
.content ul { list-style-type: none; margin: 0 0 1.5em 1em; }
.content ul li { padding: 0 1em 0.5em 1em; background: url(../images/arrow-red.gif) 0 8px no-repeat; font-size: 1em; line-height:1.3; }
.content li ul { margin: 0; padding: 0.5em  0 0 0;  }
.content li ul li { font-size: 1em; }

/* Numbered List */
.content ol { list-style-type: decimal; margin: 0 0 1.5em 2.5em; }
.content ol li { margin: 0 0 0.5em 0; font-size: 1em; line-height:1.3; }
.content li ol { margin: 0 0 0 1.5em; padding: 0.5em  0 0 0;  }
.content li ol li { font-size: 1em; } 

.content td { vertical-align: top; }