/* system Styles */

/*layout styles*/
	#floatstructure 		{height:100%;}
	#floatstructure .gap		{width:50%;}
	#structure				{width:734px; border:0px; padding:10px 6px 6px 6px;}
	#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:1px solid #E5E5E5;}
	#colarea				{clear:both;}	
	#maincontentpage		{float:right; width:542px; margin:0px; padding:6px; border:6px solid #F3F9F2;}
	#footercontent			{clear:both; height:30px; border-top:1px solid #E5E5E5; padding-left:5px; padding-top:10px; margin-top:10px;}	
	
/*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		{width:160px; padding:3px; border:1px solid #E5E5E5;}	
	#maincontenthome		{float:right; width:363px; padding:3px; border:6px solid #F1F1F9; margin:0px 7px 5px 0px;}
	#rightcontenthome		{float:right; width:160px; padding:3px; border:1px solid #E5E5E5;}		


/*Non Selectable Font Styles*/
	.menublue				{margin:0px;}
	#imagehome	    		{border:0px;}
	#logo  		 			{padding-top:4px; padding-bottom:4px;}

/*search box styles */
	#searchright			{padding-top:26px;}
	.immSearchTerms  		{}
	#searcharea				{position:absolute; top:0px; left:520px;}

/*breadcrumb */
	#breadleft				{position:relative; float:left; padding-top:3px; padding-bottom:8px; padding-left:10px; text-decoration:none; color:#5CBF21;}
	.Path 					{text-decoration:none;}
	.Path:visit 			{text-decoration:none;}
	.Path:hover 			{text-decoration:none;}

/*Whats New*/
	.newstitle				{border-top:1px solid #D3DDDC; text-decoration:none; padding:0px 0px 4px 8px;}
	.newsbullet				{background-image:url(../../../../images/red-bullet1.gif); background-repeat:no-repeat;}
	.newsbody				{padding:0px 0px 2px 24px; text-decoration:none;}
	a.titlenews				{text-decoration:none;}
	a.newslinks				{text-decoration:none;}
	a.newslinks:hover,a.titlenews:hover		{}
	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				{text-decoration:none;}
	.sitmpA1				{text-decoration:none;}

/* Quick Menu Styles*/
	.linkhead       		{text-decoration:none;}
	.linkhead2       		{text-decoration:none;}
	.linkhead2:hover     	{}
	.linkhead2:active     	{}

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

/*Events Calendar */
.eventsborder {ine-height:20px;}
.eventsboxbg {}
.eventsbullet {background-image:url(../../images/documenticon.gif);}
/* eWorld UI Calendar Control */
.calCtrl {}
.calCtrlDayHeader {}
.calCtrlMonthHeader {}
.calCtrlWeekDay {}
.calCtrlOffMonth {}
.calCtrlGoToToday {}
.calCtrlTodayDay {}
.calCtrlWeekend {}
.calCtrlSelectedDate {}
.calCtrlClearDate {}
.calCtrlHoliday {}
	

/* AtoZBrowser */
	.AtoZIndex	 			{text-decoration:none;}
	.AtoZIndex:hover 		{}
	.AtoZBG		 			{border:1px solid #E5E5E5;}
	.AtoZLink	 			{}
	.AtoZLink:hover	 		{}
	.AtoZTitle1	 			{border:1px solid #E5E5E5;}

/* NewsLetterAdmin styles */
.NewsLetterDarkBg		{}
.NewsLetterLightBg		{}

/* Language Selector Styles */
	
	#langselect				{}
	#langselect .head		{border-top:1px solid #E5E5E5;}	
	#langselect a			{}
	#langselect a:hover		{}
	#langselect a.sel		{}
	#langselect a.sel:hover	{}
	.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%;
		}
		
		/* 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 
		{	
			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: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; padding-top:5px; padding-left:3px; padding-right:7px; }
	div#topdropmenu ul.L1 li a	{width:150px; height:auto; 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-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;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
			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;}

/* Blogging Plugin  Styles */
.BloggingAboutBox
{
                padding: 10px;
}

.BloggingAboutBox A
{
                display: block;
}

.RSSFeedLink
{
                float:right;
                margin-top: -30px;
                margin-right: 5px;
}

.BlogItem
{
                margin-bottom: 30px;
}

.BlogItem .CreatedDate{
                border-bottom: 1px dashed navy;
                padding-bottom: 10px;
                margin-bottom: 10px;
}

.BlogItem h1.Title{
}

.BlogItem .Content
{
                margin-bottom: 10px;
}

.CommentItem
{
                border-bottom: 1px lightgrey dashed;
                padding-bottom: 10px;
                margin-bottom: 10px;
}

.CommentItem .Title
{
                font-weight: bold;
                margin-bottom: 5px;
}

.CommentItem .MetaData
{
                font-style: italic;
                margin-bottom: 10px;
}

.CommentItem .Content
{
                margin-bottom: 10px;
}

.CommentItem .CreatedDate
{
                font-weight: bold;
}




/* New comment form layout */
.BlogEntryNewCommentForm fieldset {
  margin-bottom: 10px;
}
.BlogEntryNewCommentForm legend {
                padding: 0 2px;
                font-weight: bold;
                _margin: 0 -7px; /* IE Win */
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

.BlogEntryNewCommentForm fieldset ol, 
.BlogEntryNewCommentForm fieldset ul 
{
  margin: 0;
  padding: 0;
}


.BlogEntryNewCommentForm fieldset li {
  list-style: none;
  list-style-image: none;
  padding: 5px;
  margin: 0;
  clear: both;
  border: 0;
}

.BlogEntryNewCommentForm fieldset li input,
.BlogEntryNewCommentForm fieldset li textarea
{
  width: 350px;
}

.BlogEntryNewCommentForm fieldset li div.captcha
{        
    line-height: 1.8em;    
    margin-bottom: 5px;
    float: left;    
}

.BlogEntryNewCommentForm fieldset label, .captchaLabel
{
    width: 120px; /* Width of labels */
    vertical-align:top;
    line-height: 1.8em;
    float: left;
    margin-right: 5px;
}

.BlogEntryNewCommentForm fieldset li div.captcha img 
{
    margin-bottom: 2px;
}

/* Form styles */
                
.BlogEntryNewCommentForm legend { padding-left: 0;}

.BlogEntryNewCommentForm fieldset {
                border: none;
                /*border-top: 1px solid #C9DCA6;*/
                }
                                
.BlogEntryNewCommentForm fieldset li {
                padding: 5px 10px 7px;
                border-top: 1px solid #C9DCA6;
                }

/* End blogging styles */