html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* HTML
**************************************************/
body {
	background: #fff;
	color: #222;
	font: normal 11px/1.22 'lucida grande', tahoma, verdana, arial, sans-serif;
}

strong { font-weight:bold; }

p, blockquote { line-height: 1.5; margin: 0 0 1.5em 0; }
em { font-style:italic; }
blockquote {
	margin-left:2em;
	margin-right:2em;
}

abbr,acronym { border: none; }

h1 { color: #222; font-size: 1.5em; font-weight:bold; margin: 0 230px 1em 19px; }
	#header h1 { color:#fff; font-family: 'georgia'; font-weight:normal; font-size:22px; padding:18px 0 0 20px;
	margin:0; font-variant:small-caps; }
	p#tagline { color:#fff; font-weight:bold; padding:0 0 0 20px; }
h2 { color: #700; font-family: georgia, times, serif; font-weight:normal; font-size: 1.8em; margin: 0 0 .6em 0; }
h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; }
	#side h3 {
			background: #eee url(/pics/index/heading-bg.png) repeat-x left top;
			border: 1px solid #ccc;
			line-height:1.22;
			padding: .4em .5em .5em;
			color:#444;
			font-size:1.1em;
		}
h4 { font-size: 1.1em; font-weight: bold; margin: 0 0 0 0; }
	h4.info { font-size: 1em; background: url(/pics/icons/info.png) no-repeat left bottom; line-height:1.3; margin: 0 0 1.2em 0; padding-left: 29px; }

/* LINKS
**************************************************/
a	  { color: #700; }
/*a:visited { color: #633; }*/
a:active  { color: #a00; }



/* LISTS
**************************************************/
ul, ol      { line-height:1.5; margin:0 2.5em 1.5em 2.5em; }
ul          { list-style: square; }
ol          { list-style: decimal; margin-left:3em; }
ul ul       { margin-bottom:0; list-style:circle;}
ul ul ul    { list-style:square;}
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

#job-list { border-top:solid 1px #ddd; list-style:none; margin:0; }
#job-list li { border-bottom:solid 1px #ddd; padding:1.5em .5em 0 .5em; }
#job-list h2 { font: bold 15px/1.22 'lucida grande', tahoma, verdana, arial, sans-serif; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}
/* POST IT
**************************************************/
.post-it {
	background:#f6f4c0 url(/pics/shared/post-it_mid.png) repeat-y left top;
	float:right;
	font-size:9px;
	width:175px;
	margin: 0 -1em 1em .75em;
}
.post-it h4 {
	background:#f6f4c0 url(/pics/shared/post-it_top.png) no-repeat left top;
	font-size:11px;
	font-weight:bold;
	line-height:1.22;
	margin:0 0 .5em 0;
	padding: 15px 15px 0 15px;
}
.post-it ul,
.post-it ol { list-style:disc; margin:0; padding: 0 20px 2em 30px;}

.post-it ol { list-style:decimal; }

.post-it .last { background:#f6f4c0 url(/pics/shared/post-it_bot.png) no-repeat left bottom; }
/* LAYOUT
**************************************************/


.column { float:left; }

.span-1 { width: 420px; }
	#main { background: #fff url(/pics/shared/dotted-vertical.gif) repeat-y right top; padding: 0 20px; width: 379px; }
.span-2 { width: 159px; }
.span-3 { width: 200px; }
	#side { padding: 0 15px 0 15px; width: 170px; }

.span-4 { width: 619px; }

.span-5 { width: 509px; padding: 0 81px 0 30px; }


.split-list { float:left; width:42%; }
.split-list.last { margin-right:0; }

.column.last { margin:0; }

.odd  { background-color: #f7f7f7; }

#header,
#body,
#footer { clear:both; width:778px; }


#body { border-bottom: 7px solid #ddd; padding-bottom: 4em; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

#subnav { background: #fff url(/pics/shared/subnav-bg.png) no-repeat right top; height: 455px;}

#logo { float:left; width:160px; height:145px; overflow:hidden; margin:0;padding:0; }

#bread  { background: #e4e4e4; border: 1px solid #fff; color:#999; font-size:9px; line-height:9px; margin: 0 0 2em 0; padding: 9px 20px 10px; }
#bread a { color:#777; }
#bread strong { color:#444; }

.container {
	text-align:left;
	margin: 0 auto;
	width:780px;
}
#header {
	height:123px;
	background: url(/pics/shared/header-bg.jpg) no-repeat right top;
	position:relative;
	padding-top:18px;
	width:780px;
	margin-top:10px;
	padding-bottom:0;
	overflow:hidden;
}

/* CLASSES
**************************************************/
.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right,
.pagination    { text-align:right; } 

.photo { background:#fff; border: 1px solid #ccc; display:block; margin: 0; padding:1px; }



/* SUBNAV
**************************************************/
#subnav ul { font-size:12px; line-height: 1.22; list-style:none; margin: 3.5em 1em; }
#subnav li { border-bottom: 1px solid #e4e4e4; color: #701; font-weight:bold; padding: .5em 0; }
#subnav a  { color:#444; font-weight:normal; }
#subnav li.on a { color: #960; font-weight:bold; }
/* FOOTER
**************************************************/
#footer {
	font-size:9px;
	background:#eee url(/pics/shared/footer-bg.gif) no-repeat left bottom;
	margin: 0 0 3em 0;
	padding: 20px 20px 30px 20px;
	width:740px;;
	clear:both;
	color:#555;
	border-top: 1px solid #fff;
}
#footnav {
	list-style:none;
	padding:0;
	margin:0 0 1em 0;
}
#footnav li {
	display:inline;
	border-right: 1px solid #aaa;
	padding-right:.6em;
	margin-right:.3em;
}
#footnav li a {
	color:#666;
	font-weight:bold;
}

