@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}

body  {
	font: 12px Arial, Helvetica, sans-serif;
	background:#372F76;
	/*background: #e7d9fb;*/
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}

#main-wrapper { 
	width:924px;
	margin:15px auto 20px; /* the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; 	
}  

#header{background: transparent url(../images/header-bg.gif) no-repeat top center;}

ul#header-links { text-align:right; height:25px;line-height:30px; margin:3px 30px 3px 0; *margin:1px 30px 2px 0; _margin:1px 30px 0px 0; _line-height:25px;}
ul#header-links li { margin:0; padding:0;display:inline;}
ul#header-links a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#523091; text-decoration:none; padding-left:16px; text-transform: uppercase; font-weight:bold; }
ul#header-links a:hover{color:#958BB4}


/***************** DROP DOWN MENU ***************************/
	div#header ul#main-navigation{
	float:right; font-family:arial,verdana,sans-serif;height:28px;line-height:28px; width:637px; background:transparent url(../images/topmenu-bg.jpg) no-repeat top center;
	list-style-image:none;	list-style-position:outside !important;list-style-type:none;margin:-18px 21px 0 0; _margin:-20px 21px 0 0;	padding:0;	position:relative;	z-index:500;white-space:nowrap;	}
	
	ul#main-navigation li {
	display:block;float:left;position:relative;	}

	ul#main-navigation li a , ul#main-navigation li a:visited {
	color:#684CA1; display:block;float:left;height:26px;line-height:26px;text-decoration:none;padding:0 16px; font-size:12px;}

	ul#main-navigation li ul {display: none; text-align:left; margin:0 !important;}

  
	/* specific to non IE browsers */
		ul#main-navigation li:hover a {color:#fff; background: #52308F ; height:28px;}
		ul#main-navigation li:hover ul {display:block; position:absolute; top:28px; left:0px; background:#6C4FA1; font-size:12px; text-align:left;  padding:10px 0px;
			opacity: 0.9;
			filter: alpha(opacity=90);
			-moz-opacity: 0.90;}
			
		/*hack for Safari Only */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
			/* Safari 3.0 and Opera 9 rules here */
			ul#main-navigation li:hover ul li {
			float:none !important;
			}
			}
		ul#main-navigation li:hover ul li a {display:block; background: transparent !important; color:#fff; font-size:12px; float:none !important; height:20px !important; line-height:20px !important;}
		
		ul#main-navigation li:hover ul li:hover a , ul#main-navigation li:hover ul li a strong {color:#cdcdcd; font-size:12px; font-weight:normal; }
		
/***************** END DROP DOWN MENU ***************************/  
	
div#content{ padding-top:35px; border:solid 2px #4D2D90; border-top:none; border-bottom:none; background-color:#FFFFFF; *padding-top:0px; }
#primary-column{
	float: left; 
	width: 215px; 
	background: #fff; 
	margin: 0 20px 0 27px; _margin: 0 20px 0 10px;
	padding:0;
}

#primary-column img{ display:block; margin-bottom:18px;}

div#breadcrumbs_twocolumns {float:left;height:15px; padding-left:280px;padding-top:6px;  *border:solid 2px #4D2D90; *border-top:none; *border-bottom:none; *background-color:#fff;  }

div#breadcrumbs , div#breadcrumbs_twocolumns { padding-bottom:10px; width:644px; *width:640px;}
div#breadcrumbs, div#breadcrumbs_twocolumns , div#breadcrumbs a , div#breadcrumbs_twocolumns a{color:#000000;font-size:10px;text-decoration:none;}
div#breadcrumbs a.active , div#breadcrumbs_twocolumns a.active , div#breadcrumbs a:hover  , div#breadcrumbs_twocolumns a:hover{color:#4B268D;}


/***********************************         Box Images          ***************************************************/


/*******************************************************************************************************************/

#secondary-column {
	float: right; 
	width: 218px; 
	background: #fff; 
	padding: 0; 
	margin-right:18px;
	_margin-right:10px;
}

#highlights{ background:transparent url(../images/boxes-image/highlights.jpg) no-repeat top center;width:218px; height:360px; margin-bottom:20px;  *margin-bottom:20px;  padding-top:8px;}
#highlights h3 { background:transparent url(../images/highlights-h3-bg.jpg) no-repeat top center; line-height:31px; 
                 font-family: "Franklin Gothic Medium" , "Times New Roman", Verdana ,  Times, serif; font-size:18px; color:#523091; text-align:center; margin:0; margin:0 9px 2px 7px;}
