﻿
/* General */
html, form { font-family: arial; color: #333; margin: 0; padding: 0; text-align: center; font-size: 100%; cursor: default; }
body { background: #e5e1ce url(Images/page_background.gif) repeat-x; height: auto; margin: 0; padding: 0;}
body p { font-size: 0.95em; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; }
a:link, a:visited, a:active { color: #033e8e; text-decoration: none; }
a:link { color: #033e8e; text-decoration: underline; }
a:hover { text-decoration: underline; color: #033e8e; }
H1 { font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-size: 1.2em; line-height: 1.0em; float: left; padding: 0px; margin: 15px 0px 0px 0px; display: inline; }
h2 { font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 1.4em; background: #01285c; margin-bottom: 10px; padding-bottom: 2px; margin-left: 8px; width: 92%; color: #fff; margin-right: 10px; padding-top: 0px; }
H3 { font-size: 1.4em; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-weight: bold; color: #000; padding: 0; margin: 0;  }

H4 { font-size: 1.2em; font-family: "Palatino Linotype" , Georgia, "Times New Roman" , Times, serif; font-weight: normal; color: #000; padding: 0; margin: 0;  }

img { border: none;}
#Outer { margin: 0 auto; /* For most browsers */ padding: 0px; text-align: left; /* IE Fix */ width: 756px; font-size: 0.75em; /*height: 1px;*/ background-color: #fff; border-left: 1px solid #d7d3c1; border-right: 1px solid #d7d3c1; }

/*\*/* html #Outer { }
/**/


.hide { display: none; }
.Separator { display: none; }

/* General End */

/* 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 really.*/

.PageBody { background-color: #FFF; height: auto; display: block; margin: 0px 8px 0px 8px; }

/*\*/* html .PageBody { background-color: #FFF; height: auto; display: block; margin: 0px 0px 0px 8px; }
/**/


.TopPane { display:none; }
.LeftPane { float: left; background-color:#E7A700;min-height:800px;height:auto !important;height:800px;}
.ContentPane { float: left; min-height: 550px;width:399px;padding: 0 8px ;overflow:hidden; }
 * html .ContentPane { float: left; min-height: 550px;width:383px;padding: 0 8px ;overflow:hidden; }
/*\*/* html .RightPane{ padding-right:15px !important;}/**/
.RightPane { float: right; min-height: 300px; background: #fff;width:150px;padding-right:5px; }
.BottomPane { display:none; }

/* Banner */
.pagebanner { background: url(images/banner_section.jpg) repeat-x bottom left; clear: both; height: 126px;  }

.pagebanner .footer ,.pagebanner .right, .pagebanner .left { display: none; }


.logo { background: url(Images/top-banner.jpg) no-repeat bottom left; width: 260px;  float: left; height:102px; margin-top: 24px; padding: 0px; }
.pagebanner .content { float: right; width: 496px; height: 126px; display: block;  }
.pagebanner .content .upper { clear: right; display: block; float: right; width: 100%; height: 24px;  font-size:0.9em; }
.pagebanner .content .upper a { color: #033e8e; padding:7px 14px 0px;height:24px;line-height:1.1em; display: block; float: right; text-decoration: none;font-family: Verdana, Helvetica, sans-serif; }
.pagebanner .content .upper a:hover { text-decoration: underline; color: #fff;background: #002052; }




.pagebanner .content .lower { }

.pagebanner .content .lower span { }

.pagebanner .content .lower a:link, .pagebanner .content .lower a:visited, .pagebanner .content .lower a:active { text-decoration: none; }

.pagebanner .content .lower a:hover { text-decoration: underline; }



/* End Banner */




/* ==================Breadcrumbs =====================*/
div.breadarea { margin-left: 5px; padding: 0px; height: 33px; }


div.breadcrumbs { display: block; padding-left: 10px; padding-top: 5px; font-size: 0.95em; }


/* Hack for ie6 */
/*\*/* html div.breadcrumbs { clear: both; display: block; margin: 13px 0px 0px 0px; padding: 0 10px 0 10px; }
/**/

div.breadcrumbs .current{font-weight:bold;color:#000;}

/* Breadcrumbs End */

/* applications menu */

.Top { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }

.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: 300em; }
/* applications menu End */

.flashholder { width: 100%; height: 209px; display: block; clear: both;  }

/* Banner */



.pagefooter { clear: both; margin-left: -8px; margin-top:30px; height:190px; width: 756px; background: #e5e1ce url(images/footer.gif) no-repeat; }




.pagefooter a { color: #336697; font-size: 0.95em; padding: 13px; text-decoration: none; }

.pagefooter a:hover { text-decoration: underline; color: #336697; }

.pagefooter .left { display: none; }

.pagefooter .right { display: none; }

.pagefooter ul { list-style: none; float: none; text-align:center; padding: 3px;width:70%; margin: 0px auto; }
.pagefooter ul li { display: inline; }

.pagefooter .lefttext { display: none; }
.pagefooter .righttext { display: none; }

/* Generic Form for use on the webiste */
.UserForm { font: 1.0em Tahoma, Helvetica, sans-serif; margin-top: 30px; background: #ffffff; margin-top: 5px; color: #777; padding: 10px; }

.UserForm span.fieldlabel, .UserForm label.fieldlabel { display: block; margin-top: 6px; }

.UserForm span.btnSend { clear: both; float: left; margin-left: 0px; margin-bottom: 38%; margin-top: 25px; }

.UserForm span.field { width: 240px; }

.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; }

.UserForm span.fieldrequiredmarker { color: #CC3300; }

a.CommandBtn,.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active, .UserForm a.CommandBtn:visited { display: block; width: 50px; height:8px; border: 1px solid #FFF; text-align: center; padding: 6px; margin-top: 6px; background-image: url(Images/btn_submit.jpg);  }

a.CommandBtn:hover,.UserForm a.CommandBtn:hover { display: block; width: 50px; height:8px; background: #FFF; color: #beb08e; border: 1px solid #666; background-image: url(Images/btn_submit.jpg); }

.UserForm a.CommandBtnSlim, .UserForm a.CommandBtnSlim:link, .UserForm a.CommandBtnSlim:active, .UserForm a.CommandBtnSlim:visited { }

.UserForm a.CommandBtnSlim:hover { }

/* End Generic Form */