body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
area, fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ul, ol {list-style: none;}
caption {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
q:before, q:after {content: ' ';}

strong { font-weight: bold; }
em { font-style: italic; }


body {
	 color: #333333;
     background-color: #fffff;
	 background: url(../images/background.jpg) top left repeat-x scroll;
     padding: 0;
     margin: 0;
     font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";
     font-size: 65%;
     line-height: 2.0em;
     font-weight: normal;
	 min-width:800px;
	 width:expression(document.body.clientWidth < 800? "800px": "auto" );
}

body.report {
	 color: #333333;
     background-color: #fffff;
 	 background: none;
     padding: 0;
     margin: 10px 10px 10px 10px;

     font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";
     font-size: 65%;
     line-height: 1.8em;
     font-weight: normal;
	 min-width:800px;

}


#pageTabs {
	margin: 0 auto;
	width: 850px;
	height: 31px;
	margin-top: 24px;
	padding-left: 0px;
	position: relative;
}

#pageTabs li {
	float: left;
	margin-right: 6px;
	text-indent: -9999px;
	background: url(../images/tab-background.png) no-repeat;
	height: 31px;
	display: block;
	position: absolute;
}

#pageTabs #page-promise {
	width: 86px;
	background-position: 0px -62px;
	left: 0;
}

#pageTabs #page-communities {
	width: 124px;
	left: 86px;
	background-position: -86px 0;
}

#pageTabs #page-blog {
	width: 62px;
	background-position: -210px 0px;
	left: 210px;
}

#pageTabs li a {
	display: block;
	height: 31px;
	width: 80px;
	border: none;
	outline: none;
	text-decoration: none;
	background: url(../images/tab-background.png) no-repeat;
}

#pageTabs li a:hover {
	border: none;
	outline: none;
	text-decoration: none;
}

#pageTabs #page-communities a {
	width: 124px;
	background-position: -86px 0;
}
#pageTabs #page-communities a:hover { background-position: -86px -31px; }

#pageTabs #page-blog a {
	width: 62px;
	background-position: -210px 0;
}
#pageTabs #page-blog a:hover { background-position: -210px -31px; }

#wrapper {
     text-align: center;
     width: 850px;
     margin: 0 auto;
     padding: 0;
	 max-width:1024px;
	 width:expression(document.body.clientWidth > 1024? "1024px": "auto" );
}

#header {
	width: 850px;
	padding: 0;
	margin: 0;
}

#logo {
	width: 210px;
	padding: 15px 20px 15px 0;
	margin: 0;
	float: left;
	text-align: left;
} 
 
#feature {
	padding: 0;
	margin: 0;
	width: 590px;
	height: 320px;
	float: left;
	background-color: #FFF;
}

#feature img {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

#feature img.loading {
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#feature img.loaded {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 
#panel {
     padding: 0;
     margin: 0;
     width: 260px;
     height: 320px;
     float: right;
	 position: relative;
	 background-color: #4a1d4b;
} 
 
#paneltext {
	 background-image:  url(../images/purplepanel.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 260px;
     height: 320px;
     float: right;
} 
 
#content {
	width: 850px;
     padding: 0;
     margin: 10px 0 0 0;
}

