/* CSS Document */

/*Normalizes margin padding */ body, div, dl, dt, dd, ul, ol li, h1, h2, h3, h4, h5, h6, pre, form, filedset, input, p, blockquote, th, td { margin : 0; padding : 0; }
/* Normalizes font-size for headers */ h1, h2, h3, h4, h5, h6 { font-size : 100%; }
/* Removes list-style from lists */ ol, ul { list-style : none; }
/* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
/* Removes list-style from lists */ table { border-collapse : collapse; border-spacing : 0; }
/* Removes border from filedset and img */ fieldset, img { border : 0; }
/* Left-aligns text in caption and th */ caption, th { text-align : left; }
/* Removes quotation marks from q */ q:before, q:after { content: ''; }


/* Main Layout ---------------------------------------------------------------------- */
body { background:#eae6d5 url(images/body.png) repeat-y; font:75%/1.5 "Lucida Grande", Verdana, sans-serif; color:#333; min-width:780px; }
#nav_main { width:150px; height: 510px; float:left; background: url(images/nav_main.jpg);}
#container { width:600px; float:left; background-image:url(images/container.png); }
#branding { color:white; background-image:url(images/branding.png); height:100px; clear:left; }
#content_main { float:left; width:367px; padding-bottom:50px; padding-top:20px; }
#content_sub { margin-left:370px; width:227px; padding:20px 0 20px 0; }
#site_info { color:white; background-image:url(images/footer.png); height:53px; clear:left; }


/* Header ---------------------------------------------------------------------- */
#branding h1 { position:relative; top:35px; left:15px; }
#branding p { position:relative; top:35px; left:15px; }

/* Navigation ---------------------------------------------------------------------- */
#nav_main img { margin:15px 0 15px 15px; }
#nav_main li { height:20px; width:150px; margin-top: 3px; }
#active { display: block; padding-top: 0px; height:20px; background:transparent  url(images/nav_on.png) no-repeat; color:#fff; text-indent:25px; text-decoration:none;}
#nav_main li a { display: block; padding-top: 0px; height:20px; text-indent:25px; text-decoration:none;}
#nav_main li a:link { background:transparent  url(images/nav_off.png) no-repeat; color:#173768; } 
#nav_main li a:visited { background:transparent  url(images/nav_off.png) no-repeat; color:#173768; } 
#nav_main li a:hover { background:transparent  url(images/nav_hover.png) no-repeat; color:#061230; } 

/* Content ---------------------------------------------------------------------- */
h2 { font:130%/1.5 "Lucida Grande", Verdana, sans-serif; color:#173768; margin:0px 20px 5px 15px; padding-bottom:.25em; border-bottom: 1px solid #ccc;}
#content_main p { font:95%/1.5 "Lucida Grande", Verdana, sans-serif; margin:5px 20px 0px 15px; }
h3 { font:110%/1.5 "Lucida Grande", Verdana, sans-serif; color:#173768; margin:20px 20px 5px 15px; padding-bottom:.25em; border-bottom: 1px solid #ccc;}
h4 { font:100%/1.5 "Lucida Grande", Verdana, sans-serif; color:#cc2128; margin:20px 20px 0px 15px; }
#content_main img {float:right; position:relative; top:-30px; right:0px; margin: 0 0 -30px 5px; }
.caption { clear: right; float:right; position:relative; padding: 5px 30px 10px 20px; }
.thumbs li { float:left; padding:10px 0px 0px 7px; } 
.thumbs img {border:1px solid #ccc; padding:1px; }
#stories {margin:0 0 0 15px; width:230px; list-style: disc outside; padding:0 0 0 15px; font:90%/1.5 "Lucida Grande", Verdana, sans-serif; color:#333; }
#content_sub h3 { font:100%/1.5 "Lucida Grande", Verdana, sans-serif; color:#cc2128; margin:0px 20px 5px 7px; padding-bottom:.25em; border-bottom: 1px solid #ccc;}
#content_sub p { font:90%/1.5 "Lucida Grande", Verdana, sans-serif; color:#333; margin:.5em 20px 0px 7px; padding-bottom:.25em; }
#content_main a { color:#cc2128; text-decoration:none; }
#content_main a:visited { color:#cc2128; text-decoration:none; }
#content_main a:hover { color:#173768; text-decoration:underline; }
#content_sub a { color:#173768; text-decoration:none; }
#content_sub a:visited { color:#173768; text-decoration:none; }
#content_sub a:hover { color:#cc2128; text-decoration:underline; }
#slideshow { padding:25px 0 0 6px; }



/* Form ---------------------------------------------------------------------- */
input { border:1px solid #ccc; margin: 3px 0 0 7px;  height: 20px; font:90% "Lucida Grande", Verdana, sans-serif; color:#333;}



/* Footer ---------------------------------------------------------------------- */
#site_info p { float:right; font:90%/1.5 "Lucida Grande", Verdana, sans-serif; color:#fff; padding: 0px 15px 0 0; }
#site_info a { float:left; font:90%/1.5 "Lucida Grande", Verdana, sans-serif; color:#fff; padding: 0px 0 0 15px;  text-decoration:none; }
#site_info a:visited { text-decoration:none; }
#site_info a:hover { text-decoration:underline; }