body {	width: 100%; margin: 0;	text-align: center;	background: #E9F6F9 url(img/bg.jpg) no-repeat top center;}
#container { margin: 0 auto 0 auto;	width: 950px;	min-width: 950px;}
/*style for min-width*/
* html .minwidth {	padding-left:780px;}
* html .mincontainer {	margin-left:-780px;	position:relative;}
/*\*/
* html .minwidth, * html .mincontainer, * html .content, * html .layout  {	height:1px;}
/**/
.rule {	width:780px; color:#ffffff;	margin:1em 0;}
/*style for min-width*/

#banner { background: url(img/h_banner.png) no-repeat right top; width: 950px; min-width: 950px; height: 108px; padding: 0px; margin: 0px;}
* html #banner { min-width: 780px;}

p {	text-align: left;	font: 12px Arial, Helvetica, sans-serif;}
.spacer {  clear: both;  height: 1; }
.border { border: 1px solid black; }
a:link {text-decoration: none;	color: Black;}
a:visited {text-decoration: none; color: #4B778C;}
a[href$='.pdf'] {display: inline-block; padding-left:25px; line-height:18px; background:transparent url(img/icon_pdf.png) center left no-repeat;}

/*-------------------top menu ---------------------------------------*/
#topmenu {
	width: 100%;
	min-width: 780px;
	height: 18px;
	text-align: right;
	font: bold 10px Verdana, Georgia, Arial, Helvetica, sans-serif;
	color: #FFA70E;
	background: #014497 url(img/back.gif);
	padding-top: 3px;
}

* html #topmenu { min-width: 780px; }
#topmenu a { text-decoration: none; color: #FFFE9F;}
#topmenu a:hover { text-decoration: none; color: yellow; background-color: #CA815E;}

/*-------------------end of top menu --------------------------*/

#contentarea {
	width: 100%;
	min-width: 778px;
	margin: 0;
	padding: 0;
	background: #c1dde0;
	border-right: solid 1px navy;
	border-left: solid 1px navy;
}

* html #contentarea { min-width: 780px; }

/*---left column containing links---*/
#sidebar-a { float: left; width: 155px;	margin: 0;	padding: 0;	background: url(img/sideback.jpg) repeat-y;	text-align: center;}
#midcol { 	float: left; width: 58%; min-width: 430px; margin: 0; padding: 0; background: #c1dde0; margin-left: 10px;}
* html #midcol { min-width: 430px; } 
#midcol ul li {	list-style-image: url(img/but.gif);	text-align: left;	font: 12px/140% Arial, Helvetica, sans-serif;}
#midcol ul.strong li {list-style: none; font-weight: bold; margin: 15px 0; }
#midcol ul.strong li a {color: #505050;}

/*---right column containing images---*/
#sidebar-b { float: right;	width: 160px; margin: 0; padding: 0; background: #FBF8F2 url(img/bg_rightcol.jpg) no-repeat;	text-align: center;}

/*--style for leftmenu---*/
#leftmenu {width: 155px; margin: 20px auto;}
#leftmenu ul {width: 149px; margin: 0 5px 0 0; padding: 0; }
#leftmenu ul li { text-align: right; list-style: none; margin: 1px 2px; background: url(img/bg_leftcol.png) no-repeat; }
#leftmenu ul li a {font: bold 12px/200% Arial, Helvetica, sans-serif; margin: 0 5px 0 0; }
#leftmenu ul li:hover, #leftmenu ul li a:hover {background: #EFE7D2; color: #012CA8;}
/* --------style used in the index page top content area-----*/
#contentbg {text-align: center;	margin: auto; padding-top: 10px; height: 300px;	background: url(img/wellbg.jpg) no-repeat top; font: bold 13px Arial, Helvetica, sans-serif;}

.textbg { margin: auto;	text-align: center;	width: 300px; margin-top: 10px;	background-color: white; -moz-opacity: .5; opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	padding: 5px 0 5px 0;}

#contentbg .textbg ul li{	color: black; font: bold 11px/150% Arial, Helvetica, sans-serif; text-align: left; padding-left: 8px; list-style: none; list-style-image: none;
}
/* --------end of index page top content area-----*/

