/*
 * Filename:		core.css
 * Creator:			Morgan C. Benton <morgan@morphatic.com>
 * Created:			3/9/05 8:57 PM
 * Last Modified:	3/9/05 8:57 PM
 *
 * Description:		The core stylesheet for the AvalonConsulting.net website.
 *
 */

/*
 * Initializations and general styles
 */
html {min-width: 742px;}
p.accessible {display: none;}
* { margin: 0; padding: 0; border: 0;}
body {background: #fff ; text-align: center;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* \*/* html .clearfix {height: 1%;} /**/
div#horizon {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
}
/* \*/
div#horizon {
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -205px;
	text-align: center;
	min-width: 742px;
}
/**/

/*
 * The Site Wrapper
 */
div#wrapper {
	background: transparent;
	width: 742px;
	height: 410px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #000;
	border-bottom: 10px solid #000;
	position:relative;
}

/*
 * The Content
 */
div#content {width: 742px; height:410px;position:relative;}

/*
 * The Header
 */
div#header h1 {text-indent: -9999px; }
div#header h1 a {
	float: left;
	display: block; 
	width: 165px; 
	height: 65px; 
	background: transparent url(../images/header.jpg) top left no-repeat;
/*	background: transparent url(../images/header10.gif) top left no-repeat; */
	text-decoration: none;
}

/*
 * The Nav Bar
 */
div#nav {float:left;position:relative;width:577px;height:65px;background-color:#849635; z-index:102}
div#nav ul {list-style: none;}
div#nav ul#menu {position:absolute;bottom:2px;}
div#nav ul.level2, div#nav ul.level3 {position:absolute;display:none; z-index:101;}
div#nav ul.level2 li:hover ul.level3, div#nav ul.level2 li.hover ul.level3 {display:block;}
div#nav ul.level1 li:hover ul.level2, div#nav ul.level1 li.hover ul.level2 {display:block;}
div#nav li { behavior: url(/assets/scripts/hover.htc); }
/* Level 1 */
div#nav ul.level1 li {float:left;position:relative;height:25px;}
div#nav li#about	{width:85px}
div#nav li#services {width:83px}
div#nav li#clients	{width:73px}
div#nav li#studies	{width:109px}
div#nav li#news 	{width:63px;}
div#nav li#careers 	{width:80px;}
div#nav li#contact 	{width:83px;}

/* Levels 2 and 3 */
div#nav ul.level2 li {top:3px;text-align:center;border-bottom:2px solid #fff; height:20px;}
* html div#nav ul.level2 li {top:3px;}
div#nav ul.level2 li.last {border-bottom: 0;}
div#nav li#about ul.level2 {width: 118px; left: -32px;}
div#nav li#about ul.level2 li {width: 118px;}
div#nav li#services ul.level2 {width: 179px; left: -65px;}
div#nav li#services ul.level2 li {width: 179px;}
div#nav li#clients ul.level2 {width: 190px; left: -76px;}
div#nav li#clients ul.level2 li {width: 190px;}
div#nav li#studies ul.level2 {width: 249px; left: -86px;}
div#nav li#studies ul.level2 li {width: 249px;}
div#nav ul.level2 li {background-color:#fdcf04;color:#849635;}
div#nav ul.level1 li:hover, div#nav ul.level1 li.hover {background-position: 0 -25px !important;}
div#nav ul.level2 li:hover, div#nav ul.level2 li.hover {background-color:#849635;color:#fdcf04;background-position: 0 -20px !important;}

/* Nav Bar Typography */
div#nav a {text-decoration:none;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;display:block;text-indent:-9999px;}
div#nav ul.level1 li a {color:#fff;height:25px}
div#nav ul.level2 li a {color:#fff;height:20px}

/* Nav Bar Backgrounds */
div#nav li#about 			{background: #849635 url(../images/nav_about.gif) 0 0 no-repeat;}
	div#nav li#aboutus	 	{background: #fdcf04 url(../images/nav_about_about.gif) 0 0 no-repeat;}
	div#nav li#principles 	{background: #fdcf04 url(../images/nav_about_principles.gif) 0 0 no-repeat;}
	div#nav li#fundraising  {background: #fdcf04 url(../images/nav_about_approach.gif) 0 0 no-repeat;}
	div#nav li#team 		{background: #fdcf04 url(../images/nav_about_team.gif) 0 0 no-repeat;}
