html, body, table#mainwrapper {height:100%;}

td#content {vertical-align:top;}



body {

  background-color:#3d4f62;

  margin:0;

  

  /* old site */

  /*background:#f3f2f1;*/

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#4e4e4e;

  line-height:18px;

}



.red  {color:#bb0e24;}

.blue {color:#0d5cab;}

a     {color:#4f91cd;}



a img {border:0px;}



#mainwrapper {

  margin:auto;

  width:901px !important;

  height:100%;/*850px;*/

}



div#MainBody {width:874px;/*100%;*/}



table#mainwrapper>tr,

table#mainwrapper>tr td {

  border-spacing:0px;

  padding:0px;

  margin:0px;

  border:0px;

}



#mainwrapper div {float:left;}



#content {

  /*width:873px;*/

  background-color:#FFF;/*white because some images form the old site have rounded corners with bg #f2f2f2;*/

}



#content {width:810px; text-align:left;}

#content h3 {color:#0d5cab; font-weight:400; width:780px;}

#content h4 {color:#0d5cab; font-weight:400;  font-size:23px; line-height:32px; margin:10px 0 5px 0;}

#content h5 {color:#0d5cab; font-weight:400;  font-size:18px; line-height:24px; margin:10px 0 5px 0;}

#content h6 {color:#0d5cab; font-weight:bold; font-size:14px; line-height:18px; margin:10px 0 5px 0;}

h5 a.videolink {

  padding-left:20px;

  color:#bb0e24;

  font-size:14px;

  background:url('../images/icon_camera.gif') center left no-repeat;

}

div.supportBox a.videolink {background:url('../images/icon_camera.gif') center right no-repeat;}



#MainBody.MainBodyPad {

  padding:8px 23px;

  /*subtract left and right padding*/

  width:827px;
  background-color:#FFFFFF;

}



#header,

#Promotions,

#footer,

#Navigation,

#Subnavigation,

#MainFlash,

#flashbanner {background-color:#f2f2f2;}

#Navigation    {
	background:      #f2f2f2 url('../images/nav_bg.jpg') top center repeat-x;
}



#Announcements {

  width:873px;/*100%;*/

  text-align:center;

  padding-bottom:7px;

}



#colLeft  {width:531px; float:left; text-align:left;}

#colRight {width:251px; float:left; margin-left:25px;}



#MainFooter {width:873px;/*100%;*/}





table.webmail-co td {vertical-align:top;}

table.webmail-co h5 {

  color:#4e4e4e !important;

  line-height:24px;

}

table.webmail-co a {display:block;}





/* BEGIN Header */

div#header {

  width:873px;

  height:150px;

  background-image:url('../images/header_background.jpg');

}



div#header #logocontainer {

  padding-left:25px;

  padding-top:20px;

  width:175px;

  height:130px;

}



div#header img {border:none;}



div#topRightNav {

  float:left;

  padding-top:21px;

  padding-left:147px;

  width:525px;

  font-size:11px;

  line-height:17px;

}



div#topRightNav div {float:left;}





div#topRightNav #settings {

  width:110px;

  height:100%;

  padding-top:22px;

  padding-left:13px;

  padding-right:15px;

}

div#topRightNav #settings a {

 color:#666;

  text-decoration:underline;

  }



div#topRightNav #paymybill {

  width:100px;

  height:100%;

  padding-top:22px;

  padding-left:10px;

  padding-right:15px;

}

div#topRightNav #paymybill a {

color:#666;

 text-decoration:underline;

}



div#topRightNav #webmail {

  width:110px;

  height:100%;

  padding-top:22px;

  padding-left:8px;

}

div#topRightNav #webmail a {

 color:#666;

 text-decoration:underline;

}

div#topRightNav #usage {

  width:110px;

  height:100%;

  padding-top:22px;

  padding-left:17px;

}

div#topRightNav #usage a {

 color:#666;

 text-decoration:underline;

}

div#topRightNav #switch {

	width:150px;

	padding-left:13px;

}

div#topRightNav #switch a {

	color:#666;

	text-decoration:underline;

}

/* END Header */





/* BEGIN Main Navigation */

div#Navigation {

  width:873px;

  height:40px;

  /*border-top:1px solid black;*/

  /*border-bottom:1px solid black;*/

  background-color:white;

}



div#Navigation img {padding:0px 21px;}