/*-----2 boxes in the index page -------------------*/
#boxrow {	width: 100%; float: left; }
#boxrow .leftcol {	padding: 0;	width: 45%;	float: left;}
#boxrow .rightcol { float: right; width: 45%;}
#boxrow .box {	margin: 0 0 10px 0;	padding: 0;	background: #99c9d1 url(img/boxbg.gif) repeat-x top; float: left;
	font: normal 12px Arial, Helvetica, sans-serif;}
.boxcontent	{width: 95%; margin: auto; padding: 5px;}
.box .title { font: bold 13px Arial, Helvetica, sans-serif;	text-align: center;	color: white; margin: 4px; border: 1px dashed white; background: #014497;}
.box .title a {color: white;}
.green {color: #36868D;}
.boxcontent ul { margin: 0 0 0 15px; text-align: left; padding: 0;}
.boxcontent p, .boxcontent ul li, .box1content p, .box1content ul li { font: normal 12px/150% Arial, Helvetica, sans-serif; color: black; margin:0 0 2px 0; }
.boxcontent a {color: white;}
#boxrow .box ul li a:hover { color: #014897;}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(img/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(img/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(img/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(img/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(img/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(img/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(img/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(img/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/*-----end of 2 boxes in the index page -------------------*/


/*--------- style used in the news page-------------- */
#content-news {	float: right; width: 75%; min-width: 610px;	margin: 0;	padding: 0;	background: #c1dde0; margin-left: 10px;	text-align: justify;}
#content-news p {padding: 4px; margin: 4px; text-align: justify; font: 12px Arial, Helvetica, sans-serif;}
#content-news h2 {	font: bold 14px Arial, Helvetica, sans-serif;	text-align: center;	background: #5EABB3;}
#content-news h3 {	font: bold 14px Verdana, Helvetica, sans-serif;	text-align: left;	background: #7FAFB1;	width: 100%;}

/* thumbnails container in the news page */
.picbox, .picbox-movies {	width: 100%;	height: 60px;	text-align: left;	border: 1px none #D6E9EA;}

.picbox-movies {height: 50px;}

/* thumbnails in the news page */
.leftpic{	float: left;	width: 45px;	border: 0 solid Black;	padding: 1px;}

/* style for the thumbnail description*/
.rightdesc{	float: right;	width: 75%;	font: bold 12px Arial, Helvetica, sans-serif;	text-align: left; 	margin: 0;}

/* used in the news page */
.imgholder-left {	float: left;	margin: 6px;	padding: 2px;	border: 1px solid #787878;}

/* used in the news page */
.imgholder-right {	float: right;	margin: 6px;	padding: 2px;	border: 1px solid #787878;}
.row {width: 100%; text-align: left; float: left;}
.col1, .col2, .col3, .col4 {width: 150px; float: left; margin: 3px; position: relative;}
.col1 .thumb, .col2 .thumb, .col3 .thumb, .col4 .thumb { width: 134px; border: solid 1px #5E646B; text-align: center; background: #E5EBF1; }
.thumb img {margin: 2px auto; border: none;}
.col1 .play, .col2 .play, .col3 .play, .col4 .play { position: absolute; top: 8px; left: 8px; border: none;}
.play img, .play a { border: none;}

#column-2 .videobox { width: 128px; float: left; margin: 5px 35px 0 0; padding: 3px; background: #f2f2f2; text-align: center; border: dotted 1px #AFAFB0; position: relative;}
.videobox .title {height: 35px; }
.videobox .title a {font: normal .8em Palatino, Verdana, Arial, Helvetica, sans-serif; color: #77371E;}
.videobox .video { border: solid 1px #AFAFB0; padding: 2px; background:white; }
.videobox .video a {text-decoration: none;}
.videobox .video img {width: 120px; height: 90px; }
.videobox .play { position: absolute; top: 8px; left: 8px; background: url(/images/custom/video_layer.png) no-repeat;}
.videobox .time, .videobox .date {text-align: left; font-size: .8em;}

/* ------------------end of style used in the news page----------- */


#midcol h2, #content-news h2 {
	font: bold 14px Verdana, Helvetica, sans-serif;
	text-align: left;
	background: #4d76a7;
	padding: 4px 0 4px 8px;
	margin-top: 10px;
	color: white;
}

#midcol h3, #content-news h3 {
	font: bold 13px Verdana, Helvetica, sans-serif;
	text-align: left;
	background: #7FAFB1;
	width: 100%;
	padding-left: 5px;
}

#midcol h4 {
	background: #a0b9bc;
	color: black;
	font: bold 12px Verdana, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;

}

/*----------------the boxes in the left column containing flash links --------*/
#sidebar-a .leftbox {
width: 144px;
padding: 0px;
margin-left: 1px;
margin-bottom: 5px;
background-color: #5EABB3;
border: dotted 2px #014497;
}

* html #sidebar-a .leftbox {margin-left: -4px;}

#sidebar-a .leftbox .heading {
	font: bold 15px Arial, helvetica, sans-serif;
	color: white;
	text-align: center;
	margin: 0;
	width: 100%;
	background-color: #014497;
}

#sidebar-a .leftbox p { font: normal 12px Arial, helvetica, sans-serif; color: #000000; text-align: justify; margin: 3px; }

* html #sidebar-a .leftbox {margin-left: -4px;}
/*----------------end of the boxes in the left column containing flash links --------*/


#box {
	width: 370px;
	font: normal 11px/150% Verdana, arial, helvetica, sans-serif;
	text-align: justify;
	margin-left: 40px;
	margin-top: 6px;
	padding: 2px;
	color: #393B67;
	border: solid 1px #45499E;
}

.text {
	text-align: center;
	font: bold 12px Verdana, arial, helvetica, sans-serif;
	color: #2E3290;
}

.imgleft {
float: left;
clear: right;
margin-right: 5px;
}

.imgright {
float: right;
clear: left;
margin-right: 15px;
padding: 0;
}

 
.table {font: normal 11px Arial, Helvetica, sans-serif;	padding: 2px; margin-left: 10px; width: 450px;}

/* used in case studies page*/
#table1 {
	width: 80%;
	text-align: center;
	margin: auto;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 60px;
	margin: 0;
	padding: 0;
}
table td{padding-left:5px;} 


.tableheader {
	text-align: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #809699;
	padding: 3px;
	color: white;
}

.tablerow1 {
	text-align: left;
	background-color: #aad3d7;
	padding: 1px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.tablerow2 {
	text-align: left;
	background-color: #a0b9bc;
	padding: 1px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.button {
	border: solid 1px black;
	background: #5EABB3;
	margin-right: 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.smalltext {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: White;
	padding-left: 5px;
	text-align: left;
}

.smalltext2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #737878;
	/*margin-left: -17px;*/}

/*----------style for the footer area -------------------*/
#footerwrap {
	clear: both;
	width: 100%;
	min-width: 780px;
	height: 100px;
	background: #014497 url(img/bg_footer.jpg) no-repeat top right;
	margin:0;
	padding: 0;
	text-align: center;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: White;
}

/*-------bottom menu----------*/
#footerwrap .downmenu {
	height: 20px;
	width: 950px;
	margin: auto;
	text-align: center;
	background: #4477AB;
	padding-top: 3px;
	border: solid 1px navy;
	border-top: none;
}

* html #footerwrap .downmenu { min-width: 950px; }

#footerwrap .downmenu a {	text-decoration: none;	color: white;	font: normal 11px Verdana, Georgia, Arial, Helvetica, sans-serif;}

#footerwrap .downmenu a:hover {	text-decoration: none;	color: yellow;	background-color: #CA815E;}
/*---------end of bottom menu---------*/

#footer {width: 950px; height: 78px; margin: auto; padding: 0; text-align: center;}

* html #footer { min-width: 780px; }

#footer .left {	float: left; margin-top: 6px; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; text-align: left;	width: 60%;}

#footer .left a, #footer .right a {	text-decoration: none; color: #FFEF6B;}

#footer .left a:hover, #footer .right a:hover {	text-decoration: none;	color: white;}

#footer .right {	float: right;	padding: 0;	text-align: right;	width: 40%;}

/*----------end of footer area -----------------*/