/* VCARDS
**************************************************/
.vcard {
	background: #fff url(/pics/shared/page_peel.png) no-repeat left bottom;
	line-height: 1.5;
	margin: 0 0 1.2em 0;
	padding: 0 0 9px 11px;
}
.fn    { display:block; font-weight:bold; }
.email { background: url(/pics/icons/email.gif) no-repeat left 2px; padding-left: 20px; }

/* BUTTONS
**************************************************/
a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:1.2em;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* NAVIGATION
**************************************************/

#nav, #nav li, #nav li a {
	float:left;
	line-height:13px;
	margin-bottom:0;
	padding-bottom:0;
}
#nav {
	padding:0;
	list-style:none;
	color:#fff;
	background: #333 url(/pics/shared/nav-bg.png) repeat-x left top;
	height:40px;
/*	overflow:hidden;*/
	width:620px;
	margin:0;
	position: absolute;
	top:101px;
	font-size: 10px;
	left:160px;
}
#nav li a {
	background:#333 url(/pics/shared/nav-bg.png) repeat-x left top;
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 #333;
	padding:7px 1.5em;
}
#nav li {
	position:relative;
	/*border-left: 1px solid #444;*/
	border-right: 1px solid #292929;
}
#nav li a:hover, #nav li.hover a {
	text-shadow:none;
	background:#444 url(/pics/shared/nav_hover-bg.png) repeat-x left top;
}
#nav li.on, #nav li.hover.on {
	text-shadow:0 0 #333;
	padding:7px 1.5em;
	background:#555 url(/pics/shared/nav_on-bg.png) repeat-x left top;
}
#nav li.on a, #nav li.on a:hover  {
	padding:0;
	background:transparent;
}
#nav li.hover {
	background:#444 url(/pics/shared/nav_hover-bg.png) repeat-x left top;
}

#nav ul {
	display:none;
	position:absolute;
	top:40px;
	margin-left:-1.6em;
	list-style:none;
	margin:0;
	left:0;
}
#nav ul li {
	border:none;
	float:none;
	font-size:10px;
	clear:left;
}
#nav li.hover ul li a, #nav li ul li a:hover {
	float:left;
	color:#ccc;
	width:140px;
	background:transparent url(/pics/shared/opacity.png) repeat;
	padding:.6em 1em;
	
	border-bottom: 1px solid #333;
}
#nav li ul li a:hover {
	color:#fff;
	background:#111;
}
#nav li.hover ul {
	display:block;
}
#nav li.hover.on ul {display:none;}

/* MISCELLANEOUS
**************************************************/
ul#footnote {
	border-top: 1px solid #ccc;
	list-style:none;
	padding:1em 0;
	margin: 4em 0 0 0;
	font-size:9px;
	color:#888;
	line-height:1.22em;
}
ul#footnote a {
	color:#666;
}

#quick-links {
	margin: -1em 0 0 0;
	padding: 0 1.5em;
	text-align:right;
	font-size:smaller;
	color:#600;
}
#quick-links a,
#header #quick-links a,
#quick-links a:visited,
#quick-links a:active { color:#fff; }

.doc	{ display:block; margin: 1em 0 1.5em 0; padding: 1px 0 1px 20px; }
.pdf	{ background: url(/pics/icons/pdf.png) no-repeat left 2px }
.job	{ background: url(/pics/icons/white_text.png) no-repeat left 2px }

li.pdf { background:#fff  url(/pics/icons/bullet_pdf.gif) no-repeat left 1px; margin-left:-1.5em; padding-left: 18px; list-style: none ; }
li.word { background:#fff  url(/pics/icons/bullet_doc.gif) no-repeat left 1px; margin-left:-1.5em; padding-left: 18px; list-style: none ; }

.timestamp { color: #666; display:block; text-transform: uppercase; font-size:9px; margin: 0 0 1em 0; letter-spacing:1px; }

sup { font-size:0.6em; vertical-align: super;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear,
* html .container { height: 1%; }
.clear { display: block; }