/* CSS Document */

body, html {width:100%; margin:0; padding:0;}

/* Main elements */

#page {width:1024px; margin:0 auto;}
#left {width:216px; float:left; padding:0 0 0 24px; display:block; margin:0;}
#right {float:right; width:784px; position:relative;}
#head {display:block; width:784px; height:203px;}
ol li {margin-bottom:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666666;}

/* Right Navigation */

#rightNav {width:160px; padding:60px 15px 60px 0; float:right;}
#rightNav ul {width:160px; display:block;}
#rightNav ul, #rightNav li {margin:0; padding:0; list-style:none}
#rightNav ul a {font-size:12px; color:#666666; text-decoration:none; font-family:"Times New Roman", Times, serif; padding-left:30px; font-weight:900; display:block;}
#rightNav ul a:hover {background:url(img/ele/r-nav-bull.jpg) no-repeat}
#rightNav li {margin:20px; display:block;}

/* Left Navigation */

#leftNav {width:215px; display:block; float:right; padding-bottom:30px;}
#leftNav, #leftNav li {display:block; list-style:none; margin:0; padding:0; }
#leftNav li {margin-top:15px; height:65px;}
#leftNav a {background:url(img/ele/l-nav.jpg) no-repeat; line-height:15px; font-size:16px; padding:25px 0 0 80px; height:46px; width:135px; display:block; font-family:"Times New Roman", Times, serif; text-decoration:none; color:#999999; font-weight:900;}
#leftNav a:hover {background:url(img/ele/l-nav-on.jpg) no-repeat; color:#3A4783}

/* Top Navigation */

#head {display:block; position:relative; z-index:100}
#head ul, #head li {margin:0; padding:0; list-style:none; display:block;}
#head ul, #head li {height:36px; background:url(img/ele/t-nav.jpg) repeat-x;}

#head li {float:left;}
#head a {display:block; background:url(img/ele/t-nav.jpg) repeat-x; height:18px; padding:9px; line-height:18px; color:#FFFFFF; text-decoration:none; border-right:#FFFFFF 1px solid; font-weight:900; font-family:"Times New Roman", Times, serif;}
#head a:hover {background:url(img/ele/t-nav-on.jpg)}


/* Minimum Width Hack */

#head li, #head a
{width: 10px;}

html>body #head li, html>body #head a
{width: auto;}

/* Head drop-downs */

#head ul li {background:none;}
#head ul ul {display:none; position:absolute; top:210px; width:785px; background:none;}
#head li li {float:left; height:20px; line-height:20px; background:none; height:12px; line-height:12px; padding:0; margin:0;}
#head li li a {color:#003366; text-decoration:none; font-size:12px; background:none; padding:0 10px; margin:10px 0;}
#head li li a:hover {text-decoration:underline; background:none;}
#head li li + li a {border-left:#666666 1px solid}

/* #head ul li:hover ul {display:block;}
#head ul li.sfhover ul {display:block;}  No longer hovering */

#head ul li. ul {display:block;}


/* Location indicators */

#home #head li.home>a {background:url(img/ele/t-nav-on.jpg)}
#home #head li.home ul {display:block;}

#aboutus #head li.aboutus>a,
#leadership #head li.aboutus>a,
#structure #head li.aboutus>a,
#products #head li.aboutus>a {background:url(img/ele/t-nav-on.jpg)}

#leadership #head li.aboutus ul,
#structure #head li.aboutus ul,
#products #head li.aboutus ul,
#aboutus #head li.aboutus ul {display:block;}
#leadership #head li.aboutus a.leadership {color: #3366FF}
#structure #head li.aboutus a.structure {color:#3366FF}
#products #head li.aboutus a.products {color:#3366FF}


#mortgage #head li.glossary>a
#glossary #head li.glossary>a {background:url(img/ele/t-nav-on.jpg)}
#mortgage #head li.glossary ul,
#glossary #head li.glossary ul {display:block;}
#glossary  #head li.glossary a.investment {color:#3366FF}
#mortgage  #head li.glossary a.mortgage {color:#3366FF}


#system #head li.career>a,
#compensation #head li.career>a,
#career #head li.career>a {background:url(img/ele/t-nav-on.jpg)}

#compensation #head li.career ul,
#system #head li.career ul,
#career #head li.career ul {display:block;}
#system  #head li.career a.system {color:#3366FF}
#compensation  #head li.career a.compensation {color:#3366FF}