#highlights ul{ width:202px ; height:307px; background: transparent url(../images/highlights-ul-bg.jpg) no-repeat bottom center; margin:0 9px 5px 7px;}
#highlights ul li { line-height:1.8; background:#F5F1FF url(../images/highlights-bull-bg.jpg) no-repeat bottom left; 
                     font-family:Arial, Helvetica, sans-serif; color:#4B268D; font-size:12px; font-weight:normal; margin-bottom:2px; list-style:none; padding-left:10px;
					 min-height:30px; height:auto !important; height:30px;}

#highlights ul li { *list-style-position:outside; }

#highlights ul li:hover {background:#F7F1FF url(../images/highlights-bull-hover-bg.jpg) no-repeat top left; color:#907ABB; }				 
#highlights ul li:hover a {color:#907ABB; }					 
#highlights ul li a {color:#4B268D; text-decoration:none;}
#highlights ul li a:hover { color:#907ABB;}
#highlights ul li.phones { background:none !important;}
#highlights ul p { margin-top:2px; color:#523091; padding:4px 0; *padding:0; text-align:center; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:130%; }
#highlights ul p em{ font-size:15px; font-style:normal; line-height:160%;}

#primary-column  h3, #primary-column p, #secondary-column p, #secondary-column h3 {}

#content-body-left {
float:left;
margin:0 25px;
width:625px;
} 
#content-body {
 	margin:0;width:411px; _width:385px; float:left; position:relative; padding: 0;
} 

#content-body h1  , #content-body-left h1{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#523091; font-size:20px; font-weight:normal; padding-bottom:4px;}
#content-body h1 em , #content-body-left h1 em{ color:#000; font-size:18px;}

#content-body-text{display:block;width:398px; _width:372px; margin-bottom:20px;}
	#content-body-text p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
	div#content-body-text ul li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin-bottom:5px; text-align:left; list-style-position:outside;}
	
#content-body h3{  font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px; color:#4B268D; padding-left:120px }

#content-body-text h3{ padding-left:0px; line-height:180%;}
	
#content-body ul#content-body-boxes{width:411px; _width:385px;  padding:12px 20px; background:transparent url(../images/bottomlinks-bg.jpg) no-repeat top left; margin: -4px 0 15px !important;}

#content-body ul#content-body-boxes li {font-size:11px;margin:0;padding:4px 0px; list-style:none; list-style-position:outside;}

#content-body ul#content-body-boxes img  , #content-body ul#content-body-boxes li a{padding-bottom:10px; font-size:11px; font-weight:bold;}

div.staff{ display:block; margin:15px 0 25px;}
div.staff img{ float:left; margin-right:10px;  padding-right:10px;}
div.staff p{ line-height:15px; padding-top:0px !important;} 
div.staff a{color:#4B268D;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; text-decoration:none;}
div.staff a:hover{color:#958BB4;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; text-decoration:none;}




#footer { 
	padding-top:35px; padding-bottom:10px;
	background:transparent;
	font-size:9px;text-align:center;
	background: transparent url(../images/footer-bg.gif) no-repeat top center;
	margin-bottom:10px;
	width:100%;
	position:relative;

} 

#footer p {
	margin: 10px; text-align:center;
	 
	padding: 10px 0; 
	
}

#footer ul#footer-links{ display:table;
list-style-image:none;
list-style-position:outside !important;
list-style-type:none;padding:0 5%;
position:relative; }
	ul#footer-links li { margin:0; padding:0;display:inline;}
	ul#footer-links a{color:#fff;float:left;font-family:arial;height:10px;padding:0 5px;text-decoration:none; border-left:1px solid #FFFFFF;}
	ul#footer-links a.first { border:none;}
	ul#footer-links a.first:hover , ul#footer-links a:hover{color: #958BB4;}





/*****Styles Added for layout 1B****/

#vertical-menu{ background:transparent url(../images/boxes-image/our-team-box.jpg) no-repeat top center;width:217px; height:222px; margin-bottom:15px;  _margin-bottom:0px;  padding-top:8px;}
#vertical-menu h3 { background:transparent url(../images/boxes-image/our-team-h3-bg.jpg) no-repeat top center; line-height:31px; 
                 font-family: "Franklin Gothic Medium" , "Times New Roman", Verdana ,  Times, serif; font-size:18px; color:#523091; text-align:center; margin:0; margin:0 9px 10px 7px;}