div#Navigation a {text-decoration:none;}



div#Navigation img {border:none;}

/* END Main Navigation */





/* BEGIN Sub-Navigation */

div#Subnavigation {

  height:15px;

  width:873px;/*100%;*/

  /*border-bottom:0px solid #000000;*/

  padding-bottom:3px;

}

div#Subnavigation a {

  padding:8px 16px;

  text-decoration:none;

}

div#Subnavigation a:hover {text-decoration:underline;}

/* END Sub-Navigation */





/* BEGIN Main Footer */

div#MainFooter {

  width:873px;/*100%;*/

  padding:0px;

  color:#0d5cab;

  text-transform:uppercase;

  text-align:center;

  line-height:24px;

}



div#MainFooter a {

  color:#0d5cab;

  text-decoration:none;

}



div#MainFooter a:hover {

  color:#000;

  text-decoration:underline;

}



div#MainFooter p {

  color:#999999;

  font-size:11px;

  text-transform:none;

  margin:0px;

}

/* END Main Footer */



div#Promotionsgen {height:260px; }

div#Promotions {
	height:162px !important;
	/*Josh Richard added below to accomodate 3 boxes*/
	padding-left:120px;
	width:754px;
}

div.PromoLeft  {width:222px  !important;}

div.PromoMid   {width:214px  !important;}

div.PromoRight {width:223px  !important;}





#righttop { margin-bottom:10px; background:#fff; padding:5px 5px; text-align:justify; }

#righttop img { padding-bottom:10px; }

#righttop h2 { color:#ff9300; font-size:26px; line-height:24px; margin:10px 0 0 75px; }

#righttop p { width:305px; font-size:12px; margin:10px 0 0 75px; }



#rightbottom { background:#fff; padding:5px 5px; text-align:justify; }

#rightbottom img { padding-bottom:30px; }

#rightbottom h2 { color:#0d5cab; font-size:26px; line-height:24px; margin:10px 0 0 75px; }

#rightbottom p { width:305px; font-size:12px; margin:10px 0 0 75px; }





#lefttop { margin-bottom:10px; margin-left:22px; background:#fff; padding-left:20px; padding-right:20px; text-align:justify;}

#lefttop p { font-size:18px; line-height:28px; }

#lefttop h2 { color:#bb0e24; font-size:22px; line-height:28px; margin:10px 0 0 175px; }

#lefttop a { color:#4e4e4e; }



#leftbottom { background:#efefef; padding:5px 10px; }

#leftbottom table { padding-bottom:5px; }







#homeleft { width:405px; background:; float:left; margin:15px 0 0 10px; text-align:left; }

#homeright { width:405px; background:; float:left; margin:15px 0 0 30px; }



div#MainFlash {

  width:557px;

  height:381px;
  
position:relative;
z-index:5;
}

div#flashbanner {

  /*padding-top:13px;*/

  padding-left:6px;
  position:relative;
z-index:5;

}





ul.nostyle {

  list-style:square;

  border-bottom:0px;

}

   li.nostyle {list-style:square;}     li.nostyle a {text-decoration:none;}

ol li.nostyle {list-style:decimal;} ol li.nostyle a {text-decoration:none;}





body.popup {background:#fff;}

body.popup div {margin:0 auto;}

#popupwrapper {

  width:460px;

  height:250px;

  background:#fff;

}

#popupwrapper h4 {

  color:#0d5cab;

  font-weight:400;

  font-size:23px;

  line-height:32px;

  margin:10px 0 5px 0;

}

.lettercats {

  width:100px;

  font-size:14px;

  font-weight:bold;

  color:#0d5cab;

  border-bottom:1px solid #0d5cab

}





#title {

  height:50px;

  text-align:left;

  background:#7ea8d9 url('../images/bg-titlebar.gif') top left repeat-x;

}

#title.popupheader {

  height:50px;

  text-align:left;

  background:#7ea8d9 url('../images/bg-titlebar-logo.jpg') top left repeat-x;

}

#title h2 {

  font-size:18px;

  margin:0;

  padding:17px 0 0 25px;

  line-height:18px;

  color:#fff;

  font-weight:500;

}

#title h2 a {

  color:#fff;

  text-decoration:none;

}

#title h2 a:hover {text-decoration:underline;}

#title h2 .title {

  margin:20px;

  line-height:18px;

  color:#fff;

  font-weight:500;

}





