/* 
*	Entelegent Solutions
*	edreamz Mar 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1 { color: #61ff2a; font-weight: normal; font-size: 18px; line-height: normal;}
  h2 { color: #ffffff; font-weight: bold; font-size: 15px; line-height: normal;}
  h3 { color: #61ff2a; font-weight: bold; font-size: 12px; line-height: normal;}
  h4 { color: #61ff2a; font-weight: bold; font-size: 16px; line-height: normal;}
  a { color: #61ff2a; text-decoration: none;}
  a:hover { color: #ffffff; text-decoration: underline;}

  ul{ margin: 9px 0 9px 10px;}
  ul li{ list-style-image: url(/images/bullet.gif); margin-bottom: 0;}
  ul li ul{ margin-bottom: -5px;}  
  ol li{ list-style: decimal; margin-bottom: 5px;}
  #sitemap ul { margin: 0 0 0 10px;}
  #sitemap ul li ul{ margin-bottom: -15px;}

  a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;}
  a.triangle:hover{ text-decoration: underline;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}


/* 
 * 
 * Main Navigation
 *
 */
  #bodyLeft #main{ margin: 0; padding: 0; list-style: none; list-style-image: none; overflow: hidden;}
	#bodyLeft li { margin:0; padding:0; list-style: none;  list-style-image: none;}
	#bodyLeft li a { float: left; padding: 46px 0 0 0; overflow: hidden; height: 0;}
	#bodyLeft li a:hover { background-position: 0 -46px;}
	#bodyLeft .selected{ background-position: 0 -46px;}

  #billing a { width: 219px; background: url(/images/buttons/nav-billing.jpg) top left no-repeat;}
  #voice a { width: 219px; background: url(/images/buttons/nav-voice.jpg) top left no-repeat;}
  #data a { width: 219px; background: url(/images/buttons/nav-data.jpg) top left no-repeat;}
  #telecom a { width: 219px; background: url(/images/buttons/nav-telecom.jpg) top left no-repeat;}
  #managed a { width: 219px; background: url(/images/buttons/nav-managed.jpg) top left no-repeat;}
  #partner a { width: 219px; background: url(/images/buttons/nav-partner.jpg) top left no-repeat;}

/* 
 * 
 * Secondary Navigation
 * 
 */
  #subNav { height: 28px; width: 711px; background: url(/images/structure/subnav-bg.gif) top left no-repeat; margin: 10px 0 10px 10px; padding-top: 7px;}
	#subNav a{ color: #ffffff; background: url(/images/subnav-indent.gif) top right no-repeat; padding-right: 20px; margin-left: 20px;}
	#subNav a:hover { color: #4ce869; text-decoration: none;}
	#subNav .selected{ color: #4ce869; text-decoration: none;}

/* 
 * 
 * Tiertiary Navigation
 * 
 */
  #thirdNav { height: 20px; width: 711px; background: url(/images/structure/thirdnav-bg.jpg) bottom left no-repeat; margin: -10px 0 10px 14px; padding: 5px 0 5px 0; overflow: hidden;}
	#thirdNav a{ color: #ffffff; background: url(/images/thirdnav-indent.gif) top right no-repeat; padding-right: 20px; margin-left: 20px;}
	#thirdNav a:hover { color: #4ce869; text-decoration: none;}
	#thirdNav .selected{ color: #4ce869; text-decoration: none;}