div#nav li#services 		{background: #849635 url(../images/nav_services.gif) 0 0 no-repeat;}
	div#nav li#subservices  {background: #fdcf04 url(../images/nav_services_services.gif) 0 0 no-repeat;}
	div#nav li#fullservice  {background: #fdcf04 url(../images/nav_services_fullservice.gif) 0 0 no-repeat;}
	div#nav li#analytics 	{background: #fdcf04 url(../images/nav_services_analytics.gif) 0 0 no-repeat;}
	div#nav li#merlin 		{background: #fdcf04 url(../images/nav_services_merlin.gif) 0 0 no-repeat;}
	div#nav li#mail 		{background: #fdcf04 url(../images/nav_services_mail.gif) 0 0 no-repeat;}
	div#nav li#efund 		{background: #fdcf04 url(../images/nav_services_efundraising.gif) 0 0 no-repeat;}
	div#nav li#telefund 	{background: #fdcf04 url(../images/nav_services_telefundraising.gif) 0 0 no-repeat;}
div#nav li#clients 			{background: #849635 url(../images/nav_clients.gif) 0 0 no-repeat;}
	div#nav li#subclients 	{background: #fdcf04 url(../images/nav_clients_clients.gif) 0 0 no-repeat;}
	div#nav li#advocacy 	{background: #fdcf04 url(../images/nav_clients_advocacy.gif) 0 0 no-repeat;}
	div#nav li#arts 		{background: #fdcf04 url(../images/nav_clients_arts.gif) 0 0 no-repeat;}
	div#nav li#environment 	{background: #fdcf04 url(../images/nav_clients_environment.gif) 0 0 no-repeat;}
div#nav li#studies 			{background: #849635 url(../images/nav_cases.gif) 0 0 no-repeat;}
	div#nav li#substudies 	{background: #fdcf04 url(../images/nav_cases_cases.gif) 0 0 no-repeat;}
	div#nav li#lwv 			{background: #fdcf04 url(../images/nav_cases_lowv.gif) 0 0 no-repeat;}
	div#nav li#splc 		{background: #fdcf04 url(../images/nav_cases_splc.gif) 0 0 no-repeat;}
	div#nav li#kc 			{background: #fdcf04 url(../images/nav_cases_kennedy.gif) 0 0 no-repeat;}
	div#nav li#nmwa 		{background: #fdcf04 url(../images/nav_cases_nmwa.gif) 0 0 no-repeat;}
	div#nav li#cdf 			{background: #fdcf04 url(../images/nav_cases_galapagos.gif) 0 0 no-repeat;}
div#nav li#news 			{background: #849635 url(../images/nav_news.gif) 0 0 no-repeat;}
div#nav li#careers 			{background: #849635 url(../images/nav_careers.gif) 0 0 no-repeat;}
div#nav li#contact 			{background: #849635 url(../images/nav_contact.gif) 0 0 no-repeat;}

div#nav li#jgi {display:none;}

/*
 * The Services Menu
 */

div#services_menu {position: absolute; top: 100px; left: 18px; z-index: 1;}

/*
 * Merlin Teaser
 */
div#casebar {
	position:absolute;
	top: 345px;
	left:522px;
	width: 220px;
	height: 65px;
	clear:both;
}
div#casebar p {
	width: 220px;
	height: 65px;
	text-indent:-9999px;
	background: transparent url(../images/merlin_teaser.jpg) 0 0 no-repeat;
}
div#casebar p a {
	display:block;
	width: 220px;
	height: 65px;
	text-decoration:none;
}

/*
 * The Main Content
 */