.disclaimer {

  background:#f2f2f2;

  padding:2px 10px;

  font-size:11px;

  color:#8e8e8e;

}





#boxes {

  width:100%;

  float:left;

  margin:0;

  display:block;

}





.redBoxTop {background:url('../images/box_red_top.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.redBoxBot {background:url('../images/box_red_bot.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.redBox    {background:url('../images/box_red_mid.jpg') top center    repeat-y; width:250px; margin:0;}

.redBox img.hdr {padding:10px 0 0 15px;}

.redBox p {

  margin:0;

  padding:10px 10px 5px 15px;

  line-height:18px;

  font-size:15px;

  color:#fff;

}



.blueBoxTop {background:url('../images/box_blue_top.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.blueBoxBot {background:url('../images/box_blue_bot.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.blueBox    {background:url('../images/box_blue_mid.jpg') top center    repeat-y; width:250px; margin:0;}

.blueBox img.hdr {padding:10px 0 0 15px;}

.blueBox p {

  margin:0;

  padding:10px 10px 5px 15px;

  line-height:18px;

  font-size:15px;

  color:#fff;

}



.supportBoxTop {background:url('../images/box_yellow_top.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.supportBoxBot {background:url('../images/box_yellow_bot.jpg') top left   no-repeat  ; width:250px; margin:0; height:5px;}

.supportBox    {background:url('../images/box_yellow_mid.jpg') top center    repeat-y; width:250px; color:#000;}

.supportBox div {padding:10px 15px;}

.supportBox img.hdr {padding-bottom:10px;}

.supportBox li {

  list-style-type:none;

  display:inline;

  margin:0;

  padding:0;

  font-weight:bold;

}

.supportBox .title {margin-top:20px;}

.supportBox li a {

  padding:2px 0 2px 5px;

  text-decoration:none;

  display:block;

  font-weight:normal;

  border-bottom:1px dotted #000;

  color:#0d5cab;

}

.supportBox a:hover {

  text-decoration:none;

  color:#fff;

  background-color:#0d5cab !important;

}

.supportBox img a:hover {background:none;}





div#contact {padding-left:30px;}

div#contact div.title {

  margin-top:12px;

  margin-bottom:6px;

  border-bottom:2px solid #0d5cab;

}

div#contact div.title,

div#contact table {width:300px;}

div#contact table th,

div#contact table td {

  padding-left:3px;

  padding-right:3px;

  padding-bottom:3px;

  border-spacing:2px;

}

div#contact table th {

  width:35px;

  text-align:right;

  vertical-align:top;

}





.busImgs img {width:251px; height:310px;}
.busImgs760 img {width:550px; height:348px;}
.resImgs400 img {width:251px; height:400px;}

.resImgs480 img {width:251px; height:480px;}
.resImgs760 img {width:550px; height:348px;}

.resBundleTop img {width:251px; height:124px;}

.resBundleBot img {width:251px; height: 40px;}

.resPhoneTop  img, .resInternetTop img {width:251px; height:106px;}

.resPhoneBot  img, .resInternetBot img {width:251px; height: 48px;}



.resBundleTop {margin:0;}

.resBundleBot {margin:0;}

.resBundle    {margin:0; background:url('../images/res_bundle_mid.jpg') top center repeat-y;}

.resBundle img.hdr {padding:10px 0 0 15px;}

.resBundle p {

  padding:0 10px 5px 15px;

  line-height:18px;

  font-size:15px;

  color:#4e4e4e !important;

  margin:0;

}



.resInternetWrap div {

  width:251px;

  float:left;

}

.resInternet h5 {

  font-size:16px;

  font-weight:bold;

  color:#333333 !important;

}

.resInternet {margin:0; background:url('../images/res_internet_mid.jpg') top center repeat-y;}

.resInternet p {

  margin:0;

  padding:0 20px;

}



.resPhoneWrap div {

  width:251px;

  float:left;

}

.resPhone h5 {

  font-size:16px;

  font-weight:bold;

  color:#333333 !important;

}

.resPhone {margin:0; background:url('../images/res_phone_mid.jpg') top center repeat-y;}

.resPhone p {

  margin:0;

  padding:0 20px;

}



.bottomrepeat

{

	background-image:url(../images/bottom.gif);
	background-repeat:repeat-x;

}

div#message_box {
position: relative;
}