/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}
	UL              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	OL				{margin-top:0px; margin-bottom:0px;}
	BLOCKQUOTE		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

	A               {color:#CCFF00; text-decoration:none;}
	
	/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
	DIV             {color:#FFFFFF;font-size:10pt;}
	P               {color:#FFFFFF; margin:0px; font-size:10pt;}
	TD              {color:#FFFFFF; font-size:10pt;}
	
	
	BODY			{font-family:Arial,Helvetica, Sans-Serif; margin:0px; padding:0px; background-color:#D1D3D4;}

/********************************************************/
/****************** site... *********************/
/********************************************************/
/* Page layout */
#container
{
    width: 1006px;
    min-height: 100%;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page ALWAYS AT THE TOP PARENT LEVEL*/
    text-align: left; /* this overrides the text-align: center on the body element. ALWAYS AT THE TOP PARENT LEVEL*/
}

#outer_wrapper,
#wrapper,
#inner_wrapper,
#content,
#top_banner,
#top_banner_menu
{
    float: left;
}

#top_banner_logo
{
    float: left;
      text-align:left ;
      vertical-align: middle;
       
    
}


#outer_wrapper
{
    width: 1006px;
    min-height: 100%;
    padding-bottom: 14px;
    background: url(../../../../images/common/bottom_border3.png) no-repeat bottom left;            
}

#wrapper
{
    width: 970px;
    padding-left: 18px;
    min-height: 100%;     
    background: url(../../../../images/common/left_hand_side_border.png) repeat-y;        
}

#inner_wrapper
{
    width: 970px;
    padding-right: 18px;
    min-height: 100%;     
    background: url(../../../../images/common/right_hand_side_border.png) repeat-y top right;        
}

#content
{
    width: 970px;
    min-height: 100%;
    padding-top: 5px;
}

#top_banner
{ 
    width: 970px;
    min-height: 78px;
    background-color: #171C22;
    filter: alpha(opacity=90);
    opacity: 0.9;
    border-bottom: solid 1px #4D5155;
    border-top: solid 1px #4D5155;    
} 

#top_banner_logo
{
    width:286px;
    height:85px;
}
#Template_logo,
#logo
{
   display:block;
   margin: 14.5px 0px 0px 15px; /*top - right - bottom - left*/
   vertical-align: middle;
}



/* TOP MENU Bar*/
#top_banner_menu
{
    width: 679px;
    height: 85px;
    margin-left: 5px;
     z-index:2;
}

/* Top Drop Down Menu Styles */
/* 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-size: small; 
    font-weight: bold;
    width: 679px;
	height: 42px;
}
		
/* default ul tag style for this menu - you probably won't need to change this */
div#topdropmenu ul 
{
    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 
{
    display:block;
    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		{height:42px; border-left:1px solid #4D5155;} /* defines the total width of the top menu */
div#topdropmenu ul.L1       {background: url(../../../../images/common/pointer.png) no-repeat; padding-top: 9px; width: 130px;} /* width of level 1 leaves - set the width for IE browser*/
	
/* defines position of drop down leaves */
div#topdropmenu ul.L0 ul	{left:0;} /* position of first leaf */
div#topdropmenu ul.L1 ul	{top:-1px; left:100%; } /* position of second leaf */

/* defines width of menu items */
#topdropmenu a			{}
#topdropmenu a:hover	{}

/* Level 0 Styles */
#topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
#topdropmenu ul.L0 li	
{
    text-align: center; 
    height: 21px;
} 

#topdropmenu UL.L0 LI a
{color: #FFFFFF; 
  
 
 }

#topdropmenu UL.L0 LI a.selected
{color: #FFFFFF; 
  border-bottom:solid 1px #CCFF00;
}
  
#topdropmenu UL.L0 LI a:hover 
{
    color: #FFFFFF; 
    
     border-bottom:solid 1px #CCFF00;
    
   
}


#topdropmenu UL.L0 LI a 
{
    padding-top: 22px; 
    padding-left:8px; 
    padding-right:8px;
    border-right:1px solid #4D5155; 
    border-bottom:1px solid transparent;
}

/* Level 1 Styles */
#topdropmenu UL UL.L1			{}
#topdropmenu ul.L1 li	
{
    top:-1px; 
    background-color: #FFFFFF; 
    filter: alpha(opacity=90); 
    opacity: 0.9; 
    white-space:nowrap; 
    width: 100%;
    /* z-index:1;
    position: relative; */
}
#topdropmenu UL.L1 LI a         
{
    color:#000000; 
    padding-top: 2px; 
    padding-bottom:0;
    text-align:left;
    /* z-index:1;
    position: relative; */
}
#topdropmenu UL.L1 LI a:hover   
{
    color: #000000; 
    text-decoration: underline;
      /* z-index:1;
    position: relative; */
}	
	
/* End TOP MENU Bar*/

/* SEARCH BOX Style */	
#search
{     
    width: 286px;
    height: 58px;
    background-color: #171C22;
}

#searchBox
{
    width:286px;
    margin: 0;
    padding: 0;
    height: 38px;
    float: left;
    filter: alpha(opacity=90);
    opacity: 0.9; 
}

#search label,
#search img
{
    display: none;    
}

#Template_search_box_quickSearch
{
    float: left;
    margin: 5px 0 19px 12px;
    width:200px;
    padding: 0;
    background-color: #FFFFFF;  
}

#search .Button
{    
    margin: 4px 0 19px 5px;
    padding: 0;   
    float: left;
}

#search .Button img
{
    display: inline;
}

#search_content
{
    width: 274px;
    height: 20px;
    padding: 0;
    margin: 0 0 0 12px;
    float: left;
    filter: alpha(opacity=90);
    opacity: 0.9; 
}
/* End SEARCH BOX Style */	

.content_area_title_left
{
    padding: 6px 12px 6px 12px;
}

.content_area_title_right
{
    padding: 6px 14px 6px 14px;
}

/* BOTTOM LINK MENU style */
#bottom_menu_link
{
   float:left;
   width:964px;
   min-height:30px; 
   margin-top: 20px;
   padding: 0 0 0 26px;
}

#container_bottom_menu
{
   height: 100%;
   float:left;
}

div#container_bottom_menu a {
    display:block;
    margin:0px;
    height:100%;
    text-decoration:none;
}

div.BM0,
div.BM1
{
    float:left;
    padding-right: 15px;
}

div.BM0
{
    width:auto;
}

#site_link
{
    height: 100%;
    float:left;
}

#site_link a 
{
    display:block;
    margin:0;
    text-decoration:none;
}
/* End BOTTOM LINK MENU */
	
/*Bottom Drop Down Menu Color Selection Styles */
.BM0,               /* level 0 "leaf" properties - not really a leaf since its the top level */
.BM1                /* Level 1 Styles */
{
    color:#171C22; 
    font-size:80%; 
    font-weight:bold;
}
			    
.BM0 a:hover,       /* hover effect for level 0 with no children */
.BM1 a:hover
{
    border-bottom: 1px solid #CCFF00;
}