div#maincontent {position: relative; float: left; display: inline; width: 742px; height: 345px; padding: 0 0;}
div#maincontent img#memberimg {position:absolute;top:25px;left:25px;border:3px solid #849635;}
table#archive td {padding-left:3px;padding-right:3px;}
div#quotes{position:absolute; top:0; left:0; width:250px; height:345px; z-index:100;}
div#heading {position: absolute;top:13px;left:250px;}
div#heading h2 {display:inline;font-family:Garamond, Georgia, "Times New Roman", serif; font-size:28px;color:#008bbb;}
div#heading h3 {display:inline;font-family:AGaramond, Georgia, "Times New Roman", serif;font-size:18px;color:#849635;}
* html div#heading h2 {font-size:28px} * html div#heading h3 {font-size:18px}
div#holder {position: absolute;height:235px; width: 465px;top:35px;left:250px;overflow:hidden;z-index:1;background-color:transparent}
/* Styles for scrolling layers and scrollbars  */
div#wn  { 
  position:absolute; left:0; top:15px;
  width:450px; height:220px; 
  clip:rect(0, 450px, 220px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:425px;padding-right:25px }
* html div#lyr1 {width: 450px; w\idth: 425px;}
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1 
  }  
div#maincontent dd {list-style-type:disc;}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:450px; top:0;
  width:15px; height:235px; 
  font-size:1px; z-index:2
  }
div#track { 
  position:absolute; left:0; top:10px;
  width:15px; height:215px;
  background: url(../images/scroll-track.gif) #fff repeat-y;
  z-index:1
  }
div#dragbar {
  position:absolute; left:0px; top:0px;
  width:15px; height:25px;
  background-color: #feec94;
  border-top: 2px solid #fdc404;
  border-bottom: 2px solid #fdc404;
  opacity: .6;
  filter: alpha(opacity=60);
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 } 

/*
 * The Login Form
 */
input, textarea {border:1px solid #666;}

/*
 * The Footer
 */
div#footer {
	width: 774px;
	background: url(../images/bottom_shadow.gif) top center no-repeat;
	padding: 20px 0 0 0;
	text-align: center;
}

/*
 * Typography
 */
* {font-size: x-small}
* html * {font-size: xx-small; f\ont-size: x-small;}
div#maincontent p, div#maincontent h3, div#maincontent td, div#maincontent li, p#service_quote, div#team_nav, div#maincontent form, div#maincontent dt, div#maincontent dd
{font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; line-height: 1.4em;}
div#maincontent p strong {color: #849635;}
div#maincontent a {text-decoration:none;font-weight:bold}
div#maincontent a:link {color:#09c;}
div#maincontent a:visited {color:#09c;}
div#maincontent a:hover {color:#ffcf06;}
div#maincontent a:active {color:#09c;}
div#maincontent h3#member {font-size:1.4em;font-weight:bold;color:#849635;margin-bottom: 0;}
div#maincontent a.member_email, div#maincontent a.archive {color: #000 !important;}
div#maincontent li {margin-left: 20px; line-height:1.2em}
p#home {text-indent: -9999px;}
p#home a {display: block; position:absolute; top:137px; left:150px; width: 95px; height: 20px; z-index:1000}
p#photo_credit {font-size: 8px; margin-top:2em;}
p#service_quote {width: 200px; font-weight:bold; margin-top: 1em;}
div#team_nav {position: absolute; height:15px;right:55px; top: 29px;color:#fff; z-index:101}
div#team_nav a:link {color:#999;}
div#team_nav a:visited {color:#999;}
div#team_nav a:hover {color:#09c;}
div#team_nav a:active {color:#09c;}

/*
 * The promo div on the home page
 */
div#promo {position:absolute;bottom:0;left:0;background:#fc0;padding:10px 25px;width:692px;}
div#promo p {padding:0;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;margin:0 0 0 2em;text-indent:-1.25em;}
div#promo p strong {color:#09c !important;}
div#promo p a {color:#008bbb !important;text-decoration:none;}
div#promo p a:hover {color:#008bbb !important;;text-decoration:underline;}

/*
 * sIFR3 Beta 361
 */
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-unloading .sIFR-flash {visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt;padding: 0pt;overflow: auto;letter-spacing: 0px;float: none;}
.sIFR-dummy {width:0px;height:0px;margin-left:42px;z-index:0;}
.sIFR-active div#heading h2 {visibility:hidden;line-height:1em;font-size:28px;display:inline;letter-spacing:2px;}
.sIFR-active h2#case_studies {visibility:hidden;line-height:1em;font-size:22px;display:inline;letter-spacing:2px;}
.sIFR-active div#heading h3 {visibility:hidden;line-height:1em;font-size:20px;display:inline;letter-spacing:2px;margin-left:.5em;}