/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer etc.
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles 
	7. Page Specific Styles
	
	
	STYLE SHEET COMMENT DEFINITIONS
	
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE -- Denotes a style that has an alternative version in the ie.css style sheet
	IE6 -- Same as above but alternative style is located in ie6.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }


/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */


/* Text Elements
-------------------------------------------------------------- */
body		{ color: #660000; font: 62.5% georgia, serif; }
p 			{ margin: 0 0 .8em; line-height: 1.2em;}
a			{ color: #EB0000; }
a:hover		{ color: #CC0202; }

/* Lists
-------------------------------------------------------------- */

/* Tables
-------------------------------------------------------------- */

/* Forms
----------------------------------------------------------- */


/* -------------------------------------------------------------- 
	3. Style Library - Styles repeated through site but aren't structural elements
----------------------------------------------------------- */

/* Easy Clearing Styles
----------------------------------------------------------- */
.group:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE7.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure - Includes header, main navigation, main wrapper, footer etc
----------------------------------------------------------- */
body { margin: 0; text-align: center; background: #8f0109 url(../images/bg.jpg) 0 0 repeat-x;}

	#wrapper { text-align: left; padding: 0; margin: 0 auto; width: 460px; font-size: 1.2em; }
	#mainContent { width: 460px; position: relative; padding: 50px 0 2.5em 0; }
		h1 {color: #660000; padding-bottom: 1em; text-align: center; margin-bottom: 5px; }
		img.logo {display: block; margin: 0 auto; margin-bottom: 15px;}
		p.tagline { font-size: 1.24em; }
		
		#center {background: url(../images/box-lg.gif) 0 0 no-repeat; height: 300px; width: 320px; padding: 10px 20px; margin: 0 auto; color: #FFFFFF; }
			#center p { font-size: 1.24em; }
			#center .top {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #870007; }
				#center .top ul { padding: 0 20px; }
				#center .top ul li {margin-bottom: 5px;   }
			#center .leftBox {float: left; width: 160px; border-right: solid 1px #870007; }
				#center .leftBox p { color: #FFFFFF;}
					#center .left p.address {color: #330000; font-size: 1em; margin-top: 3em; }
			#center .rightBox {float: left; width: 120px; padding-left: 20px;}
				#center .rightBox a {color: #F39A14; text-decoration: underline; font-size: 1.273em; line-height: 1.2em;}
				#center .rightBox a:hover {color: #F5AE43; }
				#center .rightBox p { color: #FFFFFF;}
				
		#pdfBox { display: block; width: 320px; margin: 0 auto 1.2em; text-align: center; color: white; text-decoration:none; background-color: #660000; }
			#pdfBox span { display: block; padding-bottom: 1em; }
			#pdfBox img { display: block; width: 160px; float: left; border: none; }
			#pdfBox .rightBox { margin-left: 160px; padding: 10px; }
				#pdfBox .join { font-size: 3em; }
				#pdfBox .conf { font-size: 1.3em; }
			
		img.photo { display: block; clear: both; margin: 0 auto 3em; }
		
		#contactBox { clear: both; width: 312px; margin: 0 auto; color: #330000; }
			#contentBox p { font-size: 1em; } 
			#contactBox img { border:none; }
			#contactBox .leftBottom { float: left; width: 130px; font-size: 1em; }
			#contactBox .rightBottom { margin-left: 130px; text-align: right;}
				#contactBox .rightBottom a {color: #EB0000; font-size: .9em; text-decoration: underline; text-align: right; display: block;}
				#contactBox .rightBottom a:hover {color: #CC0202;}
			
			#contactBox a.facebookLink {display: block; margin-top: 1em;  text-align: right; color: #EB0000; }
			#contactBox a.facebookLink:hover {color: #CC0202;}
			#contactBox .facebook {float: right; margin-left: 10px; }
				
/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
----------------------------------------------------------- */


/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

/* Homepage Template
----------------------------------------------------------- */

/* General Template
----------------------------------------------------------- */

	
/* Category Template
----------------------------------------------------------- */


/* List Template
----------------------------------------------------------- */


/* Contact Us Template
----------------------------------------------------------- */


/* One Column Template
----------------------------------------------------------- */


/* Two Column Template
----------------------------------------------------------- */

	
/* -------------------------------------------------------------- 
	7. Page Specific Styles - If a page has unique styles they would go here
----------------------------------------------------------- */