/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}

address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}


/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: helvetica, sans-serif;
  color: black;
}

h1.page_title {
  height: 24px;
  width: 550px;
  margin: 0;
  padding-top: 1px;
  margin-bottom: 10px;
  background:url('images/bg_page_title.gif') no-repeat;
  font-size: 18px;
  color: #006;
}

h1 {
  color: #009;
  margin: 12px 0 8px 0;
  font-size: 18px;
  font-weight: bold;
}

h2 {
  color: #666;
  margin: 12px 0 4px 0;
  font-size: 16px;
  font-weight: bold;
}

p {
  margin: 4px 0 12px 0;
  font-size: 12px;
  color:#333;
}

p.page_footer {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

a:link, a:visited {
  color: blue;
}


/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/


/* LAYOUT IDENTIFIERS
----------------------------------------------------------------*/
body {
  background: #cecece url('images/bg_body.jpg') repeat-x;
}

#wrapper {
  clear: both; 
  width: 792px;
  margin: 0 auto;
}

#header {
  height: 99px;
}

#print_header {
  display: none;
}

#branding {
  width: 792px;
  height: 220px;
  background: url('images/bg_branding.gif') no-repeat;
}

#branding div {
  margin-left: 6px;
}

#container {
  width: 792px;
  background: url('images/bg_container.gif') repeat-y;
}

#content {
  float: left;
  width: 550px;
  margin: 5px 5px 0 6px;
  padding: 0;
  text-align: left;
}

#footer {
  height: 30px;
  padding-top: 10px;
  background: #cecece url('images/bg_footer.gif') top no-repeat;
}


/*================================================================
NAV stylesheet for the website.

Define all aspects (layout AND typography) of:
  - Nav (ul)
  - Nav List Items (li)
  - Nav Links
  - Current Page Definitions
  
================================================================*/


/* NAV (ul)
----------------------------------------------------------------*/
#nav {
  float: left;
  width: 192px;
  margin: 25px 0 20px 26px;
  padding: 0;
}

#nav ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#nav li {
  margin-bottom: 6px;
}


/* NAV LINKS
----------------------------------------------------------------*/
#nav a:link, #nav a:visited {
  font-weight: bold;
  font-size: 15px;
  color: #ddd;
  text-decoration: none;
}

#nav a:hover {
color:#fff;
}