#vertical-menu ul{ width:202px ; margin:0 9px 5px 7px; *margin:0 9px 5px 0px;}
#vertical-menu ul li { line-height:25px; list-style:none; background:transparent url(../images/bullet.jpg) no-repeat ;  font-family:Arial, Helvetica, sans-serif; color:#4B268D; font-size:12px; 
						font-weight:normal; margin-bottom:2px; padding-left:32px;}

#vertical-menu ul li { *list-style-position:outside; }
			 
#vertical-menu ul li a {color:#4B268D; text-decoration:none;margin-top:0;vertical-align:top;}
#vertical-menu ul li a:hover { color:#907ABB;}

/***********************************/


/**************************************    Pop up Styles    ***************************************************/

/* Meet the team popup styles */

div#teamPopoutWrapper {border: 2px solid #523091;}
	
	div#teamPopout {border: 2px solid #fff;	background: #fff;padding: 22px;
		margin:auto;}
	
	div#teamPopout img {margin: 0 10px 10px 0;}
	
	a.lbAction {
		position: relative;float:right;display: block;color:#523091;font-size: 10px;background: url(../images/icons/icon_close.gif) no-repeat right;
		padding: 0px 15px 0px 0px;width: 30px;}
	
	div#teamPopout img {
		float: left;margin-right: 17px;}
	
	div#teamPopout-content {display:inline-table; }
	
	div#teamPopout h1 {
		text-align:left;
		font-size: 18px;
		color: #523091;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	div#teamPopout-content h3 {
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
	} 
	
	div#teamPopout-content  ul {
		color: #000;
		font-size: 12px;
		text-align: justify;
		font-family: Arial,Verdana, Helvetica, sans-serif;
		font-style:normal;
		font-weight:normal;
		line-height:14px;
	} 
	
	
	div#teamPopout p {
		padding: 0px 0px 15px 0px;
		margin: 0;
		color: #000;
		font-size: 11px;
		text-align: justify;
		font-family:  Arial,Verdana, Helvetica, sans-serif;
		font-style:normal;
		font-weight:normal;
		line-height:14px;
		text-decoration:none;
	}

/* Plain pop up styles */

div#PopoutWrapper {	border: 1px solid #cccccc;	margin: 0 auto;	}
	
div#Popout {border: 1px solid #fff;background:  #fff ; padding: 0 20px 20px 20px;	margin:auto;}

div#Popout-content {
		width: 400px;display: block;text-align: left;}

div#Popout-content img {
		display: block;clear: both;margin: 0 10px 10px 0;}

div#Popout-content p {			
		display: block;	clear: both;}

div#Popout-content hr {			
	border : 0;	height: 20px;background: url(../images/divider-white.gif) repeat-x 0px 10px;	width: 100%;clear: both;margin: 0;}
	
div#teamPopout ul#content-boxes{width:411px;}
div#teamPopout ul{ font-size:11px;}

div#teamPopout  ul#content-boxes li { background:transparent url(../images/boxes-image/link-box.jpg) no-repeat scroll 0 0;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:61px;
margin:0;
padding:10px;
width:182px;}

div#teamPopout ul#content-boxes img  ,div#teamPopout  ul#content-boxes li a{padding-bottom:10px;}

div#teamPopout  ul li { list-style-position:outside;}


/*************************************************************************************************************/

p.nav-page {
height:15px;
}
p.nav-page a {
border:1px solid #CCCCCC;
color:#523091;
margin:0 10px 0 0;
padding:2px 6px;
text-decoration:none;
}

p.nav-page a.disabled {
color:#CCCCCC;
}
p.nav-page a:hover {
background:#E7D9FB none repeat scroll 0 0;
color:#523091;
}
.linkVisited a {
background:#523091 none repeat scroll 0 0;
color:#FFFFFF !important;
font-weight:bold;
text-decoration:none !important;
}


a.button{ float:left;  margin:0 3px 5px;}
.button {
background:#523091 none repeat scroll 0 0;
border:1px solid #DFDFDF !important;
font-family:Arial,Verdana,Helvetica,sans-serif;

color:#FFFFFF;
cursor:pointer;
font-size:11px;
font-weight:bold;
overflow:visible;
padding:2px 10px 3px;
text-decoration:none;
width:auto;
}
hr {
background:transparent url(img/divider-white-home.gif) repeat-x scroll 0 10px;
border:0 none;
height:20px;
margin:0;
width:100%;

/* --- IE hack --- */
	*display : list-item !important;
	*list-style : url(img/divider-white-home.gif) inside!important;
	*filter : alpha(opacity=0) !important;
	*width : 0 !important;
	*height: 0 !important;
	*margin: 12px 0px !important;
	*line-height:0px !important;
	/* --- end hack --- */

}