/* homepage columns */
.fullwidthhometop {
	 background-image:  url(../images/fullwidth_panel_top.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 850px;
     height: 10px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthhomemiddle {
	 background-image:  url(../images/fullwidth_panel_middle.gif);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 820px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthhomebottom {
	 background-image:  url(../images/fullwidth_panel_bottom.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 850px;
     height: 15px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthtop {
	 background-image:  url(../images/fullwidth_panel_top.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 850px;
     height: 10px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthmiddle {
	 background-image:  url(../images/fullwidth_panel_middle_plain.gif);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 820px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.fullwidthbottom {
	 background-image:  url(../images/fullwidth_panel_bottom.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 850px;
     height: 15px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.homeleftcolumn {
     padding: 0;
     margin: 0;
     width: 260px;
     float: left;
     text-align: left;
}

.homemiddlecolumn {
     padding: 0;
     margin: 0 0 0 35px;
     width: 260px;
     float: left;
     text-align: left;
}

.homerightcolumn {
     padding: 0;
     margin: 0 0 0 35px;
     width: 230px;
     float: left;
     text-align: left;
     /*border-left: 1px dotted #ccc;*/
}

/* regaular page columns */
.wide {
     padding: 0;
     margin: 0;
     width: 580px;
     float: left;
}

.left2columntop {
	 background-image:  url(../images/wide_panel_top.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 580px;
     height: 10px;
     float: left;
}

.left2column {
	 background-image:  url(../images/wide_panel_middle.gif);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 550px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

.left2columnbottom {
	 background-image:  url(../images/wide_panel_bottom.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 580px;
     height: 15px;
     float: left;
     text-align: left;
     /*border: 1px solid #bbb;*/
}

/* work page single columns */
.singlecolumn {
     padding: 0;
     margin: 0;
     width: 275px;
     float: left;
     text-align: left;
}

/* nested single columns inside two column box*/
.singleboxcolumnleft {
     padding: 0 10px 0 0;
     margin: 0;
     width: 265px;
     float: left;
     text-align: left;
}

.singleboxcolumnright {
     padding: 0 0 0 10px;
     margin: 0;
     width: 265px;
     float: left;
     text-align: left;
}

.small {
     padding: 0;
     margin: 0;
     width: 260px;
     float: right;
}

.rightcolumntop {
	 background-image:  url(../images/small_panel_top.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0;
     width: 260px;
     height: 10px;
     float: right;
     text-align: left;
}

.rightcolumn {
	 background-image:  url(../images/small_panel_middle.gif);
	 background-repeat: repeat-y;
	 background-color: #fcfcfc;
     padding: 5px 15px;
     margin: 0;
     width: 230px;
     float: right;
     text-align: left;
}

.rightcolumnbottom {
	 background-image:  url(../images/small_panel_bottom.gif);
	 background-repeat: no-repeat;
     padding: 0;
     margin: 0 0 5px 0;
     width: 260px;
     height: 15px;
     float: right;
     text-align: left;
}

.rightcolumnchart {
     padding: 0 0 0 15px;
     margin: 0;
     width: 245px;
     float: right;
     text-align: left;
     /*border-left: 1px dotted #ccc;*/
}

#footer {
	width: 850px;
     padding: 0;
     margin: 0;
}

#footer .copyright {
     padding: 20px 0;
     margin: 0;
     float: left;
} 
 
h1, h2, h3 {
 	margin: 0;
 	padding: 0;
	text-align: left;;
}

th {
	margin: 0;
	padding: 3px 3px;
	background-color: #4a1d4b;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #fff;
 }
 
td {
	margin: 0;
	padding: 1px 3px;
	background-color: #f1edf1;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #4a1d4b;
	border-bottom: 1px solid #b7a5b7;
 }
 
th.large {
	margin: 0;
	padding: 7px 7px;
	background-color: #4a1d4b;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #fff;
 }
 
td.large {
	margin: 0;
	padding: 2px 7px;
	background-color: #f1edf1;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #4a1d4b;
	border-bottom: 1px solid #b7a5b7;
 }

#content ol {list-style-position: inside; list-style: decimal;}	

#content ul {list-style-position: inside; list-style: disc;}	
 
p, #content ul li, #content ol li {
	list-style-position: inside;
 	margin: 0 0 0 0;
 	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align: left;
 }
 
p.first {
 	margin: 0.5em 0 0 0;
 	padding: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align: left;
 }
 
#contact p.first {
	clear: both;
}
 
p.panel {
	margin: 0;
	padding: 15px;
 	color: #fff;
 	text-align: left;
 }
 
a {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-weight: bold;
	text-decoration: none;
 }
 
a:hover {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #60c6b6;
 } 

.secondarynavselected {
 	margin: 0;
 	padding: 0;
 	color: #fff;
	font-weight: bold;
	text-decoration: none;
 }
 
.secondarynavselected2 {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
	font-weight: bold;
	text-decoration: none;
 }
 
a.heading {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
    font-family: "Myriad Pro", "Myriad", Arial, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: none;
	height: 22px;
 }
 
a.heading:hover {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
    font-family: "Myriad Pro", "Myriad", Arial, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
 }
 
.heading {
 	margin: 0;
 	padding: 0;
 	color: #4a1d4b;
    font-family: Arial, "Myriad Pro", "Myriad", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: none;
 }
 
.subheading {
 	margin: 0;
 	padding: 0;
 	color: #60c6b6;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
 }
 
.sidebar {
 	margin: 0;
 	padding: 0;
	text-decoration: none;
 }
 
.highlight {
 	color: #4a1d4b;
 	font-weight: bold;
 }
 
a.image {
	text-decoration: none;
	border-bottom: none;
	outline: none;
}

a.image:hover {
	background-color: #ffffff;
	outline: none;
	text-decoration: none;
	border-bottom: none;
}

a.cover img {
	width: 224px;
	padding: 3px;
	background: #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

a.cover:hover img {
	background: #60c6b6;
	box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
}


a#promiseIndex {
	position: absolute;
	bottom: -50px;
	right: -50px;
	display: block;
	background-color: transparent;
	background: url(../images/promise-index-ping.png) no-repeat top left;
	width: 109px;
	height: 109px;
	border: none;
	text-decoration: none;
	text-indent: -9999px;
}

a#promiseIndex:hover { border: none; }
	
.number1 {
	background-color: #6e4a6f;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.number2 {
	background-color: #927793;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.number3 {
	background-color: #b7a5b7;
	width: 240px;
	padding: 2px 0 2px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
	}

.line {
	color: #ccc;
	}
	

/* navigation area */

#navigation {
  padding: 0;
  margin: 0;
  font-size:1.2em;
  text-align: right;
  float: right;
  }
#navigation ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  }
#navigation li {
  background: #fdfdfd;
  float: left;
  margin: 0;
  padding: 0;
  }
#navigation li.left {
  background: url("../images/tabs/left.gif") no-repeat left bottom;
  display: block;
  width: 6px;
  padding: 5px 0 8px 0; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #bbb;
  border-left: none;
  }
#navigation li.leftselected {
  background: url("../images/tabs/left_purple.gif") no-repeat left bottom;
  display: block;
  width: 6px;
  padding: 5px 0 8px 0; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #bbb;
  border-left: none;
  }
#navigation a.first {
  background: url("../images/tabs/bottom.gif") repeat-x left bottom;
  display: block;
  padding: 5px 9px 8px 6px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#navigation a {
  display: block;
  padding: 5px 9px 8px 9px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#navigation a.middle {
  background: url("../images/tabs/bottom.gif") repeat-x left bottom;
  display: block;
  padding: 5px 9px 8px 9px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#navigation a.last {
  background: url("../images/tabs/bottom.gif") repeat-x left bottom;
  display: block;
  padding: 5px 6px 8px 9px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#navigation li.right {
  background: url("../images/tabs/right.gif") no-repeat right bottom;
  display: block;
  width: 6px;
  padding: 5px 0 8px 0; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #bbb;
  }
#navigation li.rightselected {
  background: url("../images/tabs/right_purple.gif") no-repeat right bottom;
  display: block;
  width: 6px;
  padding: 5px 0 8px 0; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #bbb;
  }
#navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
  color: #4a1d4b;
  border-bottom: none;
  }
#home #nav-home, #us #nav-us, #capabilities #nav-capabilities, #work #nav-work,
#people #nav-people, #ideas #nav-ideas, #contact #nav-contact, #communities #nav-communities {
  border-width: 0;
  }
#home #nav-home a, #us #nav-us a, #capabilities #nav-capabilities a, #work #nav-work a,
#people #nav-people a, #ideas #nav-ideas a, #contact #nav-contact a, #communities #nav-communities a {
  background: #4a1d4b;
  color: #fff;
  padding-bottom: 8px; /* this value must be 5 px more than the third a value above */
  }
#navigation li:hover, #navigation li:hover a {
  color: #4a1d4b;
  border-bottom: none;
  }


