.Foo { }
/* General */


/* the following star hack rules apply only to IE6 for layout =====*/

* html body .caseLinks { width: 428px; float: left; padding: 0; margin: 0; }
* html body .caseLinks li { list-style: none; display: block; float: left; margin-left: 38px; }

/* GENERAL TAG DEFINITIONS */
html { font-family: arial; color: #333333; margin: 0; padding: 0; text-align: center; font-size: 100%; cursor: default; }
body { background: #B6BBC0 url(images/page_bg.png) repeat-x; margin: 0; padding: 0; }
p { font-size: 0.95em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; }
a:link, a:visited, a:active { color: #0D6DC8; border-bottom: 1px solid #0d6dc8; }
a:link { color: #0D6DC8; border-bottom: 1px solid #0d6dc8; text-decoration: none; }
a:hover { border-bottom: none ;color: #333; text-decoration: none; }
H1 { font-size: 1.2em; line-height: 1.0em; float: left; padding: 0px; margin: 15px 0px 0px 0px; display: inline; height: auto; }
strong {}
h2 { font-size: 1.8em; font-weight: bold; color: #fc6f21; padding: 0px 0 10px 4px; background: #fff; height: auto; width: 100%; margin-left: 8px; margin-right: 10px; margin-bottom: -10px; }
h3 { font-size: 1.6em; color: #fc6f21; font-weight: bold; }
img { border: 0px; }

/* General End */

/*===Everyththing sits inside here inside the outer container 
/* main  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.*/

#Outer { width: 764px; height: 100%; margin: 0px auto;text-align: center; font-size: 0.75em; background: transparent url(images/template/bodyshadow.png) no-repeat left 38px; }
#Outer div { text-align: left; }
.hide { display: none; }
.expandx{height:0px !important;}
/*===delete this and the sky will fall in ===*/
.PageBody { min-height: 500px; height: auto !important; display: block; background: #FFFFFF; clear: both; text-align: left; width: 756px; margin: 0 4px; padding: 0px; }
.TopPane {height:28px; margin:0; padding:16px 0 0 0 }
/*== for light orange site this will hold the left column and the main content column on the homepage ===*/

.ContentPane { clear: both; min-height: 500px; height: auto !important; height: 500px; width: 565px !important; float: left;margin-top:17px; }
* html .ContentPane { clear: both; min-height: 500px; height: auto !important; width: 590px !important; float: left; overflow:hidden;margin-top:17px;}

.leftColumn {float: left;min-height: 300px; width: 170px;display: block;padding-top:8px}

.mainContent {width: 404px;  display: block;}
* html .mainContent {width: 350px;  display: block;padding-top:8px}

.homepage {width:584px;}
* html .homepage {width:600px;}
.RightPane {float:right;min-height:0;padding-top:8px; width:160px;}

.BottomPane { clear: both; height: 40px; }





/*Pagination and listings*/
	ol.search-results span{color:#333 !important; margin:5px 0 5px 0}
	.ContentPane h3{margin:0 0 0 10px;font-size:1.8em !important}
	
	.ContentPane p span {margin-left:4px;padding:0 !important; font-weight:bold !important}
		.ContentPane p span.HighLightText{font-weight:bold; margin:0 !important; padding:0 !important}



/* Banner */
    .pagebanner { background: transparent url(images/template/bannerBG.jpg) no-repeat left 32px; text-align: left; width: 756px;  height: 330px; display: block; margin: 0px auto; }
    * html .pagebanner { background: transparent url(images/template/bannerBG.jpg) no-repeat 4px 32px; text-align: left; width: 764px; min-height: 320px; height: auto !important; height: 320px; display: block; margin: 0px auto; }
    .pagebanner .Logo, 
    .pagebanner .Logo:link, 
    .pagebanner .Logo:active, 
    .pagebanner .Logo:visited, 
    .pagebanner .Logo:hover { float: left; width: 280px; height: 80px; border-bottom: none; }
    .pagebanner .content { background: transparent; float: right; width: 488px; display: block; }
    .pagebanner .content .upper { clear: right; display: block; float: right; width: 100%; text-align: right; height: 27px; }

    /* help & support button in banner */
    .pagebanner .btnhelp, 
    .pagebanner .btnhelp:link, 
    .pagebanner .btnhelp:active, 
    .pagebanner .btnhelp:visited, 
    .pagebanner .btnhelp:hover { display: block; float: right; background: url(images/template/btnhelp.gif) no-repeat top left; width: 128px; height: 29px; border-bottom: none; }

    .pagebanner .flashholder { background: transparent url(images/template/flashholder.jpg) no-repeat 1px 4px; width: 255px; height: 296px; float: left; }
    * html .pagebanner .flashholder { background: transparent url(images/template/flashholder.jpg) no-repeat 4px 4px; }
    /*=== styles the list item inside header/branding area======*/
    .pagebanner .brandingList {width:351px;float:left;padding-top:50px;height:97px;overflow:hidden;}
    .pagebanner .brandingList ul { padding: 0 0 0 6px; margin: 0px; }
    .pagebanner .brandingList ul li { list-style: none; background: transparent url(images/template/bullet.gif) no-repeat left; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1.35em; padding: 0 0 0 20px; margin: 0px; }
    .pagebanner .brandingList ul li a:link,    .pagebanner .brandingList ul li a:visited,    .pagebanner .brandingList ul li a:active { border-bottom: none; text-decoration:none;color:#fff !important; }
    .pagebanner .brandingList ul li a:hover{border-bottom:1px solid #fff !important;}
    /* help & supprt button in banner */
    .pagebanner .btncontact {display:block;float:right;width:100px;height:29px;margin: 100px 10px 0px 0px;border-bottom:none !important;text-decoration:none;}
/* --End banner -- */


/* Breadcrumbs */
    div.breadarea { display: none; }
    div.breadcrumbs { display: none; }
    div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink { }
    div.breadcrumbs a.CurrentNode { }
    div.breadcrumbs a.ParentNode { }
/* Breadcrumbs End */


/* Footer */
    .pagefooter { height: 26px; margin:0 auto;clear: both; text-align: left; padding: 50px 0px 2px 0px; width: 756px; text-align: center !important; background: #FFF url(images/template/footerBranding.jpg) no-repeat center top; }
    * html .pagefooter { height: 26px; }
    .pagefooter a:link { padding: 3px; border-bottom: none; background-color: #fff; }

    .pagefooter .left { display: none; }
    .pagefooter .right { display: none; }
    .pagefooter ul { list-style: none; background-color: #f2f3f4; margin: 0px auto; line-height: 2em; min-height: 30px; height: auto !important; height: 30px; border-bottom: 1px solid #dedfe0; }
    * html .pagefooter ul { height: 29px; }
    .pagefooter ul li { display: inline; background-color: transparent; }
    .pagefooter ul li a,
    .pagefooter ul li a:link,
    .pagefooter ul li a:visited,
    .pagefooter ul li a:active,
    .pagefooter ul li a:hover {  font-size: 0.8em !important; color: #717171; background-color: transparent;border:none !important;text-decoration:none!important }
    .pagefooter .lefttext { display: none; }
    .pagefooter .righttext { display: none; }
/* Footer End */


/* Generic Form for use on the webiste */
    .UserForm { }
    .UserForm span.fieldlabel, .UserForm label.fieldlabel { }
    .UserForm span.btnSend { }
    .UserForm span.field { }
    .UserForm select.listbox { }
    .UserForm textarea.field { }
    .UserForm input.field, .UserForm select.field { }
    .UserForm input.hiddenfield { }
    .UserForm span.fielderror { }
    .UserForm span.fieldrequiredmarker { }
    .UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active, .UserForm a.CommandBtn:visited { }
    .UserForm a.CommandBtn:hover { }
    .UserForm a.CommandBtnSlim, .UserForm a.CommandBtnSlim:link, .UserForm a.CommandBtnSlim:active, .UserForm a.CommandBtnSlim:visited { }
    .UserForm a.CommandBtnSlim:hover { }
/* End Generic Form */