.container{
 margin:0pt auto;
 width:750px;
}
.header{
 background:transparent url(/app/webroot/img/bars.gif) repeat scroll 0% 50%;
 border-bottom:0px solid grey;
 border-top:1px solid #bcbcbc;
 margin-top:6px;
 overflow:visible;
 position:relative;
}
.top_nav{
	float:right;
	overflow:visible;
}
.top_nav ul li{
 background-image:url(/app/webroot/img/button_top.gif);
 background-position:center top;
 background-repeat:no-repeat;
 float:left;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 margin-top:-7px;
 padding-top:12px;
}
.logo{
 padding:26px 22px;
}
.spacer{
 /*height:182px;*/
 width:100%;
}
.content{
 background:transparent url(/app/webroot/img/bars.gif) repeat scroll 0% 50%;
 border-left:46px solid #1B2777;
 
}
.menu_wrapper{
  background:#1B2777 url(/app/webroot/img/services.gif) no-repeat scroll; 
 width:46px;
 overflow:visible;
 background-position: right 10px;
 float:left;
 margin-left:-46px;
 height:263px;
}
.menu{
background:transparent none repeat scroll 0% 0%;
float:left;
font-weight:800;
margin-left:7px;
padding-top:13px;
white-space:nowrap;
width:146px;
z-index:1000;
position:relative;
}
.menu hr{
 width:60px;
 color:#1B2777;
 height:1px;
 text-align: left;

}
.menu ul{
	margin:0;
}
.menu ul li{
 line-height:1.6em;
 font-weight:normal;
 list-style-image:url('/app/webroot/img/arrow_right.gif');
 list-style-position:inside;
 margin-left:0pt;
 width: 100%; /* Fix disppearing bullets in IE */
 padding-left:0px;
 position:relative;
}

.pop_menu a, .menu a, .top_nav a{
	color:#666666;
	text-decoration:none;
}
.pop_menu a:hover, .menu a:hover, .top_nav a:hover{
	color:#000066;
	text-decoration:none;
}
.main{
float:right;
margin-right:20px;
padding-top:13px;
width:489px;
}
.front{
float:left;
margin-right:20px;
padding-top:13px;
width:158px;
}

.front .inside{
	padding:0;
	width:156px;
}
.credit{
 float:left;
}
.links{
 float:right;
}


/* LIQUID CORNERS */
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('/app/webroot/img/corners.gif'); /* CHANGE: path and name of your image */
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left {
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right {
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  {
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #bcbcbc; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #bcbcbc;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-bottom:10px;
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */



.clearing{
	clear:both;
	}
table{
	clear:none;
}

input, textarea{
	clear:none;
}

 .popup_text{
 	display:block;
}

.popup{
	width:200px;
	position:absolute;
}
#foo{
	position:absolute;
}


.inside ul li{
 font-weight:normal;
 list-style-image:url(/app/webroot/img/arrow_right.gif);
 margin-left:0pt;
 padding-left:0px;
/* white-space:nowrap;*/
}

.down{
	list-style-image:url(/app/webroot/img/arrow_down.gif) !important;
}

.sub{
	list-style-image:none !important;
	color:#cccccc !important;
	list-style-type:none !important;
	padding-left:15px !important;
}
.copy table, .copy td, .copy tr{
	border:0px;
}

li {
/*	position:relative;*/
}

a.tt{
    position:relative;
    text-decoration:none;
}
.tooltip{ 
	display: none;
	z-index:40;
	position:absolute;
	top:-5px;
 /*   top:-0px; left:0;*/
	padding: 0px;
	height:auto;
	margin: 0px  0 0 0px;
	width:200px;
	left:45px;
    text-align: left;
	z-index:200;
	filter: alpha(opacity=80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;

}

/*background:; ie hack, something must be changed in a for ie to execute it*/
/*a.tt:hover span.tooltip{
    display:block;
    
}*/

.faq table,
.faq td,
.faq tr {
	border:0px none;
margin:0pt;
padding:0pt;
text-align:left;
}

#search{
/*
background:transparent url(/app/webroot/img/input.gif) repeat scroll 0% 0%;
*/
border:0px none;
clear:none;
display:inline;
height:14px;
padding-left:6px;
width:107px;
}

#search_img{
	clear:none;
	display:inline;
	margin:0px 0px -1px -4px;
}
*:first-child+html #search_img{
	margin:0px 0px -4px -4px;
	}
*:first-child+html .tooltip{
	margin: 0px  0 0 05px;
	}
/*
*:first-child+html li{
	position:relative;
	}
*/
.search{
	bottom:10px;
position:absolute;
right:10px;
}
.elementShown
{
	z-index: 10000;
}

#internet { top: 43px; }
#telephone { top: 69px; }
#support { top: 107px; }
#about { top: 143px; }
#services  { top: 165px; }
#business_support  { top: 182px; }
#bill_payment  { top: 219px; }

.menu div.inside{
	width:177px;
	overflow:hidden;
}