.Foo
{
}
/* General */
html, body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #747474;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 100%;
    height: 100%;
    background: #707579;
}
body
{
    background: transparent url(images/PageBG.jpg) center top repeat-y;
    height: 100%;
}

a,a:link {color: #000;}
a:visited, a:active
{
    
    text-decoration:none !important;
	font-weight:normal !important;
}
a:hover
{
    text-decoration: underline;
    
}
H1
{
    display: none;
}

H2
{
    display: none;
}
H4, H5, H6
{
}
H3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;

    margin: 0;
}
H4
{
    margin-bottom: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #202020;
    font-size: 100%;
    border-bottom: 1px solid #a9a9a9;
    padding-bottom: 3px;
}
H5
{
    margin: 6px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 100%;
}


img
{
    border: 0px;
}
#Outer
{
    width: 986px;
    margin: 10px auto;
    margin-bottom: 0 !important;
    text-align: left;
    font-size: 0.75em; /*height: 1px;*/
    background: #FFF;
}
.hide, .PrintLogo
{
    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
{
    display: block;
    background: #FFF url(images/template/pagebody_bac.gif) top left no-repeat;
    margin: 0;
    width: 986px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}


.PageBody:after
{
    content: " .";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hack for ie6 */
/*\*/* html .PageBody
{
    display: block;
    background: #FFF url(images/template/pagebody_bac.gif) top left no-repeat;
    margin: 0;
    width: 986px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}
/* End hack */


label
{
    color: #000;
}

.TopPane
{
    padding-top: 5px;
}
.ContentPane
{
    float: left;
    width: 395px !important;
    padding: 0 0 5px 0;
    color: #202020;
	overflow:hidden;

}
/* Hack for ie6 */
/*\*/* html .ContentPane
{
    float: left;
    width: 395px !important;
    padding: 0 0 5px 0;
    margin: 0 4px 0 0 !important;
    color: #202020;
	width:	390px;
}
/* End hack */
.ContentPane
{
    margin: 0 3px 0 0;
}
/* ie 5.5 can't see the next line but all others can \*/
.ContentPane
{
    margin: 0 !important;
}
/* End hack */


.RightPane
{
    float: right;
    width: 445px !important;
    margin: 0 0 0 0;
    color: #000;
    padding: 0;
}

/* Hack for ie6 */
/*\*/* html .RightPane
{
    float: right;
    width: 436px !important;
    margin: 1px 6px 0 3px;
    color: #000;
    padding: 0;
}


/* End hack */



/* Hack for ie6 */
/*\*/* html .RightPane .expandx
{
    display: none;
}


/* End hack */

.LeftPane
{
    float: left;
    width: 141px !important;
}
.BottomPane
{
    padding-top: 5px;
    clear: both;
}


/* Banner */
.pagebanner
{
    clear: both;
}
.pagebanner .left
{
    display: none;
}
.pagebanner .right
{
    padding: 0;    float: left;
    text-align: left;
    width: 138px;
  
}
* html .pagebanner .right
{
}

.pagebanner .right a
{
    color: #000;
    font-size: 90%;
    display: block;
    border-top: 1px solid #404040;
    padding: 1px 3px;
}
.pagebanner .right a:hover
{
    text-decoration: none;
    background: #ddd;
}
.pagebanner .right a:active
{
    text-decoration: none;
    background: #ddd;
}
.pagebanner .right .Separator
{
    display: none;
}
.pagebanner .logo
{
    background: transparent url(images/template/logo.gif) no-repeat;
    width: 364px;
    height: 106px;
    float: left;
}
.pagebanner .content
{    
    text-align: left;
    padding: 0;
    background: url(images/template/pagebanner/login_top.gif) top repeat-x;
    float: left;
    margin: 0 22px 0 16px;
    color: #fff;
    padding: 2px 0;
    width:266px
}

* html .pagebanner .content
{    
  margin-right:5px;
    width:273px
}
.pagebanner .content .upper
{
    display: block;
    clear: right;
    text-align: left;
    padding: 1px 0 1px 8px;
}
.pagebanner .content .lower
{
    background: #dcdcdc;
    text-align: right;
    border-top: 2px solid #fff;
    color: #000;
    font-size: 80%;
    clear: both;
    padding: 0px 3px 3px 3px;
}
.pagebanner .content .lower span
{
}
.pagebanner .content .lower a:link, .pagebanner .content .lower a:visited, .pagebanner .content .lower a:active
{
    color: #000;
    text-decoration: underline;
}
.pagebanner .content .lower a:hover
{
    text-decoration: none;
}

.pagebanner label
{
    display: none;
}
.pagebanner .LoginCheck label
{
    display: inline;
    font-size: 90%;
}
.pagebanner .LoginCheck input
{
    padding: 0px;
    margin: 0px;
    height: 14px;
    width: 15px;
}
.applications
{
    clear: both;
    margin: 0;
    padding: 0;
}
.pagebanner input.Button
{
    padding: 5px 0 0 0;
}
.pagebanner input.Username
{
    margin: 4px 3px 0 0;
    border-width: 0 !important;
    padding: 0px 0 0 0;
    width: 72px;
    float: left;
    height: 18px;
}
.pagebanner input.Password
{
    border-width: 0 !important;
    margin: 0;
    padding: 0px 0 0 0;
    width: 72px;
    float: left;
    height: 18px;
    margin: 4px 2px 0 0;
}

/* End Banner */



/* Breadcrumbs */
.breadarea
{
    width: 986px;
}
div.breadcrumbs
{
    clear: both;
    display: block;
    font-size: 90%;
    color: #000;
    padding: 3px 0 3px 12px;
}
/* Hack for ie6 */
/*\*/* html div.breadcrumbs
{
    clear: both;
    display: block;
    height: 21px;
    font-size: 90%;
    color: #000;
}
/**/
div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink:hover
{
    padding-left: 22px;
    height: 21px;
    text-decoration: underline;
    color: #000 !important;
}
div.breadcrumbs a.CurrentNode
{
    height: 21px;
    font-weight: bold;
    color: #000;
}
div.breadcrumbs a.ParentNode
{
    height: 21px;
    font-weight: bold;
    color: #000;
}
div.breadcrumbs a
{
    color: #000;
    text-decoration: underline;
    font-size: 90%;
}
div.breadcrumbs a:hover
{
    color: #000;
    text-decoration: none;
}
div.breadcrumbs .current
{
    text-decoration: none;
    color: #000 !important;
    font-weight: bold;
}
/* Breadcrumbs End */


/* applications menu */
/* .TopNav                         
		{list-style: none;padding: 0;margin:0;}
.TopNav ul.MenuItems            
		{list-style: none; margin: 0; 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:#000;color:#000;color: #737685;line-height:16px;}
.TopNav li.MenuItem span a:hover
		{height: 21px;float: left;width: 125px;display: block;border: none;color:#000; 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:#000;line-height:16px;}
.TopNav li.MenuItem-Selected span a:hover
		{height: 21px; float: left;width: 125px;display: block;border: none;color: #000;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 */

/* Banner */
.pagefooter
{
    clear: both;
    position: relative;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 986px;
    border-top: 2px solid #636466;
    text-transform: uppercase;
    margin-top: 24px;
}
.pagefooter a
{
    color: #000;
    font-size: 80%;
}
.pagefooter .left
{
}
.pagefooter .right
{
}
.pagefooter ul
{
    list-style: none;
    float: none;
    padding: 3px 3px 3px 20px;
    margin: 0px;
}
.pagefooter ul li
{
    display: inline;
}
.pagefooter .lefttext
{
}
.pagefooter .righttext
{
}

/* Generic Form for use on the webiste */
.UserForm
{
    background: #d9d9d9;
    color: #000;
    padding: 10px;
    font-size: 90%;
}
.UserForm span.fieldlabel, .UserForm label.fieldlabel
{
    display: block;
    margin-top: 4px;
    width: 300px;
}
.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;
}
.UserForm span.fieldrequiredmarker
{
    color: #CC3300;
}
.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active, .UserForm a.CommandBtn:visited
{
    display: block;
    width: 50px;
    background: #3d3d3d;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 2px;
    margin-top: 8px;
    text-transform: uppercase;
    font-size: 90%;
    text-decoration: none;
    font-weight: normal !important;
}
.UserForm a.CommandBtn:hover
{
    display: block;
    width: 50px;
    background: #3d3d3d;
    color: #fff;
    border: 1px solid #000 !important;
    text-decoration: none;
}
.UserForm a.CommandBtnSlim, .UserForm a.CommandBtnSlim:link, .UserForm a.CommandBtnSlim:active, .UserForm a.CommandBtnSlim:visited
{
}
.UserForm a.CommandBtnSlim:hover
{
}
/* End Generic Form */


     /* News ticker */
    #news{position:relative;clear:both;height:2em;padding-left:10px;margin-top:-2px;width:100%;}
    #news H4{border:none;Float:left !important;width:104px !important;position:relative !important;top:0px;margin:0px !important;padding:0 !important;font-size:0.9em;font-weight:bold;text-transform:uppercase;color:#434343;margin-top:4px !important}
    #news ul{list-style:none;}
    #news ul li{ background: transparent none !important;border-right:1px solid #434343;display:inline;font-size:0.9em;color:#444444; font-family:Verdana,Arial, Helvetica, sans-serif;}
    #news ul li a,#news ul li a:active,#news ul li a:visited,#news ul li a:hover{text-decoration:underline;font-weight:bold !important;}
    #news ul.item,#news ul.item li{margin:0px;padding:0;position:relative;top:2px;left:0px;list-style:none;display:block;float:left;border-right:none}
    #news .item{position:relative;margin-right:100px}
    #news .reveal{background-color:#fff; display:block;float:left;color:#444444;position:absolute;right:-10px;top:2px;width:100%;z-index:5;}
    #news .tickerPager{width:60px;float:right;margin-top:4px;text-align:right;margin-right:-10px;}
    #news ul li a:link
	{
		color: #000;
		text-decoration: underline !important;font-weight:bold;
	}
	#news ul li a:hover
	{
		text-decoration: underline;
		color: #000;
	}
    /* ticker */