.Foo { }
/* General */

* html body { background: #000058 url(images/ieback.png) repeat-x;}


body { font-family: Arial, Helvetica, sans-serif; color: #747474; margin: 0; padding: 0; text-align: center; font-size: 100%; cursor: default; background: #000058 url(images/page_bg.gif) repeat-x; }


a:link, a:visited, a:active { color: #000098; text-decoration: underline; }
a:hover { text-decoration: none; color: #000098; }

H1 { font-size: 1.2em; line-height: 1.0em; color: #444343; float: left; padding: 0px; margin: 10px 0 0 0; display: inline; }
H2 {}
H3 { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; }
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; }
/* Hack for ie6 */
* html #Outer { width: 759px; 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; background: transparent url(images/banner/flashbg_tile.gif) repeat-y; }
.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; }
.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_bg.gif) no-repeat 0 0; clear: both; width: 760px; }
.pagebanner .left { display: none; }
.pagebanner .right { padding: 2px 23px 3px 0px; display: block; text-align: right; height: 19px; background: url(images/template/pagebanner/top_tile.png) #010066 repeat-y; }
* html .pagebanner .right { padding: 2px 23px 3px 0px; display: block; text-align: right; height: 19px; background: url(images/template/pagebanner/top_tile.png) #010066 repeat-y; width:738px}
.pagebanner .right a { color: #fff; display: block; font-size: 10px; float: right; text-align: center; height: 19px; padding: 3px 2px 0px 3px; margin: 0 3px; text-decoration: none; font-weight: bold; }
.pagebanner .right a:hover { color: #fff; background: #E52614; text-decoration: underline; font-weight: bold; }
.pagebanner .right a:active { color: #6b8b04; text-decoration: underline; }
.pagebanner .right .Separator { display: block; float: right; }
.pagebanner .logo { float: left; display: block; width: 279px; height: 98px; margin-top: -22px; background:#010066 url(images/logo/logo.gif) no-repeat; }
* html .pagebanner .logo { float: left; display: block; width: 278px; height: 97px; margin: -8px 0 0 0; background: url(images/logo/logo.gif) no-repeat; }
.pagebanner .content { height: 76px; text-align: right; float: right; display: block; background-color: #010066;width:481px }
* html .pagebanner .content { height: 76px; text-align: right; display: block; background-color: #010066;width:482px;height:89px;padding-left:0;}

.pagebanner .content .upper { display: block; float: right; height: 50px; text-align: right; padding: 0; }

.pagebanner .content .lower { display: block; float: right; height: 19px; width: auto; overflow: hidden; padding-right: 20px; text-align: right; margin: 0px; font-size: 11px; color: #FFF; }
.pagebanner .content .lower span { text-align: left; vertical-align: top; padding-right: 15px; height: 19px; width: 3px; line-height: 16px; }
.pagebanner .content .lower a:link, .pagebanner .content .lower a:visited, .pagebanner .content .lower a:active { color: #FFF; text-decoration: none; }
.pagebanner .content .lower a:hover { text-decoration: underline; }


/* 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; }
/* Hack for ie6 */
/*\*/* html div.breadcrumbs { clear: both; display: block; margin: 13px 0px 0px 0px; padding: 0 10px 0 10px; }
/**/
div.breadcrumbs strong { color: #6d6d6d; 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: #668504; }
div.breadcrumbs a.CurrentNode { height: 20px; font-weight: bold; color: #668504; }
div.breadcrumbs a.ParentNode { height: 20px; font-weight: bold; color: #668504; }
/* Breadcrumbs End */

/* applications menu */
.TopNav { list-style: none; padding: 0; margin: 0; }
.TopNav ul.MenuItems { list-style: none; margin: 0; vertical-align: top; padding: 0px 0px 3px 0px; }
.TopNav li.MenuItem { font-size: 11px; background-color: transparent; background-image: url(images/appbtn_bg2.gif); background-repeat: no-repeat; background-position: bottom left; height: 21px; float: left; width: 125px; display: block; border: none; }
.TopNav li.MenuItem span { background: transparent url(images/appbtn_right.gif) no-repeat bottom right; height: 21px; float: right; width: 125px; display: block; border: none; color: #737685; font-weight: bold; text-decoration: none; text-align: center; font-size: 11px; }
.TopNav li.MenuItem span a { background: transparent; height: 21px; line-height: 2em; float: left; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; color: #FF9900; color: #FF9900; color: #737685; line-height: 16px; }
.TopNav li.MenuItem span a:hover { height: 21px; float: left; width: 125px; display: block; border: none; color: #FF9900; font-weight: bold; text-decoration: underline; text-align: center; background-color: transparent; }
.TopNav li.MenuItem span a:active { height: 21px; float: left; width: 125px; display: block; border: none; color: #737685; font-weight: bold; text-decoration: underline; text-align: center; background-color: transparent; line-height: 18px; }
.TopNav li.MenuItem-Selected { font-size: 11px; background: transparent url(images/appbtn_bg4.gif) no-repeat bottom left; height: 21px; float: left; width: 125px; display: block; border: none; }
.TopNav li.MenuItem-Selected span { background: transparent url(images/appbtn_right3.gif) no-repeat bottom right; line-height: 18px; height: 21px; float: right; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; }
.TopNav li.MenuItem-Selected span a { background: transparent; height: 21px; line-height: 2em; float: left; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; color: #FF9900; line-height: 16px; }
.TopNav li.MenuItem-Selected span a:hover { height: 21px; float: left; width: 125px; display: block; border: none; color: #FF9900; font-weight: bold; text-decoration: none; text-align: center; background-color: transparent; }
/* Hide from IE5-Mac \*/
.nav-menu li a { float: none; }
/* End hide */
.nav-menu { width: 30em; }
/* applications menu End */

/* Light blue */
.pagefooter {width:756px;height: 26px; clear: both; text-align: left; padding: 3px 0px 3px 0px; background: url(images/footer/footer_bac_tile.gif) repeat; }
.pagefooter a { color: #000197; font-size: 85%; text-decoration: none; }
.pagefooter a:hover { color: #000197; font-size: 85%; text-decoration: underline; }
.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 .lefttext { display: none; }
.pagefooter .righttext { display: none; }

/* Generic Form for use on the webiste */
.UserForm { font: 0.9em Arial, sans-serif; color: #000000; padding: 10px; }
.UserForm span.fieldlabel, .UserForm label.fieldlabel { display: block; margin-top: 6px; text-align:left;}
.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: 70px; clear:left;background: url(images/commandBtn_tile.gif) no-repeat right 50%;border:none;color:#FFF;text-align: center; padding: 6px; margin-top: 6px; }
.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 */