#events #head li.events>a {background:url(img/ele/t-nav-on.jpg)}
#events #head li.events ul {display:block;}


#testimonials #head li.testimonials>a {background:url(img/ele/t-nav-on.jpg)}
#testimonials #head li.testimonials ul {display:block;}


#contactus #head li.contactus>a {background:url(img/ele/t-nav-on.jpg)}
#contactus #head li.contactus ul {display:block;}


/* Login Box in left.php */

#login {width:215px; padding-top:30px; clear:both;}
#login div, #login p {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px;}
#login div{position:relative; height:17px; padding-bottom:5px;}
#login div div {position:static; width:75px;  text-align:right;clear:left; display:block; padding-top:2px;}
#login input {border:0px; padding:3px; margin:0; background: url(img/ele/input.jpg) no-repeat; font-size:12px; height:12px; line-height:12px; width:124px; display:block; position:absolute; right:0; top:0;}

/* Main Content Area */

#content {width:527px; margin:60px 0; padding:0 30px; border-right:#3A4783 solid 1px;}

#form, #form ul, #form li {margin:0; padding:0; list-style:none; display:block;width:99%;}
#form li {padding:0 0 0 20px; position:relative;}
#form input, #form select, #form textarea {width:200px;margin:0 10px 0 0;position:absolute;left:233px;top: 0;
}
#form input.long {width:390px; margin-bottom:10px;}
#form input.short {width:auto;}
#form select.mid {position:absolute; left:175px;}
#form label {display:block; padding-bottom:10px; width:40%; text-align:right;}

img.left {float:left; padding:0 20px 20px 0;}
img.right {float:right; padding:0 20px 20px 0;}

div.sep {background:url(img/ele/sep.jpg) no-repeat; height:22px; display:block; margin:20px 0; clear:both;}

/* Header Variable images */

#headvar {background:url(img/head/home.jpg) no-repeat; width:518px; height:177px; float:right;}
#career #headvar {background-image:url(img/head/career.jpg)}
#contactus #headvar {background-image:url(img/head/contactus.jpg)}
#glossary #headvar {background-image:url(img/head/glossary.jpg)}
#testimonials #headvar {background-image:url(img/head/testimonials.jpg)}
#why #headvar {background-image:url(img/head/why.jpg)}
#aboutus #headvar {background-image:url(img/head/aboutus.jpg)}

#credit #headvar {background-image:url(img/head/credit.jpg)}
#insurance #headvar {background-image:url(img/head/insurance.jpg)}
#real #headvar {background-image:url(img/head/real.jpg)}
#mortgages #headvar {background-image:url(img/head/mortgages.jpg)}
#financial #headvar {background-image:url(img/head/financial.jpg)}

#footer {font-size:10px; color:#666666; text-align:center; padding-top:60px; padding-bottom:60px;}
#footer a {text-decoration:none; color:#666666} 
#footer a:hover {text-decoration:underline;}

.darkBox {width:150px; height:14px; font-size:14px; line-height:14px; margin:0 15px 15px 0; padding:5px; border:#CCCCCC 1px solid; background:url(img/ele/32px-bg-fade-dark.gif); color:#FFFFFF; text-align:center; float:left;}

div.styledUL, div.styledUL span {margin:0; padding:0; list-style:none; display:block; float:none;}
div.styledUL {margin-left:30px;}
div.styledUL span {padding-left:25px; background:url(img/ele/bullet.png) no-repeat 0px 1px; margin-bottom:15px;}
h2.styledUL {padding-bottom:5px; border-bottom:#003366 1px dotted;}

#error {
	color: #B61642;
	padding-bottom: 15px;
}

#logout, #success {
	color:#009933;
	padding-bottom: 15px;
}

/* Header Variable images */

#userArea #login, #userArea #leftNav {display:none;}
#userArea #content {width:999px; position:relative; margin:0; padding:0 25px; border:none;}
#userArea #left {width:200px; float:left; padding:0 0 0 15px; display:block; margin:0;}

