/* CSS Document */

/* Authored by:
------------------------------------------
Heather Rose
May 2008
http://www.heatherrosedesign.com

License: Copyright (c) 2008, Heather Rose Design, All rights reserved.
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ 
@import url(http://www.domain.com/css/reset.css);*/


/* Global
------------------------- */
	body { color: #000; font-size: 62.5%; background: #B5AE9F; }
	a:link, a:visited, a:hover, a:active { text-decoration: none; }
	a:focus { outline: none; } /* Removes FF link outline */
	body, input, table, td, th, textarea { font-family: "Lucida Grande", Arial, Helvetica, Verdana, Geneva, sans-serif; }
  
  h1, h2 { font-family: Georgia, Times, "Times New Roman", serif; }
	h1 { margin-bottom: 1em; color: #739600/*#E4851D*/; font-size: 2.4em; }
	h1 em { display: block; font-size: 70%; }
	h2 { margin-top: 1.5em; color: #739600/*#EB9822*/; font-size: 1.8em; letter-spacing: 1px; }
	h3 { margin-top: 1.5em; font-weight: bold; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; letter-spacing: 2px; text-transform: uppercase; }

	#wrapper { position: relative; margin: 0 auto 10px; width: 820px; background: #fff url(../img/wrapper-bg.gif) repeat-y 0 0; }
	#header, #sidebar, #content { margin-left: 10px; } /* Correctly aligns elements against wrapper-bg */


/* Header
------------------------- */
	#header { position: relative; padding-top: 95px; height: 205px; }
	#logo { position: absolute; top: 5px; left: 10px; }
	#n-building { position: absolute; top: 20px; right: 20px; }


/* Sidebar
------------------------- */
	#sidebar { position: absolute; top: 95px; left: 11px; width: 150px; }
	#sidebar p { margin: 0.5em 0 0.8em; color: #0068A5; font-size: 1em; }
	#sidebar img { display: block; margin: 0 auto; }
	
	#newsletter-btn a { margin-bottom: 2em; display: block; width: 148px; height: 100px; text-indent: -999em; border: 1px solid #739600; }
	#newsletter-btn a:hover { border-color: #000; }
	/*#newsletter-btn a { margin-bottom: 2em; display: block; width: 150px; height: 35px; text-indent: -999em; background: url(../img/newsletter-btn.gif) no-repeat 0 0; }
	#newsletter-btn a:hover { background-position: 0 -35px; }*/
	
	
/* Nav
------------------------- */
	#nav { margin-bottom: 3em; padding: 10px 0 35px; width: 150px; background: #0068A5 url(../img/nav-bg.gif) no-repeat 0 100%; } 
	#nav li { position: relative; width: 150px; }
	#nav a { padding: 8px 0 8px 20px; display: block; color: #fff; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, "Lucida Grande", Verdana, Geneva, sans-serif; text-shadow: #004771 1px 1px; text-transform: uppercase; }
	#nav li:hover a { color: #b6c87d/*#FFCB47*/; } /* Keeps 1st level selected when hovering 2nd level */
	body#home #nav a#n-home, body#history #nav a#n-history, body#services #nav a#n-services, body#newsletters #nav a#n-newsletters, body#articles #nav a#n-articles, body#clients #nav a#n-clients, body#employment #nav a#n-employment, body#contact #nav a#n-contact { color: #ADC9D5; }
	
	/* Drop Down */
	#nav ul { z-index: 500; float: left; background: #ADC9D5; }
	#nav li ul { position: absolute; padding: 2px; width: 145px; height: auto; border: 1px solid #0068A5; border-left: none; }
	#nav ul li { font-size: 1em;}
	#nav li ul a { padding: 4px 6px 4px 4px; font-weight: normal; text-shadow: none; }
	#nav li:hover ul a { color: #000; }
	#nav li ul a:hover { color: #0068A5; }
	
	/* Hide & Reveal */
	#nav ul { left: -999em; }
	#nav li:hover ul { left: 150px; top: -1px; }


/* Content
------------------------- */
	#content { margin-left: 160px; padding: 30px 30px 20px 60px; width: 550px; min-height: 30em; }
	
	#content p { margin: 0.5em 0 1em; line-height: 1.8em; }
	#content p, #content li { font-size: 1.2em; }
	#content p.note { font-style: italic; font-size: 1.1em; line-height: 1.5em; }
	#content p.condensed { line-height: 1.4em; }
	
	#content a { color: #0068A5; border-bottom: 1px solid #0068A5; }
	#content a:hover { color: #000; border-bottom: 1px solid #B5AE9F; background: #f5f1e9; }
	
	#content ul { margin: 0.7em 0 1.5em 20px; list-style: disc; }
	#content li { margin-bottom: 0.7em; }
	#content ul ul { margin-bottom: 0.7em; list-style: circle; }
	#content li li { font-size: 100%; }
	#content ul.nobullet { margin-left: 0; list-style: none; }
	
	#content img.center { display: block; margin: 0 auto; border: 1px solid #B5AE9F; }
	#content img.right { float: right; margin: 0 0 5px 10px; border: 1px solid #B5AE9F; }
	
	/* HISTORY */
	body#history #content ul { margin: 0 30px 0 20px; list-style: none; }
	body#history #content li { margin-bottom: 1em; font-size: 1.1em; }
	
	/* NEWSLETTERS */
	body#newsletters #content a { color: #0068A5; border-bottom: none; }
	body#newsletters #content a:hover { color: #000; border-bottom: 1px solid #B5AE9F; background: #f5f1e9; }
	
	/* ARTICLES & REPORTSv */
	body#articles #content a { color: #0068A5; border-bottom: none; }
	body#articles #content a:hover { color: #000; border-bottom: 1px solid #B5AE9F; background: #f5f1e9; }
	
	/* CLIENTS */
	body#clients #content ul { margin-left: 0; list-style: none; }
	body#clients #content ul ul { margin: 0.7em 0 0.5em 30px; }
	body#clients #content li { margin-bottom: 0.5em; }
	
	/* CONTACT */
	body#contact #content p { line-height: 1.4em; }


/* Footer
------------------------- */
	#footer { padding: 10px 20px 20px; width: 780px; text-align: center; background: url(../img/footer-bg.gif) no-repeat 0 100%; }
	#footer a { color: #000; }
	#footer a:hover { text-decoration: underline; }