/* system Styles */
body            {font-size:71%; background-color:#ffffff; margin:5px;}
DIV,SPAN,LI     {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;}
P               {font-family: verdana,arial,helvetica,sans serif; margin:0.001pt;}
TD              {font-family: verdana,arial,helvetica,sans serif;}
UL              { margin-top:0.5em; margin-bottom:0.001pt; list-style:outside square url(../../../../images/grey-sq.gif);}
OL              {margin-left:-15px; margin-top:0.5em; margin-bottom:0.001pt; }
form			{MARGIN-TOP: 0.001pt; MARGIN-BOTTOM: 0.001pt; padding-top: 0.001pt; padding-bottom: 0.001pt;}
a			{ text-decoration:none; font-weight:bold;}
a:hover			{}
img				{border: white 0px solid;}
TEXTAREA		{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}
INPUT			{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}

/*layout styles*/
	#wholebg			{width:95%; margin:auto;background-color:#ffffff; }
	#topbg				{height:3px; font-size:50%; }
	#botbg			{}


	#floatstructure 		{height:100%;}
	#floatstructure .gap		{width:50%;}
	#structure			{width:98%; border:0px; margin:auto; padding:0px 15px 10px 15px; }
.noshow {display:none;}
	#headerarea				{position:relative; margin-bottom:4px; color:#FFFFFF;}
	#headerpad				{background-image:url(../../../../images/menubackground.jpg); background-position:center; background-repeat:repeat; padding:8px; }		
	#headerpad a:		{font-weight:bold; color:#FFFFFF; text-decoration:none;border:1px solid #0096D6; padding:0px 2px 0px 2px;}	
	#headerpad a:active	{color:#FFFFFF; text-decoration:none;border:1px solid #0096D6; padding:0px 2px 0px 2px;}	
	#headerpad a:link	{color:#FFFFFF; text-decoration:none;border:1px solid #0096D6; padding:0px 2px 0px 2px;}	
	#headerpad a:visited	{color:#FFFFFF; text-decoration:none;border:1px solid #0096D6; padding:0px 2px 0px 2px;}	
	#headerpad a:hover		{color:#FFFFFF; text-decoration:none; border:1px solid #ffffff; background-color:#000000; padding:0px 2px 0px 2px;}	
	#menuarea				{float:left;  width:160px; padding:3px; border:1px solid #E5E5E5;}
	#colarea				{clear:both;}	
	#maincontentpage		{float:right; width:608px; margin:0px; padding:6px;}

	#maincontentnonnav		{width:90%; margin:0px; padding:6px;}

	#footercontent			{clear:both;  border-top:1px solid #E5E5E5;  padding-top:10px; margin-top:10px;}	
	.reglog				{display:hide; text-align:right; margin-top:0.5em; margin-bottom:1.2em;}



	
/*standard styles*/
	#rightcontentpage		{float:right; width:170px; margin:0px; padding:6px; border-top:6px solid #F3F9F2; border-bottom:6px solid #F3F9F2; border-right:6px solid #F3F9F2;}		
	#maincontentpagewide	{float:right; width:350px; margin:0px 0px 0px 6px; padding:6px; border:6px solid #F3F9F2;}
	
/*home styles*/
	#colareahome			{clear:both; padding-top:6px;}	
	#leftcontenthome		{float:left;  width:180px; padding:3px; border:1px solid #E5E5E5;}	
	
	
	#maincontenthome		{float:left; margin:0px 200px 0px 200px; padding:3px; border:0px;width:100%; }
	#rightcontenthome		{float:right; width:200px; padding:3px; border:1px solid #E5E5E5;}		
	#rightcontenthome a:	{color:#000000; text-decoration:none;}
	#rightcontenthome a:hover	{color:#0094D2;}
	#homecenter ul:			{margin-left:100px;padding:0px;}


/*Non Selectable Font Styles*/
	.menublue				{color:#66B53E; font-size:x-small; font-weight:bold;  margin:0px;}
	#imagehome	    		{border:0px;}
	#logo  		 			{font-size:170%; padding-top:4px; padding-bottom:4px;}

/*search box styles */
	#searchright			{padding-top:26px; color:#808080; font-size:95%;}
	.immSearchTerms  		{font-family: Tahoma, arial, helvetica; font-size:105%;}
	#searcharea				{float:right; text-align:right;padding-top:5px; }
	.listen					{padding:5px 25px 5px 0px;}



/*breadcrumb */
	#breadleft				{padding:5px 0px 5px 0px; text-decoration:none; }
	#breadleft a:				{font-weight:none; }
	.Path 					{color:#414141; text-decoration:none;}
	.Path:visit 			{color:#414141; text-decoration:none;}
	.Path:hover 			{color:#ff0000; text-decoration:none;}

/*Whats New*/
	.newstitle				{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border-top:1px solid #D3DDDC; color:#990066; text-decoration:none; padding:0px 0px 4px 8px;}
	.newsbullet				{background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;}
	.newsbody				{background-color:#F6F8F3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#000000; padding:0px 0px 2px 24px; 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:#000000; text-decoration:none;}
	.sitmpA1				{font-size:small; font-family:Arial,Verdana,Helvetica; color:#00468C; text-decoration:none;}
		.sitmpA2				{font-size:small; font-family:Arial,Verdana,Helvetica; color:#0066cc; text-decoration:none;}

/* Quick Menu Styles*/
	.linkhead       		{color:#ACACAC; 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;}
/* 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	 			{padding:0px 3px 0px 3px; color:#000000; font-weight:bold; border:1px solid #ffffff; font-size:small; font-family:Arial,Verdana,Helvetica; text-decoration:none;}
	.AtoZIndex:hover 		{color:#ffffff; background-color:#0094D2; border:1px solid #000000;}
	.AtoZBG		 			{padding:3px; border:1px solid #0094D2;}
	.AtoZLink	 			{color:#000000;}
	.AtoZLink:hover	 		{color:#000000; }
	.AtoZTitle1	 			{ font-size:small; font-family:Arial,Verdana,Helvetica; color:#ffffff; background-color:#0094D2; border:1px solid #000000;}

/* 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:70%;
		}
		
		/* 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;
			position:relative;
		}
		
		/* 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:700px; } /* defines the total width of the top menu */
	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	{height:19px;} /* level 0 items */
	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:20px; font-size:110%; padding-top:5px; padding-left:10px; padding-right:10px; }
	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 {
			width:180px;
			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:110%; padding:8px 5px 8px 8px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu 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#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
padding-left:5px;
			font-weight:normal;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:left; width:10px; background-repeat:no-repeat;}


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

/* Rss Feed Styles */
UL.rssFeed		{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
UL.rssFeed LI		{margin-bottom:.75em;}
UL.rssFeed A		{font-size:120%; font-weight:bold;}
Ul.rssFeed .desc	{margin-bottom:.2em;}
Ul.rssFeed .meta	{}

/* Extra home page style */
#botmenu { color:#FFFFFF; background-image:url(../../../../images/menubackground.jpg); background-position:center; background-repeat:repeat; padding:6px; }
#botmenu a {color:#FFFFFF; text-decoration:none;}
#botmenu a:hover {color:#FFFFFF; text-decoration:underline;}

#boxouter { margin-left:20px; clear:both;}
#Box1 {    float: left; margin-left:5px;    width: 144px; border:1px solid #0095D3; background-image:url(../../../../images/boxback.gif); background-position:bottom; background-repeat:no-repeat;}
#Box2 {    float: left; margin-left:5px;    width: 144px; border:1px solid #0095D3;background-image:url(../../../../images/boxback.gif); background-position:bottom; background-repeat:no-repeat;}
#Box3 {    float: left; margin-left:5px;    width: 144px; border:1px solid #0095D3;background-image:url(../../../../images/boxback.gif); background-position:bottom; background-repeat:no-repeat;}
#Box4 {    float: left; margin-left:5px;    width: 144px; border:1px solid #0095D3;background-image:url(../../../../images/boxback.gif); background-position:bottom; background-repeat:no-repeat;}
#Box5 {    float: left;  margin-left:5px;   width: 144px; border:1px solid #0095D3;background-image:url(../../../../images/boxback.gif); background-position:bottom; background-repeat:no-repeat;}
.boxtext {padding:0px 6px 6px 6px; text-align:center;}

.imageright {float:right; padding:5px;}
.noborderright {border-width: 0em; float:right; margin-left:0.5em;}