/* CSS Document */
/* system Styles */

body            {font-size:70%; background-color:#F2F2F2 !important; margin:0px;}

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-left: 15px; margin-top:0.5em; margin-bottom:0.001pt; list-style:outside square url(file:///C|/images/li.gif);  

list-style-position:outside;}

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				{color:#26264E; text-decoration:none;}

a:hover			{color:#000000;}

img				{border: white 0px solid;}

TEXTAREA		{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}

INPUT			{FONT: 100% Verdana, Arial, Helvetica, sans-serif;}





/*layout styles*/

	#floatstructure 			{height:100%;border:0;}

	#floatstructure .gap		{width:50%;}

	#page			{width:940px; margin:0 auto;border:0px; padding:10px; background-color:#FFF;overflow: hidden;}

	#structure				{margin:0 auto;width:734px; border:0px; padding:10px 20px; background-color:#FFF;overflow: hidden;}

	#header					{margin-bottom:3px;display:inline;clear:both;}

	#headerarea				{position:relative; margin-bottom:4px;}

	#headerpad				{margin-top:2px; margin-bottom:8px; border:1px solid #E5E5E5; padding-bottom:6px;  

padding-top:6px;}	

	#menuarea				{width:158px; border:0px solid #E5E5E5;}

	#colarea				{clear:both;}	

	#maincontentpage		{float:right; width:542px; margin:0px; padding:6px; border:0px solid #F3F9F2;}

	#footercontent			{clear:both; height:65px; border-top:1px solid #E5E5E5; padding-left:5px; padding-top:10px;  

margin-top:10px;}	

	#footerarea				{}



	

/*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;margin-top:6px}	

	#leftcontenthome		{width:160px; padding:3px; border:0px solid #E5E5E5;}	

	#maincontenthome		{float:right; width:363px; padding:3px; border:0px solid #FFFFFF; margin:0px 7px 5px 0px;}

	#rightcontenthome		{float:right; width:160px; padding:3px; border:0px solid #FFFFFF;}		





/*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;}

	

	.dclogo {padding-left:10px;}

	

/*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:30px; left:520px; margin:0px;}



	#searchbit 				{margin-top:20px;text-align:right;padding-right:5px;padding-bottom:3px;}



/*breadcrumb */

	#breadleft				{position:relative; float:left; padding-top:3px; padding-bottom:8px; padding-left:10px;  

text-decoration:none; color:#5CBF21;}

	.Path 					{color:#5CBF21; text-decoration:none;}

	.Path:visited 			{color:#000000; text-decoration:none;}

	.Path:hover 			{color:#000000; 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(file:///C|/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:#66B53E; text-decoration:none;}

	.sitmpA1				{font-size:small; font-family:Arial,Verdana,Helvetica; color:#000000; 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;}

.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;}

	.AtoZIndex:hover 		{color:#9999ff;}

	.AtoZBG		 			{background-color:#F0F9F8; border:1px solid #E5E5E5;}

	.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;position:relative;

						width:732px;border:1px solid #DDD;clear:both;display:inline;margin:5px 0 8px;padding-top:6px;}

		

		/* 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:722px; } /* 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:3px; padding-right:7px; }

	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:158px;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;}

		

		/* 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	{}



/* Float Styles */

.left				{float:left;}

.right				{float:right;}

.clear				{clear:both;}



#topdropmenu a.last				{background-image:none !important;}





/* Fixes for content copied+pasted from Office, sometimes adds in unwanted padding or borders */



.msoTableGrid {margin:0;padding:0;border:0;}