/* sub navigation */

#subnavigation {
  padding: 10px 0 0 0;
  margin: 0;
  text-align: right;
  }
#subnavigation ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  }
#subnavigation li {
  background: none;
  margin: 0;
  padding: 0;
  text-align: right;
  }
#subnavigation li.divider {
  background: none;
  margin: 0;
  padding: 0;
  text-align: right;
  border-left: 1px solid #999;
  }
#subnavigation a {
  display: block;
  padding: 2px 16px 2px 0; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#subnavigation a.divider {
  display: block;
  padding: 2px 0 2px 15px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #999;
  }
#subnavigation a.dividerselected {
  display: block;
  padding: 2px 0 2px 15px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #4a1d4b;
  }

/* CSS Rollovers */

.formbutton{
	height: 38px;
	width: 85px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/form_btn.gif) top left no-repeat;
	display: block;
}

.formbutton:hover{
	background-position: bottom left;
	text-decoration: none;
	border-bottom: none;
}

.mapbutton{
	height: 50px;
	width: 112px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/pdf-map-buttons.jpg) top left no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.3em;
}

.mapbutton:hover{
	background-position: bottom left;
	text-decoration: none;
	border-bottom: none;
	margin-right: 10px;

}

.pdfbutton{
	height: 50px;
	width: 112px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/pdf-map-buttons.jpg) top right no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.3em;
}

.pdfbutton:hover{
	background-position: bottom right;
	text-decoration: none;
	border-bottom: none;
	margin-right: 10px;
}


#preview{
	position: absolute;
	border: 0px;
	background: #transp;
	padding: 0px;
	margin: 0px;
	display: none;
	color: #fff;
}