/* ---------------------------------------------------
Great Northern Printing stylesheet

Author: Ryan Meashaw / www.cybertrail.net
----------------------------------------------------- */

/* ---------------------------------------------------
GLOBAL (General miscellaneous)
----------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; } 
.clear { clear:both; height: 1px; margin: 0; padding: 0; }
.center { text-align: center; margin-right: auto; margin-left: auto; }
.right { float: right; }
.left { float: left; }
.hide { display: none; }
a img, :link img, :visited img { border: none; }
q, cite, ul, ol, dl, li, dd, dt { font-size: 1em; }
ul, dl { list-style: none; }
input { border: 1px solid #ccc; padding: .12em; margin: 0 1em 0 .5em; color: #105DA5; }
input.button { color: #D22; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
:visited { text-decoration: none }
address { font-style: normal }
.clearfix { clear: both; height: 0; margin: 0; padding: 0; }
.capital { font-variant: small-caps; font-size: 1.1em; letter-spacing: .025em; }

body { background: #333 url(../img/bg_body_gradient.jpg) 0 0 repeat-x; font: 75% Verdana, sans-serif; line-height: 1.5em; color: #fff; }

html>body { font-size: 12px; }

p { font-size: 1.1em; line-height: 1.5em; margin-top: .75em; margin-bottom: 2.25em; }

br { line-height: 1.5em; }

/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a:link { color: #ffc; outline: 0; font-weight: bold; text-decoration: underline; }
a:hover, a:visited { color: #F36E2F; outline: 0; font-weight: bold; text-decoration: none; }
a:active { outline: 0 }

/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 { font-size: 2.25em; line-height: .667em; margin-top: .334em; margin-bottom: 1.001em; font-family: Helvetica, Calibri, Arial, sans-serif; }
h2 { font-size: 2em; line-height: .75em; margin-top: .375em; margin-bottom: 1.125em; color: #1B325F; }
h3 { font-size: 1.75em; line-height: .857em; margin-top: .429em; margin-bottom: 1.286em; color: #fff; }
h4, #index { font-size: 1.5em; line-height: 1em; margin-top: .5em; margin-bottom: 1.5em; }
h5 { font-size: 1.25em; line-height: 1.2em; margin-top: .6em; margin-bottom: 1.8em; color: #006B3F; margin-left: 34px; }
h6 { font-size: 1em; line-height: 1.5em; margin-top: .75em; margin-bottom: 2.25em; }

/* ---------------------------------------------------
LISTS
----------------------------------------------------- */


/* -------------------------------------------------
FORMS
--------------------------------------------------*/

/* ---------------------------------------------------
NAVIGATION
----------------------------------------------------- */
#navigation { width: 168px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 1.3em; }
#navigation li { border-bottom: 1px solid #EEAF33; padding: 1em 0; }
#navigation li a, #naviation a:visited { color: #2A2D32; text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }

#home a { width: 64px; background: transparent url(../img/bg_nav_home.gif) 0 0 no-repeat; }
#about a  { width: 93px; background: transparent url(../img/bg_nav_about.gif) 0 0 no-repeat; }
#gallery_nav a { width: 81px; background: transparent url(../img/bg_nav_gallery.gif) 0 0 no-repeat; }
#contact a { width: 107px; background: transparent url(../img/bg_nav_contact.gif) 0 0 no-repeat; }
#links a { width: 126px; background: transparent url(../img/bg_nav_links.gif) 0 0 no-repeat; }


/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#wrapper { width: 980px; margin: 0; padding: 0; background: transparent url(../img/bg_footer.gif) 0 100% no-repeat; }
#wrapper h1 { background: transparent url(../img/bg_h1_logo.png) 0 0 no-repeat; width: 303px; height: 282px; margin: 27px 0 0 27px; }
#wrapper h1, #header h2, .column #indexblurb, #clarksonbadge { overflow: hidden; font-size: 0.0; line-height: 0.0; text-indent: -9999px; }

/* HEADER */
#header { height: 341px; margin: 0 auto; padding: 0; background: transparent url(../img/bg_header_curve.png) 0 0 no-repeat; }
#header h2 { margin: 27px 0 0 27px; padding: 0; color: #ccc; }

