* { margin: 0; padding: 0; }

body { color: #444444; font: 70%/150% Verdana, Tahoma sans-serif; text-align: center;
    background-image: url('i/layout/header-gradient.jpg'); 
background-repeat:repeat-x; background-color:#fff
}

/*------------------------------------------------------------*/
/* formatting
/*------------------------------------------------------------*/

h2, h3, h4, h5, h6, p, ul, ol, dl, address, img { padding: .5em 0; }

ul, ol { margin-left: 15px; }
ul { list-style-type: square; }
ul.noList { list-style-type: none; margin-left: 0; }
ul.noList li { margin-bottom: 7px; }

h1 { font-size: 180%; color: #FBB034; }
/*h2 { font-size: 160%; }*/
h2 { font-size: 130%; color: #4E469C; }
h3 { font-size: 130%; color: #4E469C; }
h4 { font-size: 120%; color: #4E469C; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

a { color: #4B439B; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #4B439B ;}
a.homeLink {  color: #fff; }
a:visited.homeLink {  color: #fff; }

img { border: 0; }
img.floatLeft { float: left; margin: 0 20px 10px 0; }
img.floatRight { float: right; margin: 0 0 10px 20px; }
img.noFloat { float:none; margin: 0 0 0 0;  }

blockquote { background: #EEE; padding: 18px; }
blockquote span { display: block; font-style: italic; text-align: right; }

/*------------------------------------------------------------*/
/* structure
/*------------------------------------------------------------*/
div#page { width: 980px; margin: 0 auto; text-align: left; overflow: hidden; background-image: url('i/layout/columns.gif'); 
outline: none
} /*width: 960px;*/

div.page-private { background: url('i/layout/columns-private.gif') !important;
}

div#navigation { height: 148px; background-image: url('i/layout/header-gradient.jpg'); 
background-repeat: repeat-x;  }
div#navigation h1, div#navigation h1.loggedin { display:block; width: 100%; height: 117px; }
div#navigation h1 a, div#navigation h1.loggedin a { position: absolute; margin-top: 20px; margin-left: 30px; outline: none; }
div#navigation h1.loggedin { color: #fff; }
div#navigation span { display: block; padding-left: 200px; padding-top: 65px; line-height: 150%; }
div#navigation ul { margin-left: 19px; }
div#navigation ul, div#navigation li { padding: 0; display: inline; }
div#navigation ul li { border-right: 1px solid #fff; position: relative; }
div#navigation ul li a, div#navigation ul.loggedin li a { line-height: 31px; margin: 0 .6em; font-weight: bold; color: #fff; text-decoration: none; }
div#navigation ul.loggedin li a { font-size: 10px; }
div#navigation ul li a:hover, div#navigation ul li a.selected  { color: #FBB034; }

div.nav-qtrack { padding-left: 231px !important; }
/*
div#navigation ul.submenu { position: absolute; list-style-type: none; top: 23px; left: 0; margin: 0; padding: 0; display: none; }
div#navigation ul.submenu li { display: block; border: 0; }
div#navigation ul.submenu li a { width: 150px; height: 27px; padding: 0 5px; display: block; background: url(i/layout/menu.gif) repeat-x; border-bottom: 1px solid #fff; color: #fff; }
div#navigation ul.submenu li a:hover { color: #fff; background: #FBB034; }
* html div#navigation ul.submenu { margin-left: 0; }
*+html div#navigation ul.submenu { margin-left: 0; }
* html div#navigation ul.submenu li a { line-height: 27px; }
*/
div#column-group { width: 745px; float: left; margin-bottom: 20px; } /*width: 729px; increased for IE6*/

div.column-group-private { width: 760px !important; }

div#column-wide { background: #fff; }
div#column-wide div.padding { padding: 10px; }

div#column-1 { width: 231px; float: left; }
div#column-1 div#us { width: 231px; height: 302px; background: url('i/layout/building_home.jpg');} /*url('i/layout/us.jpg')*/

div.column-1-private { width: 200px !important; }
div.column-1-private .padding { padding: 10px; }
div.column-1-private h4 { }
div.column-1-private a { color: #fff; }

div#column-1 div#learn-more { width: 166px; margin: 0 auto 10px auto; text-align: center; background: #fff; }
div#column-1 div#learn-more h3 { width: 170px; display: block; position: absolute; margin-top: -10px; margin-left: -2px; background: url('i/layout/learn_more.gif') no-repeat; 
color: #FBB034; text-align: center; }
* html div#column-1 div#learn-more h3 { margin-left: -85px; }
*+html div#column-1 div#learn-more h3 { margin-left: -85px; }
div#column-1 div#learn-more h3 span { display: block; padding: 0 10px 0 10px; }
div#column-1 div#learn-more a { border: 1px dotted #FBB034; border-width: 1px 0 1px 0; padding: 4px 0; } 
div#column-1 div#learn-more div { margin-top: 4em; }

div#column-1 div#email-list { width: 166px; margin: 0 auto 10px auto; text-align: center; background: #fff; }
div#column-1 div#email-list h3 { width: 170px; display: block; position: absolute; margin-top: -10px; margin-left: -2px; background: url('i/layout/learn_more.gif') no-repeat; 
color: #4E469C; text-align: center; }
* html div#column-1 div#email-list h3 { margin-left: -85px; }
*+html div#column-1 div#email-list h3 { margin-left: -85px; }
div#column-1 div#email-list h3 span { display: block; padding: 0 10px 0 10px; }
div#column-1 div#email-list input { margin-top: 5px; }
div#column-1 div#email-list div { margin-top: 1em; }

/* content column */

div#column-2 { width: 545px; float: left; }
div#column-2 div.padding { padding: 15px 40px 15px 25px; }
div#column-2 div.padHome { padding: 10px 40px 15px 15px; }
div#column-2 div.hr { height: 1px; background: url('i/layout/sep_wide.gif') repeat-x; 
margin: 10px 0;  }
div#column-2 div.hr hr { display: none; }

div.column-2-private { width: 576px !important; }

div#column-3 { width: 175px; float: left; padding-bottom: 10px; position:relative; top:-17px} /* float: left; position:relative; top:-17px*/
div#column-3 hr { color: #FBB034; background-color: #FBB034; height: 2px; border: 0; }
/*div#home { position:relative; top:-55px; left:10px; color:#fff; }*/
div#column-3 div#home {position:relative; top:-32px; left:0px; color:White}


div#agent-login { border-top: 0 !important; }
div#agent-login div.heading { position: absolute; background: url('i/layout/welcome.gif') no-repeat; 
width: 175px; height: 31px; margin-top: -31px; margin-left: -2px; }
div#agent-login div.heading span { display: block; }
div#agent-login div.heading h4 { color: #fff; margin-top: 4px; }
div#agent-login input.text { border: 1px solid #FBB034; }
div#agent-login fieldset { border: 0; display: block; margin-bottom: .5em; }
div#agent-login fieldset#agent-id { padding-top: 10px; }
div#agent-login fieldset#agent-id input { width: 28%; }
div#agent-login fieldset#agent-password input.password { width: 61%; }
div#agent-login fieldset#agent-password input.submit { width: 29%; }
div#agent-login fieldset#agent-remember { padding-bottom: 1em; border-bottom: 1px dotted #FBB034; }
div#agent-login fieldset#agent-remember a { margin-left: 1.5em; }
div#agent-login h4 { color: #FBB034; margin-bottom: 0; padding-bottom: 0; }
div#agent-login p.loggedin { border-bottom: 1px dotted #FBB034; }
div#agent-login p.logout { font-size: .8em; }

ul.link-list { list-style-type: none; list-style-image: url('i/icons/arrow.gif'); }
ul.link-list li { vertical-align: top; margin-left: 4px; margin-bottom: 8px; }
ul.link-list li a { font-weight: bold; }

ul.link-list-sm { list-style-type: none; list-style-image: url('i/icons/arrow.gif'); }
ul.link-list-sm li { vertical-align: top; margin-left: 4px; margin-bottom: 8px; }
ul.link-list-sm li a { font-weight: bold; }

div#footer { width: 100%; clear: left; padding: 5px 0;  background: #fff; border-top: 2px solid #544BA7; text-align: right; }
div#footer ul, div#footer li { padding: 0; display: inline; }
div#footer ul li { border-right: 1px solid #544BA7; }
div#footer ul li.last { border-right: 0; }
div#footer ul li a { margin: 0 6px; font-size: 90%; }
div#footer ul li.last a { margin-right: 0; margin-right: 2px; }
div#footer p { font-size: 110%; padding-right: 1px; }

div.callbox-blue { border: 2px solid #4E469C; } 
div.callbox-blue div { padding: 0 10px; }
div.callbox-blue b.bt, div.callbox-blue b.bt b, div.callbox-blue b.bb, div.callbox-blue b.bb b { display: block; height: 10px; font-size: 1px; background:url('i/boxes/blue.gif') no-repeat; 
position:relative
}
div.callbox-blue b.bt { top: -2px; left: -2px }
div.callbox-blue b.bt b { background-position:100% -10px; left: 4px }
div.callbox-blue b.bb { background-position:0 -20px; top: 2px; left: -2px }
div.callbox-blue b.bb b { background-position:100% -30px; left: 4px }

div.callbox-orange { border: 2px solid #FBB034; } 
div.callbox-orange div { padding: 0 10px; }
div.callbox-orange b.bt, div.callbox-orange b.bt b, div.callbox-orange b.bb, div.callbox-orange b.bb b { display: block; height: 10px; font-size: 1px; background:url('i/boxes/orange.gif') no-repeat; 
position:relative
}
div.callbox-orange b.bt { top: -2px; left: -2px }
div.callbox-orange b.bt b { background-position:100% -10px; left: 4px }
div.callbox-orange b.bb { background-position:0 -20px; top: 2px; left: -2px }
div.callbox-orange b.bb b { background-position:100% -30px; left: 4px }

/* styles used in the middle column */
table.power800 th { text-align: left; font-size: 11px; padding: 2px 9px 3px 0px; }
table.power800 td { padding: 2px 9px 3px 0px; }
table.doubleWide td.bodyChunkImageLeft, td.bodyChunkImageLeft { padding-right: 10px;  height: 140px; vertical-align:top}
table.doubleWide td.bodyChunkImageLeft img { margin: 0; padding: 0; }
table.doubleWide td.bodyChunkImageRight { padding-left: 15px; }
table.doubleWide td.bodyChunkImageRight img { margin: 0; padding: 0; }
table.doubleWide td.twoColumnCell { width: 50%; }
table.docList { width: 98%; }
table.docList td { padding: 0; }
table.docList td img { float: left; margin-top: -3px; }
table.docList td em { color: gray; }
table.mpls { border-bottom: 1px solid #999999; }
table.mpls th { font-size: 11px; text-align: left; white-space: nowrap; background-color: #ADB8DD; }
table.mpls th, table.mpls td { padding: 2px 9px 3px 0px; }
table#management td.bodyChunkMgtImageLeft { padding-right: 15px; }
table#app td.appCell { padding: 0px 9px 13px 0px; }
table#app td.appCellDivider { font-size: 1px; height: 1px; line-height: 1px; border-top: 1px dotted #BBBBBB; padding: 0px 0px 9px 0px; }
table#app div.formElement { margin-bottom: 7px; line-height: 140%; }
table#app div.appHeading { font-weight: bold; margin-bottom: 7px; }
div.bodyContact { width: 45%; float: left; margin: 4px 13px 13px 4px; }
div#newsbox ul { list-style-type: none; }
span.datecol { margin-right: 20px; }

/* promo styles */
div#promoUtility { text-align: right; clear: right;}
div#promoUtility img { margin-bottom: -6px; }
div#promoBox { border: 1px solid #BBCCDD; border-width: 6px 1px 8px 1px; padding: 13px 23px 33px 9px; }
	div#promoTitle { font-weight: bold; font-size: 16px; margin-bottom: 13px; }
	div#promoBody { }

/* generic styles */
/* td { vertical-align: top; }*/

div.bodyChunk { margin-bottom: 10px; clear: left; }
h3.noPaddingBottom { margin-bottom: 0; padding-bottom: 0; }
h4.subtitle, h4.subtitleSpaced { background: #BBCCDD; height: 25px; margin: 0; padding: 0 0 0 5px; line-height: 25px; color: #555555; font-size: 1.1em; }
h4.subtitleSpaced { margin: 10px 0;}
p.bodyBreadcrumbTrail { margin: 0; padding: 0 0 0 0; }
p.hr { display: block; background: url('i/layout/sep_wide.gif') no-repeat 50% bottom;
}
.demoted { color: #7D7B78; }
.forminput { font-family: verdana, sans-serif; font-size: 10px; padding: 2px 0; }
.agentIDTextInput { width: 32px; }
.documentTextInput { width: 130px; }
td.tab { padding-right: 6px; }
.required { color: #CC0000; font-weight: bold; }
td.formName { vertical-align: middle; padding: 0px 9px 5px 0px; }
td.formValue { vertical-align: middle; padding: 0px 0px 5px 0px; }
td.cpThumb { width: 210px; height: 160px; }
td.cpThumbDesc, td.cpThumbDescB { width: 168px; line-height: 130%; }
div.cpThumbDescPadding { padding-top: 20px; }
td.cpThumbDescB { width: 185px; }
	div.cpLogo { height: 78px; }
	div.cpCaption { font-style: italic; color: gray; font-size: 9px; }
table.fixed { table-layout: fixed; }
div.agentSearchBox { margin: 33px 0px 0px 0px; }
div.videoThumb { float: left; margin: 11px 0 0 0px; }
div.videoThumb img { margin-right: 30px; }
div.videoThumb h5, div.videoThumb p { display: block; width: 210px; }
div#sitemap div { width: 49%; float: left; }


/* Mine */

.menuItem
{
    font-weight:bold;
	color: #fff;    
	padding:0px 0px 0px 4px; 
	vertical-align:super;
}
.menuItem a:visited
{
    color:White;
}
.menuHover a:hover
{
    text-decoration: none;
    color:Orange;
}
.IE8Fix
{
    z-index:100;
}
.dynamicItem 
{
    text-decoration: none;
    background-repeat:repeat-x; 
    background-color:#4E469C;
    height:27px; 
    width:155px;
    color:White; 
    font-weight:bold; 
    text-align:left;
    text-indent:15px; 
}
/*
    background-image:url('i/layout/menu_BG.gif'); 
    background-repeat:repeat-x;*/
.dynamicItem a:visited
{
    color:White;
}
.dynamicHover a:hover /* need a:hover to override the global a:hover style */
{
    text-decoration: none;
}
.dynamicHover /* The Menu's hover style */
{
    background-image:url('Agent_Site/i/layout/menu_PG_Over.gif.gif');  
    background-repeat:repeat-x; text-indent:15px; color:#ee9900; 
} 

.aspMenu
{
    padding:1px 0px 0px 0px; 
    position:relative; 
    font-size:10px;
    top:-16px; 
    width:535px
}
/*  WaterMark control*/
.WaterMark
{
    color: #999;
    text-align:left;
}
.text { text-align:center}  
/*  

purple #4E469C 
orange #FBB034 }
*/

/*
b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px;font-size: 1px;background:url(i/boxes/grey.gif) no-repeat;position:relative}
b.bt {top: -3px; left: -3px}
b.bt b {background-position:100% -10px; left: 6px}
b.bb {background-position:0 -20px; top:3px; left: -3px}
b.bb b {background-position:100% -30px; left: 6px}
#grey_border {border: #ddd 3px solid} 
*/