/* Hierarchy */

		#hier {background:url(img/admin/hier-tile.gif) repeat-y; position:relative;}
		#hier div.top {background:url(img/admin/hier-head.gif) no-repeat; height:92px; position:relative;}
		#hier div.hello {position:absolute; width:771px; top: 9px; left: 19px; font-size:20px; color:#FFFFFF; font-weight:900;}
		#hier div.bottom {background:url(img/admin/hier-foot.gif) no-repeat; height:36px;}
		
		#hier div.pane {width:752px; height:400px; position:relative; overflow:scroll; margin-left:20px;}
		
		#hier ul, #hier li {margin:0; padding:0; list-style:none; display:block;}
		#hier div.pane>ul, #hier div.pane div.pad {padding-left:15px;}
		
		#hier div.pane>ul {width:545px; height:400px; margin:15px 15px 15px 0;}
		#hier ul>ul {margin-left:25px;}
		#hier li {padding:0; height:25px; position:relative; width:300px; margin-left:25px; font-weight:900; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
		#hier li a {text-decoration:none; border:0px; background-repeat:no-repeat;}
		#hier li div {padding-left:0px;}

		#hier li div a {font-size:12px; line-height:13px; display:block; width:300px; height:13px; text-decoration:none; padding:6px 10px;}
/* hier classes */
		#hier li a.plus {display:block; width:25px; height:25px; text-decoration:none; background:url(img/admin/plus.gif); position:absolute; left:-28px; top:0px; z-index:10000;}
		#hier li a.minus {display:block; width:25px; height:25px; text-decoration:none; background:url(img/admin/minus.gif); position:absolute; left:-28px; top:0px; z-index:10000;}
		#hier li a.disabled {display:block; width:25px; height:25px; text-decoration:none; background:url(img/admin/disabled.gif) no-repeat; position:absolute; left:-28px; top:0px; z-index:10000;}
				
		#hier li.you div a {color:#CC0000; background-image:url(img/admin/hier-bar-bg.gif)}
		#hier li.parent div a {color:#333333; background-image:url(img/admin/hier-bar-bg.gif)}
		#hier li.important div a {color:#000066; background-image:url(img/admin/hier-bar-bg.gif)}
		#hier li.direct div a {color:#367C2B; background-image:url(img/admin/hier-bar-bg-active.gif)}
		#hier li.indirect div a {color:#7D85BB; background-image:url(img/admin/hier-bar-bg-active.gif)}
		#hier li.inactive div a{color:#999999; background-image:url(img/admin/hier-bar-bg-inactive.gif)}
		
		#hier li div a:hover {color:#FFFFFF; background-image: url(img/admin/hier-bar-bg-hover.gif)}
		#hier li.current div a {color:#FFFFFF; background-image: url(img/admin/hier-bar-bg-hover.gif)}
		h3 {color:#FF0000; } 
		
		#rightPanel {position:absolute; left:787px; top:93px; width: 176px; z-index:100;}
		#rightPanel h4 {display:block; padding:0 0 3px 0; margin:8px 0; font-size:12px; border-bottom:#999955 1px dotted; line-height:12px;}

		#rightPanel p {display:block; padding:2px; margin:0 0 10px 0; font-size:10px; line-height:12px; background:#FFFFFF; color:#666666;}
		#rightPanel h3 {font-size:14px; color:#660000; display:block; padding:10px 0; margin:0; line-height:14px; } 
		

/* User Header */

#userArea #left, #userArea #head {display:none;}

#userArea #right {width:1024px; position:relative;}

#userArea #rightNav {position:static; float:none; display:block; width:100%; padding:0; margin:0;}
#userArea #rightNav ul {display:block; padding:25px; margin:0; width:100%;}
#userArea #rightNav li {margin:0; padding:0; list-style:none; display:inline;}
#userArea #rightNav ul a {font-size:10px; color:#666666; text-decoration:none; display:block; width:140px; font-family:Arial, Helvetica, sans-serif; float:left; line-height:10px; padding:4px 0px; background:url(img/bo/bo-buttons.gif) no-repeat; text-align:center;}
#userArea #rightNav ul a:hover { color:#FFFFFF; background-image:url(img/bo/bo-buttons-on.gif)}

#userArea  ul.bofficeList {margin-top:20px; margin-left:20px;}
#userArea  ul.bofficeList ul, #userArea  ul.bofficeList li {float:none; display:block; height:auto; position:static; width:auto;}
#userArea  ul.bofficeList h2 {margin-top:20px; border-bottom:#CCCCCC 1px dotted;}
#userArea  ul.bofficeList li {width:auto;}