/* @override http://66.9.31.64/css/master.css */

/* Master CSS */

/*  IMPORTANT: READ BELOW BEFORE EDITING THIS FILE!

This is the main CSS file for the ENTIRE SITE.  As such, only GLOBALS should be defined here! 

More specific styling should be included elsewhere, depending on what needs to be styled.  In most cases, this will be an include of some sort.

I've written a Javascript function called loadJsCssFile() that will do this for you.  Each include should have a script call to this function with the stylesheet that goes with that include.

THINGS YOU SHOULD NOT DO!!!

1. DO NOT use the <link> tag anywhere OUTSIDE the head of the document, which means that it should never be used outside of the master template.  Use the above function instead.

2. DO NOT embed styles directly into HTML pages by using the style="" attribute.  This makes future updates a pain, and can possibly break already established styles.  Please do you part to keep content seperate from style!

3. DO NOT reference this file anywhere else but the master template file!  By keeping the reference to one, we can streamline the site's load time, and extra content will not be loaded (and user experience will be better!)

4. DO NOT repeat yourself! CSS stands for "CASCADING style sheets"; if you don't know what cascading means, go get a dictionary and look it up!  Make use of descendent selectors and multiple classes to keep style declarations to a minimum!  We want this file small!!

THINGS YOU SHOULD TRY TO DO:

1. Please keep the formatting consistant.  Rules should be in this form:

selector { rule: value; rule-2: value-2; ... }

(With ONE blank space between rules and ONE blank space after the last rule)

2. Please obey the sections!  If your new rule is a global selector, put it in the global selector section.  DON'T JUST MINDLESSLY APPEND TO THIS FILE!!

3. Please keep the order of the rules based roughly on the order of appearance on the page (rules for top elements above rules for bottom elements).  This way the CSS file reads the same way the page reads, and makes it easier to navigate.

Thank you for keeping this file clean, uncluttered, lean, and efficient.  Have a nice day.

The Occasionally Grumpy CSS Guru-In-Training,
-Evan

*/

/* Site Layout; Master Elements Only */

body { background-color: #A1A8A1; font-family: Arial, Helvetica, sans-serif; }

#template-wrapper { background-color: #FFF; width: 970px; margin: 15px auto; padding: 10px; }

#template-wrapper #site-logo { position: relative; top: 10px; width: 220px; }

#template-wrapper .site-nav { float: right; padding: 0 10px; font-size: .7em; text-transform: uppercase; border-left: 1px #666 solid; position: relative; top: -10px; }

#template-wrapper .site-nav.last { border: none; }

#template-wrapper #main-content { border-top: 1px #3B475F solid; }

#template-wrapper #main-content #header-mast { background-color: #3B475F; height: 250px; }

#template-wrapper #main-content .section-header { padding: 30px 50px; font-size: .9em; }

#template-wrapper #main-content .section-header span { display: block; }

#template-wrapper #main-content .section-header #header-title { font-size: 1.5em; font-weight: bold; color: #EDC565; }

#template-wrapper #main-content .section-header #header-text { margin-top: 10px; }

#template-wrapper #footer-top { font-size: .7em; text-align: center; line-height: 1.4em;}

#template-wrapper #footer-bottom { font-size: .7em; text-transform: uppercase; color: #666; text-align: center; }

#template-wrapper #footer-bottom a { margin: 0 20px; }

#template-wrapper #footer-bottom a:hover { color: #666; }

/* Default Element Styles */

a { text-decoration: none; color: #666; }

a:hover { text-decoration: underline; color: #EDC565; }

/* Styling Classes */

.light-greybox { background-color: #CCC; }

.dark-bluebox { background-color: #3B475F; color: #FFF; }

.light-greybox,.dark-bluebox { padding: 10px; margin-top: 10px; }

.submit-button { border: 1px #AAA solid; font-weight: bolder; background: #EDC565; color: #3B475F; font-size: .9em; }

/* Global Classes */

.bold { font-weight: bold; }

.clear { clear: both; }

.pointer { cursor: pointer; }

.important { color: #F00; }

.center-text { text-align: center; }

.small-caps { font-variant: small-caps; }