/* 
define main text styles 
*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	color: #666666;
	padding: 0px;
	margin: 0px;
	background-color: #808080;
}

hr{
	display: inline;
	margin: 0px;
	padding: 0px;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 1em;
}

.printonly
{
	display: none;
}


#page-title
{
	display: block;
	text-align:  left;
	width: 100%;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #651B7E;
	border-top: 1px solid #C0BFC0;
	border-bottom: 1px solid #C0BFC0;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #page-title	{ padding-bottom: 0px;}
/* end */

h1
{
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 150%;
	color: #651B7E;
}



h2
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
	line-height: 130%;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	color: #333333;
}

h2.events-title
{
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 150%;
	color: #651B7E;
}
h2.events-title a,
h2.events-title a:visited{
	color: #651B7E;
	text-decoration: none;
}
h2.events-title a:hover{
	color: #651B7E;
	text-decoration: underline;
}

h3 {
	color:#651B7E;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:130%;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 5px;
}

h4{
	color:#651B7E;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:110%;
	font-weight:bold;
	margin:0;
	padding:0px 0px 5px;
}

th
{
	color: #6D6E71;
	font-weight: bold;
	padding: 3px;
}

a
{
	color: #6D6E71;
	text-decoration: underline; 
}

a:hover
{
	color: #6D6E71;
	text-decoration: underline; 
}

img {
	border:none;
}

.w200
{
	width: 200px;
}
.purple{
	color:#651B7E;
}
.purple a,
.purple a:visited{
	color:#651B7E;
}

/*
modifiers
*/

.error		{color: #C40202;}
.small
{
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: xx-small;
	color: #333333;
}

ul.list,
ul.list-purple {
	border: 0px;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	
	margin-bottom: 10px;
}

ul.list li,
ul.list-purple li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	background-image: url(/images/global/bullet-arrow.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	
	line-height: 130%;
}
ul.list-purple li {background-image: url(/images/global/bullet-purple.gif);}




/*
breadcrumbs
*/
#breadcrumbs-outer
{
	display: block;
	margin-bottom: 10px;
}
#breadcrumbs
{
	text-align: left;
	display: block;
	clear: both;
	color: #C0BFC0;
}
#breadcrumbs p		{margin-bottom: 0px;}
#breadcrumbs a		{color: #C0BFC0;}

body.events #breadcrumbs-outer{
	left:50%;
	margin-left:-345px;
	margin-bottom: 0;
	position:absolute;
	top:20px;
	width:670px;
}


/*
headings
*/
body h1#image-header
{
	background-color: #651B7E;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #C0BFC0;
	border-bottom: 1px solid #C0BFC0;
}

h1#image-header img
{
	padding: 5px 0px;
}

* html h1#image-header img
{
	padding-bottom: 0px;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body h1#image-header		{ }
/* end */

h1#image-header span			{display: none;}




/*
define outer container with explict width
*/
#outer-container 
{
	position: absolute;
	display: block;
	left: 50%;
	top: 30px;
	width: 720px;
	margin-left: -360px;		
}
body.events #outer-container{
	top: 40px;
}