/* 
 * 
 * Layout / Formatting
 * 
 */

 #wrapper{ width: 960px; margin: 50px auto 0 auto; position: relative;}
 
  body{ background: #1b476a url(/images/structure/bg-pattern.jpg) top center repeat-y; color: #ffffff; font-size: 12px; font-family: Arial; line-height: 18px;}
  
  #hd { position: relative; background:url(/images/structure/header-bg.jpg) top left no-repeat; height: 96px;}
  #hd span { position: relative; background: url(/images/structure/main-logo.jpg) no-repeat left top; width: 387px; height: 81px; top: 5px; left: 5px; display: block;}
  #hd span a { position: absolute; width: 387px; height: 81px; display: block; text-indent: -9999px;}

  #topNav { width: 400px; position: absolute; top: -7px; right: 7px;}
  #topNav #links{ width: 177px; height: 23px; padding-top: 5px; float: left; background: url(/images/structure/topnav-bg.jpg) top left no-repeat; color: #ffffff; font-size: 11px; text-align: center;}
  #topNav #links a{ color: #ffffff; text-decoration: none;}
  #topNav #links a:hover{ color: #ffffff; text-decoration: underline;}
  #topNav #links .selected { color: #61ff2a;}
  #topNav .buttonlink { width: 105px; float: left; margin-left: 4px;}

  #mainphone{ width: 95px; height: 13px; position: absolute; top: 68px; right: 30px; z-index: 100;}

  #whitebackground{ width: 960px; background: #ffffff;}
  #container{ width: 950px; margin-left:5px; padding-bottom: 30px; background: #025495 url(/images/structure/site-bg.jpg) bottom left no-repeat; min-height: 525px;}

  #bodyLeft{ width: 219px; float: left; padding: 0; margin: 0;}
  #bodyLeft #searchCTA{ width: 207px; height: 185px; padding: 15px 0 0 10px; background: url(/images/structure/search-bg.png) top left no-repeat; margin-left: 2px;}
  #bodyLeft #searchCTA .textfield{ width: 155px; margin-right: 5px;}
  #bodyLeft #searchCTA .enteleportal { width: 199px; background: url(/images/indent-line.gif) top left no-repeat; padding-top: 10px; margin-top: 10px;}
  #bodyLeft #searchCTA .enteleportal .leftside{ width: 139px; float: left; margin-right: 5px; color: #1b476a; font-size: 12px; line-height: normal;}
  #bodyLeft #searchCTA .enteleportal .rightside{ width: 55px; float: left; height: 98px; background: url(/images/left-dotted-line.gif) top left no-repeat;}
  #bodyLeft #searchCTA .enteleportal .rightside img{ margin: 35px 0 0 28px;}

  #bodyRight{ width: 725px; float: left;}
  #bodyRight .flasharea { width: 719px; height: 269px; background: url(/images/structure/flasharea-bg.png) top left no-repeat; margin: 7px 0 0 6px;}
  #bodyRight .flasharea #imagebanner{ width: 480px; float: left; margin: 3px 2px 0 3px;}
  #bodyRight .flasharea #homectas{ width: 230px; float: left; margin-top: 3px;}
  #bodyRight .flasharea #homectas img{margin: 1px 0 1px 0;}
  
  #bodyRight #homecontent{ width: 366px; float: left; margin: 5px 0 0 6px; padding: 10px 7px 10px 7px; background: url(/images/structure/content-bg.png) top left repeat; min-height: 250px;}
  #bodyRight #homecontent .leftside{ width: 177px; float: left; background: url(/images/content-line.png) top right no-repeat; padding-right: 5px;}
  #bodyRight #homecontent .rightside{ width: 170px; float: left; margin-left: 7px;}
  #bodyRight #homenews{ width: 318px; min-height: 250px; float: left; margin: 5px 0 0 5px; padding: 10px 7px 10px 7px; background:url(/images/structure/content-bg.png) top left repeat;}
  #bodyRight #homenews #newsitem{ margin-top: 13px;}
  #bodyRight #homenews a{ color: #FFFFFF; text-decoration: underline; font-weight: bold;}
  #bodyRight #homenews a:hover{ color: #61ff2a; text-decoration: underline; font-weight: bold;}
  #bodyRight #homenews .homeReadAll{ width: 318px; height: 22px; display: block; background:url(/images/buttons/read-all.png) top left no-repeat;}
  
  #bodyRight .imagepanel{ width: 711px; margin: 0 0 10px 10px;}
  #bodyRight .imagepanel.margintop{margin-top: 10px;}
  #bodyRight .marginbottom{ margin-bottom: 10px;}
  #bodyRight .content{ width: 367px; float: left; background: #00457c; margin: 0 10px 10px 10px; padding: 10px; min-height: 330px;}
  #bodyRight .content-full{ width: 690px; float: left; background: #00457c; margin: 0 10px 10px 10px; padding: 10px; min-height: 330px;}
  #bodyRight .content.nobackground{ background: none;}
  #bodyRight .content.seethru{ background: url(/images/structure/content-bg.png) top left repeat;}
  
  #bodyRight .news{ width: 294px; float: left; background: #00457c; padding: 10px;}
  #bodyRight .news #newsitem{ margin-bottom: 13px;}
  #bodyRight .news a{ color: #FFFFFF; text-decoration: underline; font-weight: bold;}
  #bodyRight .news a:hover{ color: #61ff2a; text-decoration: underline; font-weight: bold;}

  #bodyRight .news a.readmore:link{ width: 288px; height: 19px; color: #FFFFFF; text-decoration: none; background: #40749d; display: block; padding-left: 5px; margin: 10px 0;}
  #bodyRight .news a.readmore:visited{ width: 288px; height: 19px; color: #FFFFFF; text-decoration: none; background: #40749d; display: block; padding-left: 5px; margin: 10px 0;}
  #bodyRight .news a.readmore:active{ width: 288px; height: 19px; color: #FFFFFF; text-decoration: none; background: #40749d; display: block; padding-left: 5px; margin: 10px 0;}
  #bodyRight .news a.readmore:hover{ width: 288px; height: 19px; color: #00fe4b; text-decoration: none; background: #40749d; display: block; padding-left: 5px; margin: 10px 0;}
  
  #bodyRight .companyAddress{ width: 294px; float: left; height: 290px; background: url(/images/address-bg.png) top right no-repeat; display: block;}
  #bodyRight .companyAddress .addresscontent{ width: 250px; margin: 10px 0 0 30px;}
  #bodyRight .ctaNewsletter{ width: 294px; float: left; height: 290px; background: url(/images/cta-newsletter.png) top right no-repeat; display: block;}
  
  #bodyRight .content .requiredfields{ width: 133px; height:35px; display: block; background: url(/images/required-fields.png) top left no-repeat; text-indent: -9999px;}

  .date{color: #FFFFFF; font-weight: bold;}
  .marginleft{ margin-left: 15px;}

/*
 *
 * Layout / News
 *
 */
 
  #bodyRight .newscontent{ width: 691px; background: #00457c; margin: 0 0 10px 10px; padding: 10px;}
  #bodyRight .newscontent.minheight{ min-height: 330px;}
  #bodyRight .newscontent .eventinformation { background: #135c96; padding: 10px; margin-bottom: 10px;}
  #bodyRight .titleNews{ width: 625px; height: 45px; display: block; margin-left: 15px; background: url(/images/headers/news.png) top left no-repeat; padding: 7px 5px 0 60px;}
  #bodyRight .titleEvents{ width: 620px; height: 45px; display: block; margin-left: 15px; background: url(/images/headers/events.png) top left no-repeat; padding: 7px 5px 0 65px;}
  #bodyRight .titleEducation{ width: 690px; height: 45px; display: block; margin-left: 15px; background: url(/images/headers/education.png) top left no-repeat; text-align: right; padding: 5px;}
  
  .item { margin: 10px 0 10px 15px; background: url(/images/structure/content-bg.png) top left repeat; width: 694px; padding: 0 0 6px 6px;}
  .item .item-header{ width: 688px; padding: 5px 0 5px 0; border-bottom: #61ff2a 1px solid;}
  .item .item-header .title{float: left; width: 587px; font-size: 13px; font-weight: bold;}
  .item .item-header .title a{ color: #61ff2a; text-decoration: none; font-size: 14px;}
  .item .item-header .title a:hover{ color: #ffffff; text-decoration: underline;}
  .item .item-header .date{float: left; width: 99px; text-align: right; color: #FFFFFF; font-weight: bold;}
  .item .item-text{ width: 688px; padding: 5px 0 5px 0;}
  .item .readmore{ width: 683px; background: #135c96; text-align: right; padding: 2px 6px 2px 0;}
  .item .item-image{ width: 104px; float: left; padding: 5px;}
  .item .item-image img{ border: #ffffff 2px solid;}
  
  .back{ width: 62px; height: 35px; display: block; text-indent: -9999px; background: url(/images/buttons/back-button.png) top left no-repeat; margin-left: 6px; float: left; }
  .register{ width: 78px; height: 35px; display: block; text-indent: -9999px; background: url(/images/buttons/register-button.png) top left no-repeat; float: left;}


/*
 *
 * Layout / Form
 *
 */

  .form{ padding: 5px 5px 50px 0; margin:0 auto;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 180px; float: left;}
	.formItem .textfield{ width: 160px;}
	.formItem .textfield-small{ width: 50px;}
	.formItem .dropdown{ height: 23px;}
	
	.formItemSmall{ width: 40px; float: left;}
	.formItemSmall .textfield{ width: 30px;}
	
	.formItemLong { width: 360px; float: left;}
	.formItemLong .textfield{ width: 340px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 340px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 150px; float: left;}
	.city .textfield{ width: 120px;}
	
	.state{ width: 60px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left; margin-left:10px;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 180px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
	
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
	
/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ width: 935px; height: 29px; padding: 10px 0 0 15px; background: url(/images/structure/footer-bg.jpg) top left repeat-x; color: #fff; font-size: 10px; margin: -28px 0 0 5px;}
  #ft a{ color: #ffffff; text-decoration: none; }
  #ft a:hover{ color: #00fe4b; text-decoration:none; }

  #bottomPiece{ width: 960px; height: 19px; display: block; margin: 0 auto; background:url(/images/structure/bottom-curve.jpg) top left no-repeat;}
  
  #copyright{ width: 509px; height: 27px; display: block; margin: 0 auto; background:url(/images/structure/copyright-bg.png) top left no-repeat; color: #fff; font-size: 10px; padding: 5px 0 0 10px;}