/* system Styles */
body            {font-size:70%; background-color:#ffffff; margin:0px; }
DIV,SPAN,LI     {font-family: arial,helvetica,sans serif; margin:0.001pt;}
P               {font-family: 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-orange.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				{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;}
h1				{color: #cdac75;font-size: 1.5em;text-align: left;}
h2				{color: #0379a8;font-size: 1.25em;}
h3				{color: #cdac75; font-size: 1em; }

/*layout styles*/
	#floatstructure 		{height:100%; }
	#floatstructure .gap		{width:50%;}
	#structure				{width:780px; border:0px; padding:10px 6px 6px 6px; background-color:#ffffff; margin:auto; }
	#headerarea				{
	position:relative;
	margin-bottom:4px;
	top: 5px;
}
	.headera				{}
	#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:580px; margin:0px; padding:6px; border:6px solid #F3F9F2;}
	#maincontentpage ul		{margin-left:30px;}
	#maincontentpage a		{font-weight:bold;}
	#leftcontentpage		{width:160px; padding:3px; border:1px solid #E5E5E5; position:relative;}	
	#footercontent			{color:#333333; clear:both;  border-top:1px solid #E5E5E5;  padding:10px; margin-top:20px;}	
	#footercontent	a		{color:#333333; font-weight:normal; }
		#footercontent	a:hover		{color:#ff0000; }



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

	#maindata li			{padding-bottom:5px;}
	#maindata a 			{font-weight:bold;}

	#maincontenthome		{float:right; width:363px; padding:3px; border:6px solid #F1F1F9; margin:0px 7px 5px 0px;}
	#maincontenthome a		{font-weight:bold;}
	#rightcontenthome		{float:right; width:160px; padding:3px; border:1px solid #E5E5E5;}		
	#rightcontenthome a		{font-weight:bold;}


/*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				{position:absolute; top:136px; left:550px; color:#ffffff; }

/*breadcrumb */
	#bread					{color:#666666; padding:10px 0px 8px 10px;  font-weight:normal;}

	#breadleft				{ text-decoration:none; color:#666666; font-weight:normal;}
	#breadleft a				{color:#666666;text-decoration:none; font-weight:normal;}
	#breadleft a:Visited			{color:#666666;text-decoration:none; font-weight:normal;}
	#breadleft a:Hover			{color:#ff0000; text-decoration:none; font-weight:normal;}

	

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



/* 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;}
	
		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: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 { }
		div#sidemenu .head	{font-size:110%; padding:8px 5px 8px 8px;}
		div#sidemenu ul {list-style:none; margin:0px; padding:0px;}
		div#sidemenu ul li		{float:left; width:100%; margin:0px;	}
		div#sidemenu a {display:block; text-decoration:none; padding-top:0.23em; padding-bottom:0.33em; }
		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	{}

/* 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
{
                font-size: x-large;
                color: navy;
                border-bottom: 1px dashed navy;
                padding-bottom: 10px;
                margin-bottom: 10px;
}

.BlogItem h1.Title
{
                font-size: large;
}

.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;
                color: gray;
                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; color: #333; }

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

/* End blogging styles */

.alignright {text-align:right;}

/* box */
#boxwrapper {	text-align: left;	margin: 0px auto;	padding: 0px;	border:0px;	width: 780px;	background: url("/path/to/your/background_cols.gif") repeat;}
#boxside-a {	float: left;	width: 254px; background-color:#ffffff; }
#boxside-a a {font-weight:bold;}
#boxside-b {	float: right;	width: 254px; background-color:#ffffff; }
#boxside-b a {font-weight:bold;}
#boxcontent { 	float: left;	width: 254px; background-color:#ffffff; margin-left:10px; }
#boxcontent a {font-weight:bold;}

	#breadleft				{padding:5px 0px 5px 6px; text-decoration:none; font-size:85%; }
	#breadleft a				{font-weight:bold; }
	.Path 					{color:#414141; text-decoration:none;}
	.Path: visited 			{color:#414141; text-decoration:none;}
	.Path: hover 			{color:#ff0000; text-decoration:none;}
	
	#bottom_left_links{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 155px;	
	position: absolute;
	bottom: 0px;
	margin-bottom: 10px;
}
#bottom_left_links li{
	background-color: #c9e4ee;
	width: 155px;	
	margin-bottom: 4px;
	background-image:url(../images/bottom_left_links_arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 8px;
}
#bottom_left_links li a{
	padding: 9px;
	color: #056991;
	text-decoration: none;
	display:block;
	width: 116px;	
	padding-left: 30px;
	background-image:url(../images/bottom_left_links_arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 8px;	
}
#bottom_left_links li a:hover{
	text-decoration: underline;
	background-color: #dbf1f9;
	background-image:url(../images/bottom_left_links_arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 8px;	
}

.imageright {float:right;}