#gallery { background: #ccc url(../img/button_gallery.gif) 0 0 no-repeat; width: 230px; float: right; height: 61px; margin: 150px 16px 0 0; }
#gallery p { text-align: right; margin: 0; padding: 0; }
#gallery a { display: block; height: 60px; }
#gallery span { display: none; }

#content_inner ul { padding: 0 0 0 54px; margin: -11px 0 27px 0; list-style-type: disc; }
#content_inner li { color: #333; margin: 0 0 17px 0; }
#content_inner img { border: none; }

#content h3 { padding: 0 0 0 27px; font-size: 1.25em; text-transform: uppercase; letter-spacing: .01em; }

#aboutmore { height: 29px; overflow: hidden; margin: 0 0 0 35px; padding: 0; }
#aboutmore a { float: left; padding: 29px 0 0 0; overflow: hidden; height: 29px !important;  height /**/:29; /* for IE5/Win only */ }
#aboutmore_button a { width: 147px; background: transparent url(../img/button_about.png) 0 0 no-repeat; }
#aboutmore_button a:hover, #button_about a:active { background-position: 0 -29px; } 

#content { background: url(../img/bg_content.png) 0 0 repeat-y; padding-bottom: 3em; }
#content h4 { margin: 0 0 11px 35px; color: #016C40; }
#content p { padding: 0 0 0 27px; margin: 0 0 27px 0; }
#content img { float: right; border: 1px solid #666; padding: 4px; background: #fff; margin: 0 0 11px 17px; }

.column { width: 377px; float: left; margin-right: 25px; }
.column #indexblurb { background: url(../img/bg_index.jpg) 0 0 no-repeat; height: 383px; }
#clarksonbadge { background: url(../img/bg_clarksonbadge.gif) 27px 0 no-repeat; height: 36px; }

#indexcollage { width: 375px; height: 400px; background: url(../img/indexcollage.jpg) 0 0 no-repeat; }

#content_inner ul { padding: 0 0 0 54px; margin: -11px 0 27px 0; list-style-type: disc; }
#content_inner li { color: #333; margin: 0 0 17px 0; }
#content_inner img { border: none; }


/* SIDEBAR */
#sidebar { width: 176px; float: right; margin: 0; text-align: center; padding: 0 0 0 0; background: transparent url(../img/bg_sidebar_top.gif) 0 0 no-repeat; }
#sidebar h3 { width 106px; height: 24px; background: transparent url(../img/h3index_recentnews.gif) 0 0 no-repeat; }
#sidebar img { border: none; padding: none; background: transparent; margin: 0 auto; float: none; }

#sidebar #services { font-size: 1.25em; color: #C32634; font-weight: bold; }
#sidebar #services li { margin: 0 0 7px 0; }

.news_entry p.date { float: left; text-align: center; margin: 0 7% 1em 0; color: #999; font-weight: bold; line-height: 1.75em; width: 15%; padding: 0; font-size: 1em; }
.news_entry p.date span { font-size: 1.85em; font-weight: normal; }

.news_entry p.heading { font-variant: small-caps; color: #3C89C8; font-weight: bold; font-size: 1.1em; margin-top: 0; margin-bottom: 0; }
.news_entry p { margin-left: 22%; font-size: .87em; }

.link_right { text-align: right; font-size: .9em; }

.copyright { text-align: center; margin: 0; color: #EDB02E; width: 800px; }

#subnav { clear: both; font-variant: small-caps; letter-spacing: .025em; font-size: 1.1em; margin: 0 ; padding: 2.5em 0 2em 0; text-align: center; width: 800px; }
#subnav a:link, #subnav a:visited { text-decoration: none; }
#subnav a:hover { text-decoration: underline; }
#subnav a:link, #subnav a:hover, #sublink a:visited { color: #FBF30A; }

#subnav li { display: inline; padding: 0 .25em; }

/* FOOTER */
#footer { clear: both; border-top: 1px dotted #F36E2F; font-size: .87em; color: #666; }
#footer p { margin: 0; padding: 17px 0 26px 0; float: left; }
#footer p.right { float: right; }