/* global layout  ----------------- */

* { margin: 0; padding: 0; }

body, table { font-size: small; font-family: "Trebuchet MS", Trebuchet, sans-serif; color: #333; }
body { background: #A2A2A2 url(../img/bkgd-body2.gif) center top repeat-x; padding-top: 47px; text-align: center;}

div.main { width: 800px; background: url(../img/bkgd-main2.gif) center 50px repeat-y; text-align: left; margin:0 auto; _margin-top: 4px;}
/*div.main { width: 800px; background: url(../img/bkgd-main2.gif) center 50px repeat-y; text-align: left; margin:0 auto; _margin-top: 4px;}*/

div.content { padding: 0px 50px 40px; font-size: 120%; min-height: 350px; _height: 350px; } 

div.footer { clear: both; width: 800px; height: 22px; background: #A2A2A2 url(../img/bkgd-footer2.gif) center top no-repeat; text-align: center; margin:0 auto; padding: 25px 0;}

a img { border: none; }
img.illustration { float: right; padding: 9px; border: 1px solid #666; margin: 1em 0px 0px 20px;}
/* navigation ----------------- */


div.nav { width: 800px; height: 63px; background:  url(../img/bkgd-nav3.gif) center top no-repeat; text-align: left; margin:0 auto; font-size: 110%; }
ul#topnav { list-style-type: none; padding: 10px 50px; }
ul#topnav li { float: left; display: block; padding: 0px 4px; font-size: 100%;  }
ul#topnav li a { padding: 5px 10px 8px; text-decoration: none; font-weight: bold; }
ul#topnav li a:hover { text-decoration: underline; }


ul#topnav li ul {
	margin: 0;
	position: absolute;
	width: 15em;
	left: -999em;
}


ul#topnav li:hover ul, ul#topnav li.sfhover ul { left: auto; }

ul#topnav li:hover ul li { position: relative; top: -.1em; left: 1em;  background-color: #B4B4B4; border: 1px solid white; padding: 8px 10px 10px;}

ul#topnav li.sfhover ul li { position: relative; top: -.1em; left: -.5em;  background-color: #B4B4B4; border: 1px solid white; padding: 8px 10px 10px;}

ul#topnav li:hover ul li a, ul#topnav li.sfhover ul li a { border: none; background-color: transparent; }

ul#topnav li.parent a { padding-right: 20px; background: url(../img/navpointer.gif) right 50% no-repeat; }

ul#topnav li.parent ul li a { padding-right: 10px; background-image: none; }
ul#topnav li.sfhover ul li#work{ _top: 1.6em; _left: -6em;}
ul#topnav li.sfhover ul li#success{ _top: 1.6em; _left: -9em; }



body.home li#welcome a,
body.heritage li#heritage a,
body.services li#services a,
body.consultants li#consultants a,
body.work li#work a,
body.searches li#searches a,
body.contact li#contact a  { padding-bottom: 6px; border-bottom: 8px solid white; font-weight: bold; color: black; }


/* typography ----------------- */

/* XML: Try p and em */
div.content p { padding: 8px 0; line-height: 160%; } 
div.content em { font-style: normal; color: #933; }

/* XML: caption */
p.caption { font-size: 80%; margin-left: 20px; padding: 0; line-height: 100%; }
div.footer p {margin: 9px 0; }

a { color: #333; }
a:hover { color: #666;}

/* XML: h1, h2, h3 */
h1 { font-size: 100%; }
h2 { color: black; }
h3 { margin-top: 20px; color: black; }
div.content ul  { margin-left: 40px; }
div.content ul li { padding: .2em 0; }


/* page-specific content ----------------- */


div.staffphoto { float: right; }
div.staffphoto img  { padding: 9px; border: 1px solid #666; margin: 1em 0px 0px 20px;} 
img.consultant  { float: right; padding: 9px; border: 1px solid #666; margin: 1em 0px 0px 20px;} 

body.work div.content ul { list-style-type: none; font-size: 105%; margin-left: 0; font-weight: bold;  }
body.work div.content ul li { padding-top: 9px; color: #933; }
body.work div.content ul li ul { list-style-type: disc; font-size: 100%; padding-top: 4px; margin-left: 30px; font-weight: normal; }
body.work div.content ul li ul li { padding: 2px 0; color: #333; }


	
	/* home page */
	body.home div.content { line-height: 140%; }
	body.home div.primary { width: 375px; float: left; line-height: 130%; }
	body.home div.sidebar { width: 295px;  float: left; margin-left: 28px; font-size: .9em; }
	body.home div.sidebar div { margin-bottom: 20px; }
	body.home div.sidebar h3 { font-size: 120%; font-weight: normal; padding: 2px 4px; margin: 0 0 10px; background-color: #508d95; color: white; }
	body.home div.sidebar h4 { margin: 10px 0 0; padding: 0;}
	body.home div.sidebar p { margin: 4px 0; padding: 0; line-height: 140%;}
	body.home div.searches ul { margin: 10px 0 0 1em; padding: 0; font-weight: bold; }
	body.home div.searches li p { margin: 0; padding: 3px 0 6px; font-size: .9em; font-weight: normal; }
	p.more { text-align: right; }


	/* login page */
	div.login { padding-bottom: 20px; overflow: hidden; }
	div.login h2 { font-size: 120%; font-weight: normal; padding: 2px 4px; margin-bottom: 20px; background-color: #508d95; color: white; }
	div.login h3 { margin-top: 0; }
	div.newuser, div.registered { width: 290px; float: left;  }
	div.newuser p, div.registered p { font-size: 91%; line-height: 130%;  }
	div.registered { margin-left: 20px; padding-left: 29px;  border-left: 1px solid #ccc;}

	/* success stories */
	div.testimonial { border-top: 1px dotted #f1e79e; }
	div.testimonial#first { border: none;}
	div.testimonial h3 { margin: 20px 0 0; padding: 0; }
	div.testimonial p { margin: 0 0 6px 0; padding: 0; }
	div.testimonial blockquote { margin: 6px 0 20px; padding: 0 0 0 40px; 
	background: transparent url(../img/comment.gif) left top no-repeat; }








/* background images -----------------

body.contact div.content
{
	background: url(../img/diamond-xl.gif) 414px 80px no-repeat;
} */

img.success  { padding: 9px; border: 1px solid #666; margin-right: 20px;} 
ul#topnav li.sfhover ul li#success{ _top: 1.6em; _left: -9em; }
ul#topnav li.sfhover ul li#work { _top: 1.6em; _left: -5em; }







