/* system Styles */
body            {font-size:0.76em; font-family:Arial,Helvetica, Sans-Serif; background-color:#494949; margin:0px;  text-align:center;}
DIV,SPAN,LI     {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt; }
P               {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt; padding-left:5px; line-height:1.4em; padding-right:2px;}
TD              {font-family: verdana,arial,helvetica,sans serif;}
UL              {margin-left:10px; margin-top:0.5em; margin-bottom:0.001pt; }
OL              {margin-left:15px; margin-top:0.5em; margin-bottom:0.001pt; margin-right:5px;}
form			{MARGIN-TOP: 0.001pt; MARGIN-BOTTOM: 0.001pt; padding-top: 0.001pt; padding-bottom: 0.001pt;}
a				{color:#26264E; text-decoration:none;}
a:hover			{color:#000000;}
img				{border: white 0px solid; z-index:-1;}
TEXTAREA		{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}
INPUT			{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}

/*layout styles*/
	#footercontent			{float:right; height:30px;  padding-left:5px; padding-top:2px; margin-top:10px; }	
	.clearboth {clear:both;}
	

/*search box styles */
	#searchright			{padding-top:26px; color:#808080; font-size:95%;}
	.immSearchTerms  		{font-family: Tahoma, arial, helvetica; font-size:105%;}
	#searcharea				{position:absolute; top:65px; left:520px;}
	#sitesearch {color:#000000; font-size:80%; float:right; padding-top:40px; padding-right:20px;}


/*breadcrumb */
	#breadleft				{margin-top:0; font-size:120%;  width:1010px; padding-top:10px; padding-bottom:8px; padding-left:10px;  text-decoration:none; color:#000000; margin-top:0; border-bottom: solid 1px #008998; }
	.Path 					{color:#000000; text-decoration:none;}
	.Path:visited 			{color:#000000; text-decoration:none;}
	.Path:hover 			{color:#000000; text-decoration:none;}

/*Whats New*/
	.NewsTitle				{background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;  color:#990066; text-decoration:none; padding:8px 5px 4px 5px; font-weight:bold;}
	.NewsBullet				{background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;}
	.NewsBody				{background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; border-bottom:1px solid #000000; color:#000000; padding:0px 10px 2px 10px; text-decoration:none;}
	a.titlenews				{color:#990066; text-decoration:none;}
	a.newslinks				{color:#666666; text-decoration:none;}
	a.newslinks:hover,a.titlenews:hover		{color:#000000;}
	div.nItem				{padding-bottom:10px;}

/*News Items*/
	.newsitem ul			{list-style:none; margin-left:-37px;}
	.newsitem li			{margin-left:0px; margin-bottom:10px;}

/*site map styles */
	.sitmpA0				{font-size:small; font-family:Arial,Verdana,Helvetica; color:#66B53E; text-decoration:none;}
	.sitmpA1				{font-size:small; font-family:Arial,Verdana,Helvetica; color:#000000; text-decoration:none;}

/* Quick Menu Styles*/
	.linkhead       		{color:#740000; font-size:x-small; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;}
	.linkhead2       		{color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-variant:small-caps;}
	.linkhead2:hover     	{color:#000000;}
	.linkhead2:active     	{color:#000000;}

	
/* Page Counter Styles */
#PageCounter	{text-align:right; clear:both; width:11em;}
.PageCounter	{text-align:left; font-size:xx-small; color:#000070;}
HR.PageCounter	{color:#000070; height:1px;}
.PageCounterTxtBox		{width:2em; font-size:1em;}

/*Events Calendar */
.eventsborder {background-color:#666666; color:#ffffff; line-height:20px;}
.eventsboxbg {background-color:#f7f7f7; font-size:100%; color:#000000;}
.eventsbullet {background-image:url(../../images/documenticon.gif);}
/* eWorld UI Calendar Control */
.calCtrl {font-size:80%; font-weight:normal;}
.calCtrlDayHeader {background-color: #DCDCDC;}
.calCtrlMonthHeader {background-color: #666666; color:white;}
.calCtrlWeekDay {background-color: #FFFFFF;}
.calCtrlOffMonth {background-color: #778898; }
.calCtrlGoToToday {background-color: #FFFFFF;}
.calCtrlTodayDay {background-color: #0f9fef;}
.calCtrlWeekend {background-color: #D3D3D3; }
.calCtrlSelectedDate {background-color: #FFFF00;}
.calCtrlClearDate {background-color: #FFFFFF;}
.calCtrlHoliday {background-color: #FFFFFF;}
	

/* AtoZBrowser */
	.AtoZIndex	 			{color:#66B53E; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; text-decoration:none; width:95%}
	.AtoZIndex:hover 		{color:#9999ff;}
	.AtoZBG		 			{background-color:#F0F9F8; border:1px solid #E5E5E5; width:95%}
	.AtoZLink	 			{color:#000099;}
	.AtoZLink:hover	 		{color:#000000;}
	.AtoZTitle1	 			{color:#66B53E; background-color:#F0F9F8; font-size:small; font-family:Arial,Verdana,Helvetica; border:1px solid #E5E5E5;}

/* NewsLetterAdmin styles */
.NewsLetterDarkBg		{background-color:#007000;}
.NewsLetterLightBg		{background-color:#effff3;}

/* Language Selector Styles */
	
	#langselect				{background-color:#ffffff;}
	#langselect .head		{color:#000000; background-color:#F3F9F2; border-top:1px solid #E5E5E5;}	
	#langselect a			{color:#000000; background-color:#ffffff;}
	#langselect a:hover		{				background-color:#F3F9F2;}
	#langselect a.sel		{color:#000000; background-color:#DAF3D9;}
	#langselect a.sel:hover	{				background-color:#F3F9F2;}
	.langpic		{padding-left:4px; padding-right:4px;}

	/* Language Selector Styles */
	/* (these styles correspond to the sidemenu styles as the whole thing is supposed to look similar)*/
	
		div#langselect {
			width:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:95%;
		}
		
		/* style of the "header" for the menu if there is one */
		div#langselect .head	{
					font-weight:bold; 
					height:1.75em; padding-left:0.6em; padding-top:0.5em; margin-bottom:0.01px; margin-top:0.01px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#langselect ul 
		{
			list-style:none;
			margin:0;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#langselect ul li		
		{
			float:left; width:100%; margin:0px;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#langselect a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.13em;
			
		}
		
		div#langselect img {vertical-align:middle; padding-bottom:2px;}
	
	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

		/* style for the containing div for the menu */
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#topdropmenu 
		{	
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:93%;
			z-index:199;
			float:left;
			
			
			height:35px;
			
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#topdropmenu ul 
		{line-height:1.2em;
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#topdropmenu a {
			margin:0px;
			height:100%;
			text-decoration:none;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu ul ul {
			position:absolute;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
		
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:1200px; } /* defines the total width of the top menu */
	
	/*not used*/
	div#topdropmenu ul.L1		{width:170px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:170px;} /* width of level 2 leaves */

	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:19px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{width:100px; height:35px;} /* level 0 items used external*/
	/*not used*/
	div#topdropmenu ul.L1 li	{width:170px; height:auto;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:170px; height:auto;} /* level 2 items */
	
	
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{height:30px; font-size:120%; font-weight:bold; padding-top:10px; padding-bottom:5px; text-align:center;}
	/*
    div#topdropmenu ul.L1 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.20em; padding-bottom:.25em;display:block; }
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:110%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	*/


	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu 
		{
		    
			font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size:100%;
			
			
			
			
			
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
			font-size:100%; 
			
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			list-style-position:outside;
			margin:0px;
			padding:1px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			  margin:0px;
			  width:220px;
			  margin-bottom:2px;
			 
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			
			padding-top:0.23em;
			padding-bottom:0.33em;
			
			
		}
		
		/* style for the menu bullets */
		

/* Class for invisible items for accessibility (DO NOT REMOVE) */
.invisible { visibility: hidden; margin-top:-10px;}



/*new contents */


/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
/*Set's border, padding and margin to 0 for all values*/








.clear { clear: both; }
#mainContainer {
background: #fff;
position:absolute;
width:1024px;

}
/* html #mainContainer {
height: 300px;*/ /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height 

}***/
/**************************
HEADER
**************************/
#header {
float:left;
background-image: url(../../../../images/header-grad.gif);
width:100%;
margin-top:0px;
height:125px;}

/*Logo area*/

#nibscLogo {
float:left; 
height:100px;
width:200px;
margin-left:22px;
margin-top:20px;
background-image: url(../../../../images/nibsclogo.png);
background-repeat: no-repeat;}

#hpaLogo {
float:left;
margin-right:20px;
margin-top:20px;

width:120px;
height:100px;
background-image: url(../../../../images/hpalogo.png);
background-repeat: no-repeat;}

/*Top Menu*/

#TopMenu {
text-align:center;

height:35px;


}
/**************************
CONTENT AND COLUMNS
**************************/
.outer 
{
width: 1024px;    

border-right: 255px solid white;
background: url(/examples/blackline.gif) 100% 0 repeat-y;
}

/*** This is the visible right col background. Because of IE (both 6 and 7) the right col background and inner border is in fact an repating image where 1px of the left part of the image is black, and is simulating a border.
***/
* html .outer {
/*** No need for hacking IE on this layout ***/
}

#content {
float: left;
width: 500px;
}

/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 500px;
position: relative; /*** IE needs this  ***/
padding: 5px;
}
* html #right {
height: 250px;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}

/**************************
Spotlight Area
***************************/

#spotlight {
background:white;
height:auto;
width:100%;
min-height:200px;}



.box h2 { background:black url(../../../../images/boxtop.gif) no-repeat; width: 100%; color:#ffffff; text-align: center; padding-top:7px; padding-bottom:7px; margin: 0; font-size: 90%; color: #fff; }

.box p {border:1px solid #007576; padding-bottom:30px; height:95px;}

.box	{ float:left;  width: 18%;
margin-top:20px;
margin-bottom:10px;

margin-left:15px;
width:230px;

}


/**************************
FOOTER
**************************/



/**Rounded boxes**/

.feature 
{
float:left;
width:470px;
padding:0 0 20px;
margin-bottom:20px;
margin-left:20px;
margin-top:10px;
padding-right:0px;
height:200px;
border: solid 1px #008998;
}

.featurePic 
{
float:left;
width:470px;

margin-bottom:20px;
margin-left:20px;
margin-top:10px;

height:200px;

}

.feature p {
padding: 5px 5px 0px;
color: #1b220f;
line-height: 1.2;
margin: 0;


}

.feature h3 {
/**background: url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -133px;**/
background: #008998;
padding: 10px 0px 5px 10px;
font-size:110%;
color: #ffffff;
line-height:1;
margin:0;
border: solid 1px #008998;
}

#picbox 
{
float:left;
margin-left:20px;

background: url(../../../../images/aerial.jpg);
margin-top:10px;
width:482px;
height:321px;
padding:0 0 20px;
}

#picbox h3 {
background: url(../../../../images/top.gif) no-repeat;
padding: 10px 20px 10px;
font-size:170%;
color: #fff;
line-height:1;
margin:0;
}

/**Hot topic bar**/

#notice 
{
    padding:0;
    margin-left:2px;
    height:30px;
    width:100%;
    border-top: solid 1px #008998;
    /**background: url(../../../../images/notice.gif); **/
}

#notice p 
{
    padding-top: 8px;
    padding-left:10px;
    font-weight:bold;
}


#menuarea {width:200px; border:0px solid #E5E5E5;  float:left; margin: 10px 5px 0 5px;}

#twocolumn 
{
    position:relative;
    float:left;
    width:788px;
    margin-top:10px;
   margin-left:10px; 
    /*min-height:500px;*/
    
    border:solid 1px #f68620;
  
    
}



#middle 
{ 
    float:left;
    width:578px;  
    margin-left:10px; 
    margin-top:10px;
    margin-right:20px;
    min-height:500px;
    border:solid 1px #f68620;
    
}



#rightcol1
{ 
   
    margin-top:10px;
    float:left;
   
    width: 200px; 
    
  
}



.nav-inner {
background:#fdfdfd;
width:197px;
float:left;
border-left: solid 1px #f68620;
border-right: solid 1px #f68620;
padding-bottom:10px;
}

.nav-base {
width:200px;
height:12px;
float:left;
font-size:1px;
background:url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -18px;

}

.nav-top {
background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -0px;
height:12px;
float:left;
font-size:1px;
width:200px;
}

#rightcol1 .Heading1, H1     
{color:#ffffff; font-size:xx-large; font-family:verdana,arial,helvetica,sans serif; font-weight:bold;  
 margin-bottom:0.5em; padding-left:10px; padding-bottom:5px; background: url(../../../images/threecolumnhead.gif) top no-repeat;}

#rightcol2
{ 
   
    
   float:left;
    width: 200px; 
    margin-top:30px;
 
    
}

#mainbody 
{
   
    width:1020px;
}

.twocolumn-top {
background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -37px;
height:17px;
float:left;
font-size:1px;
width:810px;
}

.twocolumn-bottom {
background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -59px;
height:17px;
float:left;
font-size:1px;
width:810px;
}

.threecolumn-top {
background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -83px;
height:17px;
float:left;
font-size:1px;
width:580px;
}

.threecolumn-bottom {
background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -105px;
height:17px;
float:left;
font-size:1px;
width:580px;
}

.main-inner {
background:#fdfdfd;
width:468px;
height:230px;
float:left;

padding:5px;
}

.three-main-inner {
float:left;
    width:580px;  
    margin-left:10px; 
    margin-top:10px;
    margin-right:20px;
    min-height:500px;
}


.main-bottom 
{
    background:transparent url(../../../../images/nibsc-sprite.png) no-repeat scroll 0 -195px;
    height:20px;
float:left;
font-size:1px;
width:471px;

}

/*Vacancies*/
/*Vacancies2*/
.VacanciesDarkBg {background-color:#008998;}
.VacanciesLightBg1 {background-color:#00aaad;}
.VacanciesLightBg2 {background-color:#00aaad;}
.VacanciesLightBg3 {background-color:#ffffff;}

/*new hpa styling*/

#SiteStructure_Outer {
  margin:0 auto 110px auto;
  width:996px;
  text-align:left;
  background-color: #ffffff;
  min-height:100%;
}

#SiteStructure_Outer #SiteStructure_header {
	background-image:url(../../../../images/sitestructure_headerrepeaterbg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border-bottom:#bebebe 1px solid;
	/*height:210px;*/
}

/*
 * Header Navigation
*/
#SiteStructure_Outer #SiteStructure_header #HeaderNavigation {
	margin:0px;
	font-size:95%;
	padding-right:20px;
}

/*
 * Header Site Search
*/
#SiteStructure_Outer #SiteStructure_header .SiteSearch * {
	margin:0;
	padding:0;
	}
#SiteStructure_Outer #SiteStructure_header .SiteSearch {
	float:right;
	clear:right;
	margin:0 -20px 0 0;
	padding:0;
	position:relative;
	top:22px;
	width:180px;
}
#SiteStructure_Outer #SiteStructure_header .SiteSearch h2 {
	margin-bottom:5px;
}


/*
 * Main navigation
 */
#MainNavigation {
	clear:both;
	position:relative;
	overflow:hidden;
	height:3.4em;
	left:0px;
	width:996px;
	padding-top:30px;
	padding-left:18px;
	}

#SiteStructure_Outer #SiteStructure_Content {
	background-image:url(../../../../images/sitestructure_bodyrepeaterbg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#ffffff;
	/*margin-top:-10px!important;*/
	margin-top:0px;
	/*position:absolute;*/
	width:996px;
	overflow:hidden;
	padding-top:8px;
	min-height:95%;
}

/* Breadcrumb bar */
#SiteStructure_Outer #SiteStructure_Content .SiteStructure_Breadcrumbs {
	font-size:90%;
	margin:10px 0 10px 0px;
	float:left;
	width:700px;
	padding-left:20px
}

/*left navigation*/

.LeftNavigation .AdvColsSmallBox_Plain_Header {
	background-image:url(../../../../images/curved_bg_top_light.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:15px;
	height:auto !important;
	height:15px;
}
.LeftNavigation .AdvColsBox_Body {
	border-bottom-width:0px;
	clear:both;
	padding-left:0px;
}

.LeftNavigation H4
{
    
    color: #6d2d54;
    border-bottom:solid 2px #6d2d54;
    padding: 0 0 5px 10px;
    margin-right:0;
    margin-top:0;
    margin-bottom:0;
    line-height:150%;
}


.LeftNavigation .AdvColsSmallBox_Plain_Footer {
	background-image:url(../../../../images/curved_bg_bottom_light.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#ffffff;
	text-align:right;
	padding:2px 10px;
	height:7px;
}


.LeftNavigation .AdvColsBox_Body ul li.currentpage {
	padding-left:0;
	font-weight: bold;
}




.AdvColsSmallBox, .AdvColsSmallBox_Plain
{
width:224px;
}

.AdvColsBox_Body {
	background-color:#fff;
	border-right-style:solid;
	border-right-color:#c0c0c0;
	border-right-width:1px;
	border-left-style:solid;
	border-left-color:#c0c0c0;
	border-left-width:1px;
	
	border-bottom-color:#c0c0c0;
	border-bottom-width:1px;
	
	text-align:left;
	margin-top:0;
}

.AdvColsBox_Body ul
{
    margin-left:5px;
}

.homefeaturebox 
{
clear:left;
height:285px;
}

.image-container 
{
border:1px solid gray;
height:260px;
position:relative;
width:350px;

}

.image-container p
{
	width:350px;
}



#whatsnew 
{
margin-left:20px;

}
#whatsnew 
{
background-image:url(../../../../images/plain-bg.gif);
clear:none;
}

div.Topics 
{
margin-left:20px;
background-image:url(../../../../images/plain-bg.gif);

}

.RightNavigation .AdvColsSmallBox_Plain_Header {
	background-image:url(../../../../images/curved_bg_top_light.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:15px;
	height:auto !important;
	height:15px;
}

.RightNavigation .AdvColsSmallBox_Plain_Footer {
	background-image:url(../../../../images/curved_bg_bottom_light.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#ffffff;
	text-align:right;
	padding:2px 10px;
	height:7px;
	z-index:1;
}


/*google search*/

#cseDiv div.gs-visibleUrl.gs-visibleUrl-long { display:block; }

#cseDiv div.gs-visibleUrl.gs-visibleUrl-short { display:none; }
#cse-search-results {width:60px;}

#pdficon img {margin-left:300px;}

.dropDown
{
    margin-left:100px;
    padding-bottom: 10px;
    padding-top: 10px;
    float:left;
    }

#pagelinks
{
margin-left:180px;
}

#cse-search-results iframe {width:680px; }

#infobox09 p 
{
	padding-right:5px;
}

.MOTD p 
{
    color:Black;
}

.MOTD h3 
{
    color:Red;
}

/*styling for category tables*/

.productsTable
{
	
	position:relative;
	float:left;
	width:225px;
	padding:10px;
	
}

.productsTable th
{
	border-bottom:solid 1px black;
	padding-bottom:5px;
	text-align:center;
}

.productsTable td
{
	padding-bottom:5px;
}


#categoryTable
{
	width: 680px;
	border: solid 1px black;
	
	
}

.verticalSeparator
{
	width:1px;
	border-left:solid 1px black;
	height:500px;
	float:left;
}

/*Styling for Account Details labels */

.AccountLabel
{
	font-size: 18px;
	font-weight:bold;
	color: #008998;

}

#accountHeader
{
	table-layout:fixed;
	border: solid 2px black;
}

/*Cartbox styling*/
.mGrid { 
    width: 99%; 
    background-color: #fff; 
    margin: 5px 0 0px 0; 
    overflow:visible;
    border-collapse:collapse; 
    text-align:left;
   
}
.mGrid td { 
    padding: 4px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
     font-size:9px;
     text-align:left;
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #008998; 
    border: solid 1px #525252; 
    font-size: 0.8em; 
    text-align:center;
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

#costBox
{
	font-size:8pt;
}

.hyperlink1
{
	font-size:12pt;
	line-height:50px;
	
}

/*class for hiding input label for accessibility*/

.obscure
{
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);

}