/* system Styles */
body            {font-size:75.01%; background:url(../../../../images/grey_page_bg_960.jpg) top center repeat-y; 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(../../../../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;margin:0 auto;}
	.gap		{display:none;}
	#structure960			{width:940px; margin:0 auto;border:0px; padding:10px; background-color:#FFF;}
	#structure				{margin:0 auto;width:734px; border:0px; padding:10px 20px; background-color:#FFF;}
	#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;}	
	#headeraccesslinks			{position:absolute;top:0;right:0;padding:5px;background:#fff;}
	#headermenu					{position:absolute;bottom:0;right:0;}
	#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 img 			{margin-left:25px;}
	#footerarea				{clear:both; height:65px; border-top:3px double #E5E5E5; padding-left:5px; padding-top:10px;  
margin-top:10px;color:#ACACAC; font-size:small; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none;line-height:1.3em;}
	#footerarea img				{margin:0 20px 0 0;}

	
/*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(../../../../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:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }

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


.xsmalltext {font-size:x-small;}
/* Fixes for content copied+pasted from Office, sometimes adds in unwanted padding or borders */

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

/* Notification boxes */

.yellow-notice {background:#fff191;border:1px solid #e9ca80;}
.red-notice {background:#ffb091;border:1px solid #fe6529;}
.blue-notice {background:#d7e9f1;border:1px solid #b9cad2;}
.green-notice {background:#d0f5ac;border:1px solid #9ac173;}
.yellow-notice, .red-notice, .blue-notice, .green-notice {padding:10px;border-radius:3px;}
.yellow-notice p, .red-notice p, .blue-notice p, .green-notice p {margin-bottom:1em;}
.yellow-notice p:last-child, .red-notice p:last-child, .blue-notice p:last-child, .green-notice p:last-child {margin-bottom:0;}

.yellow-notice-inline {padding:2px;background:#fff191;border-bottom:1px solid #e9ca80;}

.blue-notice-website {background:url(../../../../images/blue-notice-website.jpg) 10px 50% no-repeat #d7e9f1 !important;padding-left:130px;}

.blue-button {display:inline-block;background:#63a8d5;padding:5px;color:#fff !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bbddf', endColorstr='#4d95cb');background:-webkit-gradient(linear, left top, left bottom, from(#7bbddf), to(#4d95cb));background: -moz-linear-gradient(top,  #7bbddf,  #4d95cb);border-radius:3px;font-weight:bold;}

.blue-button:hover {display:inline-block;background:#62a7d4;padding:5px;color:#fff !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c9e5', endColorstr='#3f89c5');background:-webkit-gradient(linear, left top, left bottom, from(#89c9e5), to(#3f89c5));background: -moz-linear-gradient(top,  #89c9e5,  #3f89c5);border-radius:3px;}


.red-notice-important {padding:5px 5px 5px 75px;border:1px solid #fe6529;background:url(../../../images/red-notice-warning.jpg) 15px 10px no-repeat #ffb091;box-shadow:2px 2px 0px #e9ca80;-moz-box-shadow:3px 3px 0px #e9ca80;-webkit-box-shadow:2px 2px 0px #e9ca80;-o-box-shadow:2px 2px 0px #e9ca80;}
.red-notice-important p {margin-bottom:0;}

.pic-border {border:1px solid #ddd;padding:4px;background:#fff;}

.yellow-notice-new {padding:10px;border:1px solid #e6d93c;background:#f8ed70;background:-moz-linear-gradient(top, #f9ef98, #f8eb4c);-moz-box-shadow:0px 1px 3px #aaa;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}


/* FORM DIV STYLING */

	.form-style {background:#f2f2f2;padding:10px;border:1px solid #ddd;}
	
	.form-style h2, .form-style h3 {color:#FFF;background:#2c59a8;padding:5px 5px 5px 10px;text-shadow:1px 1px 1px #002;margin:-10px -10px 0.5em !important;border-bottom:1px solid #2463d3;}
	
	.form-style .caption, .form-style .caption label {font-size:1em;width:150px !important;padding-top:0.4em !important;}

	.form-style input, .form-style textarea, .form-style select {border:1px solid #CCCCCC;display: block;color:#516064;font-family: arial,helvetica,sans-serif;font-size:1.2em;margin-bottom:0.1em;padding:4px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

	.form-style input:hover, .form-style textarea:hover, .form-style select:hover {box-shadow:0px 0px 4px #aaa;-moz-box-shadow:0px 0px 4px #aaa;}

	.form-style input:focus, .form-style textarea:focus, .form-style select:focus {border:1px solid #999;box-shadow:0px 0px 4px #aaa;-moz-box-shadow:0px 0px 4px #aaa;}
	
	.form-style input[type="submit"] {	padding-left:10px;padding-right:10px;color:#fff;background: #295fc0;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3986da', endColorstr='#193ba9');background:-webkit-gradient(linear, left top, left bottom, from(#3986da), to(#193ba9));background: -moz-linear-gradient(top,  #3986da,  #193ba9);text-shadow:1px 1px 0px #193566;}
	
	.form-style input[type="submit"]:hover {padding-left:10px;padding-right:10px;color:#fff;background: #356bd1;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9de5', endColorstr='#2246c3');background:-webkit-gradient(linear, left top, left bottom, from(#4d9de5), to(#2246c3));background: -moz-linear-gradient(top,  #4d9de5,  #2246c3);text-shadow:1px 1px 0px #193566;cursor:pointer;}
	
	.form-style input[type="checkbox"], .form-style input[type="radio"] {margin-bottom:0.5em;display:inline;}
	
	.small-print {font-size:0.9em;padding:5px;background:#e6e6e6;}

/* Inline list */

	.list-no-bullets {list-style:none;list-style-type:none;list-style-image:none;list-style-position:outside;text-indent:0;margin:0;padding:0;}
	
	.inline-list, .inline-list li {list-style:none;list-style-type:none;list-style-image:none;list-style-position:outside;text-indent:0;margin:0;padding:0;}
	
	.inline-list {float:left;display:inline;clear:both !important;}
	.inline-list li {display:block;float:left;}
	
/* Two-column menu boxes */

	.two-column-menu, .two-column-menu li {list-style:none !important;list-style-type:none !important;list-style-image:none;list-style-position:outside !important;text-indent:0 !important;margin:0 !important;padding:0 !important;}

	.two-column-menu {clear:both;padding-bottom:1em !important;border-bottom:1px dashed #ccc;margin-bottom:1em !important;}
	
	.two-column-menu li {background:#f2f2f2;padding:10px !important;border:1px solid #d8d8d8;border-left:4px solid #d8d8d8;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;display:block;float:left;width:310px;margin:4px 5px !important;}
	
	.two-column-menu h2 {margin-bottom:0.1em;font-size:1.3em;margin-top:0 !important;}
	.two-column-menu img {float:left;margin-right:10px;}
		
	.two-column-menu a, .two-column-menu a:link, .two-column-menu a:visited {color:#333;display:block;}
	.two-column-menu a:hover, .two-column-menu a:active, .two-column-menu a:focus {text-decoration:underline;}
	
	.two-column-menu-block-links li {padding:0 !important;width:330px !important;}
	.two-column-menu-block-links a {padding:10px !important;}