.Foo{}
/* General */
html, body,form	
{font-family: Arial, Helvetica, sans-serif; color: #747474; margin: 0; padding: 0; text-align:center; font-size:100%; cursor:default; background: #D9D9D9 url(images/outer_bac_tile.jpg) repeat-x;}
body {}
a:link, a:visited, a:active {color: #1884ba; text-decoration:underline;border:none !important}
a:hover{text-decoration: none;border:none !important}

h1 {text-indent:-9999px; height:0px; margin-top:-20px;}
h2{}
h3{color:#000;font-size: 112.5%; font-family:Arial, Helvetica, sans-serif}
h4,h5,h6{}

img {border:0px;}
#Outer {width:760px; margin:0px auto; text-align:left; font-size:0.75em; background:  url(images/outer_bac_tile_ie.gif) repeat-y; padding-bottom: 14px}

* html #Outer{width:760px; margin:0px auto; text-align:left; font-size:0.75em; background: url(images/outer_bac_tile_ie.gif) repeat-y; padding-bottom: 14px}/**/ 

.hide {display:none;}
		
/* General End */

/* main content panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.PageBody {min-height:500px; display:block; padding:0 10px}
.TopPane {padding-top: 5px;}
.ContentPane {float:left; min-height:300px;  font: 1.0em Arial;overflow:hidden;margin-right:-10px}

.RightPane {float:right; min-height:300px; width: 150px !important; }	
* html .RightPane{margin-right:2px}

.LeftPane {float:left; min-height:500px; background: #f3f4f0 url(images/lhs_nav_background_gradient.gif) repeat-x bottom; margin-right:10px;}
.BottomPane{padding-top: 5px;clear:both;}

/*Flash home*/

/* Banner */
.pagebanner		        
		{background: url(images/banner/banner_bg.gif) repeat-x; clear:both; width:756px;margin: 0px auto;}
	
.pagebanner	.left	    
		{display:none;}
.pagebanner	.right	    
{ margin: 0 ;  text-align:right; height: 24px; }
.pagebanner	.right a	
		{color: #236D9C;border-left:1px solid #DADADA; display:block; font-size:10px; float:right;  text-align: center; padding: 8px 13px 5px 13px; margin:0px; text-decoration:none; }
.pagebanner	.right a:hover	
		{  text-decoration:underline; background:#FEFEFE;}
.pagebanner	.right a:active	
		{color: #236D9C; text-decoration: underline; }
.pagebanner	.right .Separator
		{display:none}	
.pagebanner .logo 		
		{ background:transparent url(images/logo/logo.jpg) no-repeat; width:247px;float:left; height: 72px;}
* html .pagebanner .logo 		
		{}
.pagebanner .content            
{width:506px; height:72px; text-align:right; float:right;  display:block; background:#FEFEFE  ;}
.pagebanner .content .upper  {display:block; float:right; height: 50px;  text-align:right; background:transparent; padding:5px 0 0}
.pagebanner .content .lower	 {display:none;}

.applications {clear:both; padding: 0px; width: 759px;}
* html .applications {background: url(images/nav/nav_bac_ie.gif) no-repeat;  clear:both; padding: 0px; width: 759px;}

/* End Banner */

/* Breadcrumbs */
.breadarea {padding:0 0 5px 0;}
div.breadcrumbs {clear:both; display:block; margin:5px 10px 5px 10px; color:#000; font-size:90%; font-weight:bold;}

* html div.breadcrumbs {clear:both; display:block;margin:13px 0px 0px 0px; padding: 0 10px 0 10px}
 
div.breadcrumbs strong {color:#000; font-weight:normal;}
div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink:hover
{background: transparent url(icons/Icon_home2.gif) no-repeat top left; padding-left: 22px; height: 20px; font-weight: bold; color: #000}
div.breadcrumbs a.CurrentNode
{height: 20px; font-weight: bold; color: #000;}
div.breadcrumbs  a.ParentNode
{height: 20px; font-weight: bold; color: #000;}
/* Breadcrumbs End */



/* Banner */
.pagefooter	{height:26px; clear:both; text-align:left; padding: 3px 0 1px 0; background: url(images/footer/footer_bac_tile.gif) repeat-y; font-size:90%;}

* html .pagefooter	{margin-left:3px !important; background: #fff url(images/footer/footer_bac_tile.gif)}

.pagefooter a 	{color: #666666; font-size: 90%; text-decoration:none;}
.pagefooter a:hover	{color: #666666; font-size: 90%; text-decoration: none; border-bottom:1px solid}	
.pagefooter	.left	{display:none;}
.pagefooter	.right	{display:none;}
.pagefooter	ul	{list-style:none;float:none;padding:3px 3px 3px 20px;margin:0px;}

.pagefooter	ul li{display:inline;}
		
.pagefooter	ul li a{display:inline; padding: 0 9px 0 10px}
.pagefooter	.lefttext	{display:none}
.pagefooter	.righttext	{display:none;}

/* Generic Form for use on the webiste */
.UserForm  {font: 0.9em Arial, sans-serif; color: #333; padding: 10px}
.UserForm  span.fieldlabel,.UserForm  label.fieldlabel {display:block; margin-top: 6px;}
.UserForm  span.field {width: 250px}
.UserForm  select.listbox {width: 250px}
.UserForm  textarea.field {width: 250px}
.UserForm  input.field, .UserForm  select.field {width: 250px}
.UserForm  input.hiddenfield {}
.UserForm  span.fielderror {color: #CC3300; font-weight: bold;}
.UserForm  span.fieldrequiredmarker {color: #CC3300; font-weight: bold;}
.UserForm  a.CommandBtn, .UserForm  a.CommandBtn:link, .UserForm a.CommandBtn:active,.UserForm  a.CommandBtn:visited {display:block; width: 100px; background: #b14140; color: #fff; border: 1px solid #FFF; text-align: center; padding: 6px; margin-top: 6px;}
.UserForm  a.CommandBtn:hover {display:block; width: 100px;background: #9fb657; color: #fff; border: 1px solid #666}
.UserForm  a.CommandBtnSlim,.UserForm  a.CommandBtnSlim:link,.UserForm  a.CommandBtnSlim:active,.UserForm  a.CommandBtnSlim:visited {}
.UserForm  a.CommandBtnSlim:hover {}
/* End Generic Form */