/*
define inner containers - top/middle and bottom
*/
#top-container
{
	background-image: url(/images/shadow_top.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 10px;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #top-container		{ margin-bottom: -3px;}
/* end */

#middle-container
{
	background-image: url(/images/shadow_tile.gif);
	background-position: right;
	margin: 0px;
	padding-left: 10px;
	padding-right: 17px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #middle-container {margin-left: -1px;}
/* end */

#bottom-container
{
	background-image: url(/images/shadow_bottom.gif);
	background-position: right;
	height: 18px;
	padding-left: 10px;
	padding-right: 17px;
}

#inner-container 
{
	border: 1px solid #C0BFC0;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/*
content
*/
#content
{
	clear: both;
	display: block;
	padding: 10px;
}


/* content styles - hide left hand images from mac */
.c2a			{ display: none;}
.c3a			{ display: none;}


/* define content styles - but hide from ie-mac \*/
.couter			{ clear:both; display: block; }
.c1a			{ float: left; width: 458px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c1b			{ float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}

.c2a			{ display: block; float:left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c2b			{ display: block; float:left; width: 518px; padding-left: 10px; margin-bottom: 10px}

.c3a			{ display: block; float: left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c3b			{ display: block; float: left; width: 311px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c3c			{ display: block; float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}
/* end hide */







/*
homepage-content
*/
#homepage-content
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #C0BFC0;
	display: block;
}

#homepage-box
{
	height: auto;
	background-color: #F5F5EB;
	padding: 5px;
}
#homepage-box2
{
	height: auto;
	background-color: #F5F5EB;
	padding: 5px;
}

#homepage-box2 a{
	color: #918E45;
}

#homepage-content h2
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #918E45;
}

#homepage-content ul
{
	padding: 0;
	margin: 0;	
}

#homepage-content li
{
	padding-left: 10px;
	list-style-type: none;
	background-image: url(/images/global/bullet-arrow.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin-top: 3px;
}
#homepage-content li a
{
	color: #918E45;
	text-decoration: none;
}
#homepage-content li a:hover
{
	color: #918E45;
	text-decoration: underline;
}





/*
footer
*/
#footer
{
	display: block;	
	border-top: 1px solid #C0BFC0;
	color: #A2A2A2;
	height: 56px;
	min-height: 56px;
}
#footer table		{padding: 10px;}
#footer a			{color: #A2A2A2;}
#footer div.footer-link a			{text-decoration: none; color: #333333;}




/* 
define form styles 
*/
input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	color: #333333;
}

.w50	{ width: 50px; }
.w70	{ width: 70px; }
.w100	{ width: 100px; }
.w200	{ width: 200px; }
.w300	{ width: 300px; }
.w400	{ width: 400px; }
.w720	{ width: 720px; }
.error 	{ color: #CC0000; }

.btn40, .btn80, .btn120, .btn200
{
	border: 1px solid #BAB9BF; 
	background-color: #F3F2F6;
	padding: 1px 0px 1px 0px;
	text-align: center;
}

.btn40		{ width: 40px; }
.btn80		{ width: 80px; }
.btn120		{ width: 120px; }
.btn200		{ width: 200px; }





/*
case study table
*/
table.cs-table	{ float: right; width: 100%; padding-left: 0px; margin-bottom: 10px}

.cs-logo tr
{
	height: 50px;
	min-height: 50px;
}

.cs-logo td{
	/* border: 1px solid #C0BFC0; */

}

.cs-logo2 td{
	border: 1px solid #C0BFC0;
	padding: 5px 0px 5px 0px;
}

.cs-logo td .cs-item img, .cs-logo td .cs-item2 img{
	padding-top: 5px;
	padding-bottom: 5px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.cs-logo td .cs-item a, .cs-logo td .cs-item2 a{
	display: block;
	border: 1px solid #C0BFC0;
	padding: 5px;	
	padding-top: 2px;	
	height: 62px;
	width: 86px;
}

.cs-logo td .cs-item2 a{
	width: 191.5px;
}

.cs-logo td .cs-item a:hover, .cs-logo td .cs-item2 a:hover{
	border: 1px solid #651B7E;
}

.cs-logo td .cs-item a:hover img, .cs-logo td .cs-item2 a:hover img{
	opacity: .3;
	filter: alpha(opacity=30);
}

.cs-logo-small td img{
display: block;
float: left;
padding-left: 5px;
}


/* hack to fix ie/win, but hide from ie/mac \*/
* html body .c1a			{ float: left; width: 460px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
/* end */






/*
define styles for the non-flash sub-homepages
*/

.service-solution
{
	width: 128px;
	display: block;
	float: left;
	padding-right: 6px;
}

/* the following rule are recognized by IE only - used to fix mac*/
* html .service-solution { padding-right: 0px; }

/* hack to fix ie/win, but hide from ie/mac \*/
* html .service-solution { padding-right: 3px;}
/* end */

.aboutus
{
	width: 163px;
	display: block;
	float: left;
	padding-right: 3px;
}

/* the following rule are recognized by IE only - used to fix mac*/
* html .aboutus { padding: 0px; margin-right: -2px;}

/* hack to fix ie/win, but hide from ie/mac \*/
* html .aboutus { margin-right: 0px;}
/* end */





/*
define Manager styles
*/
.manager{
	clear: both;
	display: block;
	height: 60px;
	min-height: 60px;
}

.manager .manager-img{
	float: left;
	display: block;
	width: 60px;
	margin-right: 10px;
}

.manager .manager-copy{
	text-align: left;
	float: left;
	display: block;
	width: 400px;
}

.manager .manager-copy h3{
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

#peopletable img{
	margin-right: 13px;
	margin-bottom: 9px;
}
#peopletable img.last{
	margin-right: 0px;
}

#peopletable .descr{
	display: block;
	position: absolute;
	top: -9999px;
	left: 30px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #651B7E;
	color: #651B7E;
	width: 60px;
	z-index: 10;
}

#peopletable a{
	display: block;	
	float: left;
	text-decoration: none;
	z-index: 1;
	
}
#peopletable a:hover {
	text-decoration: none;
	z-index: 50;
	position: relative;
}

#peopletable a:hover .descr{
	top: 70px;
}



#content-box {
	background-color:#EAE9D4;
	padding:5px;
}
#content-box h2 {
	color:#918E45;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	text-decoration:none;
}
#content-box p {
	margin:0;
	padding:0;
}

a.download{
	display: block;
	background: url(/events/images/pdf.png) no-repeat left top;
	padding-top: 46px;
}
/* =campaigns 30-06-2009
---------------------------------------- */

table.campaigns {
	margin:0 0 15px;	
	width:100%;
	border-collapse:collapse;
	}
	table.campaigns td {
		vertical-align:top;
		padding:15px 0;
		}
	table.campaigns td.central {
		padding:15px 25px;
		}
	table.campaigns td p {
		color:#000;
		}
	table.campaigns td h2 {
		font-weight:bold;
		color:#580473;
		}
		table.campaigns td h2 span {
			color:#686868;
			}
p.mailto {
	font-size:1.2em;
	margin:0 0 2em;
	}