/****************Styles for Press/news ands Events *****************************/

div.press , div.events { padding:10px 0; border-bottom:1px solid #E4E4E4;}
div.press  span , div.events span { font-size:11px; color:#969696;}
div.press  span strong, div.events span strong{color:#666666}
div.press h2 , div.events h2 {  font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px; color:#4B268D; }

/****************Styles for Press and news *****************************/


/*  General - classes for reuse */

a{ color:#4B268D; }
a:hover{ color:#907ABB;}

ul, ol{ list-style-position:inside; margin:10px 0 10px 15px; text-align:left;}

img{ border:none;}

p{ padding:8px 0;}
/* this class can be used to float an element right in your page.*/
.float-right { 
	float: right;
	margin-left: 8px;
}

/* this class can be used to float an element left in your page */
.float-left { 
	float: left;
	margin-right: 8px;
}

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h2 {  font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px; color:#4B268D; line-height:20px; }

div#box-content{background: url(../images/boxes-image/box-content.jpg) no-repeat ; height:80px; width:360px; padding:5px 10px; margin:10px 8px 0;}
 .no-padding-top{ padding-top:0px !important;}

 div.error ul li { color:#FF0000 !important;}
 
 
/*  Dynamic Div Rounded Corners   */
div.Article {
  font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
  background: #ffffff;
  width: 98%;
  border:none;
  margin-bottom:15px;
  } 
div.Article h3  {
  color:#4B268D;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  padding:15px 15px 0 !important;
  }
  
  
div.Article h2 {
  color:#4B268D;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
 
  }
div.ArticleBody {
  padding:15px;
  margin:0;
  margin-top:-1.7em;
  }
div.ArticleFooter {
  }
div.ArticleFooter p {
  padding:15px;
  margin:-2em 0 0 0;
  }


div.Article {
  background: url(../images/div-rounded/custom_corners_topleft.gif) top left no-repeat;
  } 
div.Article h3 {
  background: url(../images/div-rounded/custom_corners_topright.gif) top right no-repeat;
   margin:0;
  }
div.ArticleBody {
  background: url(../images/div-rounded/custom_corners_rightborder.gif) top right repeat-y;
  }
div.ArticleFooter {
  background: url(../images/div-rounded/custom_corners_bottomleft.gif) bottom left no-repeat;
  }
div.ArticleFooter p {
  background: url(../images/div-rounded/custom_corners_bottomright.gif) bottom right no-repeat;
  }




/*  Products Boxes  */
div.productBox {
  font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
  background: #ffffff;
  width: 98%;
  border:none;
  margin-bottom:15px;
  } 
div.productBox h3  {
  color:#4B268D;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  padding:15px 9px 0 14px !important;
  }
   
div.productBoxBody {
  padding:19px 15px 10px;
  margin:0;
  margin-top:-1.7em;
  color:#4B268D;
  }
div.productBoxFooter {
  }
  
div.productBoxFooter p {
  padding:15px;
  margin:-2em 0 0 0;
  }


div.productBox {
  background: url(../images/div-rounded/bg-products-box.gif) top left no-repeat;
  height:230px;
  width:218px;  
  } 


/************************** SITE MAP STYLES *****************************************************/

div#one-column{ width:880px; margin:0 20px;}

div#one-column hr{ display:block; clear:both; width:95%; } 

div.sitemapBox h3 a{  text-decoration:none; }
div.sitemapBox {float:left;margin-right:5px;padding-left:5px;width:270px;}

div.sitemapBox ul.sitemapItems{
border-right:1px solid #E4E4E4;
min-height:200px;
padding-right:10px;
margin:10px 0;
padding:0 0 7px;
}


ul.sitemapItems li {
background:transparent url(../images/bullets/icn_arrowBullet.gif) no-repeat scroll 3px 5px;

margin-bottom:3px;
padding:3px 0 3px 20px;
list-style:none; 
}

ul.sitemapItems li a{ text-decoration:none;}
div.lastBox {
margin:0; clear:right;
}

ul.logoff{ margin:0px 0 15px; padding:15px 0; border-bottom: dotted 1px #ccc; list-style:none;  border-top: dotted 1px #ccc;}
 
ul.logoff li{ padding-left:15px;}




