

* { padding: 0; margin: 0; }

body {font-family: arial; font-size: 10px; background-color: #E49D04;}
#wrapper { margin: 0 auto; width: 961px;}
h3 {margin-bottom: -10px;}


/* header */
#header {width: 961px; float: left; margin: 10px 0px 0px 0px;}
.header {background: url(../images/mainmiddle.gif) no-repeat;}
.headertext {color: #666666; font-size: 12px;}
a:link.headertext {text-decoration:underline;}
a:visited.headertext {text-decoration:underline;}
a:active.headertext {text-decoration:underline;}
a:hover.headertext {text-decoration:none;}
.headerbar {color: #214a8c; }

#content {background: url(../images/main2.gif) no-repeat;}
#leftcolumn {margin: -10px 0px 0px 8px; padding: 10px; height: auto; width: 186px; float: left;}
  .p-shadow {clear: both; width: 180px; float:left; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(imgages/shadow.gif) no-repeat             bottom right; margin: 1px 1px 1px 1px; margin: 10px 0 0 5px;}
  .p-shadow div {background: none; background: url(../images/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0;}
  .p-shadow p {color: #777; background-color: #fff; font: 1em arial, serif; border: 1px solid #c7c5c5; padding: 8px; margin: 0px 6px 6px -2px !important;
               margin: 0; padding-bottom: 10px;}
   #search_box {width: 160px; height: 51px; color: #777; background-color: #fff; font: 1em arial, serif; border: 1px solid #c7c5c5; padding: 8px;
                margin: 0px 6px 6px -2px !important; margin: 0; padding-bottom: 10px;}
   #search_box #s {float: left; padding: 0; margin: 6px 0 0 1px; height: 18px; border: thin #dfe0e0; width: 159px; background: #ebecec;}
   #search_box #go {float: left;  margin: 5px 6px 0 111px;}
#leftmiddle {margin: 20px 10px 0px 0px; padding: 2px; height: 289px; width: 223px; float: left;}
#leftimagecolumn {margin: 20px 10px 0px 0px; padding: 2px; height: 189px; width: 150px; float: left;}
#rightmiddleimagecolumn{margin: 20px 10px 0px 0px; padding: 2px; height: 189px; width: 150px; float: left;}
#rightimagecolumn {margin: 20px 0px 0px 0px; padding: 2px; height:189px; width: 150px; float: left;}
  .p-shadow2 {clear: both; width: 228px; float:left; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(imgages/shadow.gif) no-repeat               bottom right; margin: 0px 0px 0px 0px; margin: 0px 0 0 0px;}
  .p-shadow2 div {background: none; background: url(../images/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0;}
  .p-shadow2 p {color: #777; background-color: #fff; font: 1em arial, serif; border: 1px solid #c7c5c5; padding: 8px; margin: 0px 6px 6px -2px !important; margin: 0;
                padding-bottom: 10px;}
#leftmiddle2 {margin: 10px 0px 0px 0px; height: auto; width: auto; float: left;}
#rightmiddle {margin: 20px 10px 0px 0px; padding: 2px; height: 289px; width: 223px; float: left;}
#rightcolumn {margin: 20px 0px 0px 0px; padding: 2px; height: 289px; width: 223px; float: left;}
#rightcolumnwider {float: left; margin: 5px 0px 0px 20px; padding: 2px; width: 710px;}
#rightcolumnwiderxtra {float: left; margin: 35px 0px 0px 238px; padding: 2px; width: 600px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
             clear:both; height:0; font-size: 1px; line-height: 0px;}
.hr {border: none 0; border-top: 2 px solid #fdcf33; width: 666px; text-align: left; color: #fdcf33; background-color: #fdcf33; height: 2px;
     margin: 1px 0 1px 10px;}
.hrhalf {border: none 0; border-top: 2 px solid #fdcf33; width: 288px; text-align: left; color: #fdcf33; background-color: #fdcf33; height: 2px; margin: -3px 0 -6px 1px;}
#leftcolumncontentboxes {margin: 15px 0px 0px 5px; padding: 3px; height: 125px; width: 270px; float: left;}
#leftcolumncontentboxessmaller {margin: 15px 0px 0px -10px; height: 65px; width: 145px; float: left; text-align: center;}
#leftmiddlecontentboxessmaller { margin: 15px 0px 0px -10px; height: 65px; width: 140px; float: left; text-align: center;}
#leftmiddlecontentboxes {margin: 15px 0px 0px 80px; padding: 3px; height: 125px; width: 270px; float: left;}
.blackbg {background-color: #000000; color: #FFFFFF; padding: 5px 0 5px 10px; margin: 20px 23px 0 10px; font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.blackbghalf {background-color: #000000; color: #FFFFFF; padding: 5px 0 5px 5px; margin: 20px 23px 0 0px; width:250px; font: Arial, Helvetica, sans-serif; font-size: 11px;
              font-weight: bold;}
              
              
              .blackbghalf2 {background-color: #000000; color: #FFFFFF; padding: 5px 0 5px 5px; margin: 20px 23px 0 0px; width:190px; font: Arial, Helvetica, sans-serif; font-size: 11px;
              font-weight: bold;}
              
              
.blackbgshorter {background-color: #000000; color: #FFFFFF; padding: 5px 0 5px 10px; margin: 20px 35px 0 10px; font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tableblackbg {background-color: #000000; color: #FFFFFF; padding: 2px 0 2px 5px; margin: 0 0 0 5px; font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.tabletext {color: black; font-size: 12px; line-height: 18px; margin:0 0 0 3px; padding-left:5px;}

/* footer */
#footer {width: 945px; margin: 40px 0px 0px 0px; color:white;}
 .footertext {color: #666666; font-size: 12px; line-height: 18px;}
 a:link.footertext {text-decoration:underline;}
a:visited.footertext {text-decoration:underline;}
a:active.footertext {text-decoration:underline;}
a:hover.footertext {text-decoration:none;}
.copyright {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cc9900;} 
 .footerbar {color: #666666; }
 


 
 /* this is for the cell phone page */
#leftcolumncell {margin: 0 0px 0px 0px; padding: 10px; width: 340px; float: left;}
#rightcolumncell {margin: 0 0px 0px 5px; padding: 10px; height: auto; width: 310px; float: left;}

/* this is for the lineups page */
#leftcolumnlineup {margin: 0 10px 10px 0px; padding: 6px 0 0 20px; height: auto; width: 200px; float: left;}
#rightcolumnmiddlelineup {margin: 0 10px 20px 10px; padding: 10px 0 0 0px; height: auto; width: 200px; float: left;}
#rightcolumnlineup {margin: 0 0px 20px 10px; padding: 10px 0 0 0px; height: auto; width: 200px; float: left;}
#columnextramargin {float: left; margin: 5px 0px 0px 235px; padding: 2px; width: 700px;height: auto;}
#extracolumn {float: left; margin: 0px 0px 0px 235px; padding: 0 0 0 40px; width: 650px;}
#smallerextracolumn {float: left; margin: 0px 0px 0px 20px; padding: 0 0 0 0px; width: 650px;}
#addedcolumn {float: left; margin: 5px 0px 0px 0px; padding: 2px; width: 700px;height: auto;}
.lineupstext {color: black; font-size: 12px; line-height: 21px;}
.lineupsnumbersingle {font-size: 12px; font-weight: bold; color: #333333; padding-right: 10px; padding-left: 13px;}
.lineupsnumberdouble {font-size: 12px; font-weight: bold; color: #333333; padding-right: 10px; padding-left: 7px;}
.lineupsnumbertriple {font-size: 12px; font-weight: bold; color: #333333; padding-right: 10px;}
.lineupslisting {font-size: 12px; font-weight: bold; color: #333333; padding-right: 10px; line-height: 24px;}
.lineupstation {font-size: 12px; font-weight: bold; text-decoration:underline; color: #666666; text-transform: uppercase; line-height: 21px;}
 a:hover.lineupstation {color: #666666; text-decoration:none; }
.tablelineupstation {font-size: 12px; font-weight: bold; color: #0092CF; text-transform: uppercase; line-height: 21px; padding-left:5px;}
 a:hover.tablelineupstation {color: #025172; text-decoration:none;}


/* this is for the packages page */
#leftcolumnpackages {margin: 0 0px 0px 0px; padding: 10px 0 0 10px; height: auto; width: 310px; float: left;}
#rightcolumnpackages {margin: 0 0px 0px 15px; padding: 0 0 0 0px; height: auto; width: 310px; float: left;}

/*phones */
.linksphone {font-size: 12px; font-weight: bold; color: #E31B23; text-decoration: underline; text-transform: uppercase; line-height: 21px;}
 a:hover.linksphone {color: #6D090D;}
#leftcolumnlineuphones {margin: 0 0px 0px 0px; padding: 10px 0 0 10px; width: 275px; float: left;}
.phonetextright {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 60px;}
#phonecontentleft {margin: 0 0px 0px 5px; padding: 3px; width: 275px; float: left;} 
#phonecontentright {margin: 0 0px 0px 20px; padding: 3px; width: 275px; float: left;}   
#leftcolumnphone {margin: 0 0px 0px 0px; width: 230px; float: left; text-align: left;}
#rightcolumphone {margin: 1px 0px 0px 0px; width: 30px; float: left; text-align: right;}
.phonepricing {line-height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.blackbghalfphone {background-color: #000000; color: #FFFFFF; padding: 8px 5px 8px 5px; margin: 5px 23px 0 0px; width:275px; font: Arial, Helvetica, sans-serif;
                   font-size: 11px; font-weight: bold;}
.blackbghalfphoneleft {background-color: #000000; color: #FFFFFF; padding: 8px 5px 8px 5px; margin: 5px 23px 0 0px; width:250px; font: Arial, Helvetica, sans-serif;
                       font-size: 11px; font-weight: bold;}
#phoneleftcontentbox {margin: 0 0px 0px 0px; padding: 10px 0 0 10px; height: auto;width: 285px; float: left;}

/* popup box */
#hideshow {position: absolute; width: 100%;	height: 100%; top: 0; left: 0;}
#fade {background: #000; 	position: fixed;  width: 100%; height: 100%; filter:alpha(opacity=80); opacity: .80;
	   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/ left: 0; z-index: 10;}
.popup_block {background: #ddd;	padding: 10px 20px;	border: 10px solid #fff; float: left; width: 750px; position: fixed; top: 10%; left: 50%;
	          margin: 0 0 -225px -390px; z-index: 100;}
.popup_block .popup {float: left; width: 100%; background: #fff; margin: 10px 0; padding: 10px 0; border: 1px solid #bbb;}
.popup h3 {margin: 0 0 20px 10px; padding: 5px 10px; border-bottom: 1px solid #bbb; font-size: 2.5; font-weight: bold;}
.popup p {padding: 5px 10px; margin: 5px 0;}
.popup img.cntrl {position: absolute; right: -20px; top: -20px;}

/* lineups page */
#lineupsleft {margin: 15px 0px 0px 20px; height: auto; width: 185px; float: left; text-align: left;}
#lineupsright {margin: 15px 0px 0px 20px; height: auto; width: 185px; float: left; text-align: left;}

/*text and links*/
.specialtextbold {color: black; font-size: 20px; font-weight: bolder; line-height: 30px;}
.specialtextboldnone {color: black; font-size: 20px; font-weight: bolder;}
.specialtext {color: #666666; font-size: 12px; font-weight: bold; line-height: 18px;}
.specialtextpad {color: #666666; font-size: 11px; font-weight: bold; line-height: 15px; padding-left: 10px;}
.detailtext {color: #666666; font-size: 10px; line-height: 18px; font-weight: bold;}
 a:hover.detailtext {text-decoration: underline;}
.detailtextem {color: black; font-size: 9px; font-style:italic}
.detailtextblack {color: black; font-size: 10px; font-weight: bold;}
 a:hover.detailtextblack {text-decoration: underline;}
.detailtextnone {color: #666666; font-size: 10px; font-weight: bold;}
 a:hover.detailtextnone {text-decoration: underline;}
.celltext {color: #666666; font-size: 11px; font-weight: bold; line-height: 18px;}
.linktext {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #333333; font-weight:normal;
           line-height: 20px;}
 a:hover.linktext {text-decoration:underline; }
.link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; color: #666666; font-weight:bold; line-height: 20px; text-decoration:underline;}
 a:hover.link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; color: #afafaf; font-weight:bold; line-height: 20px;
               text-decoration:underline;}
.linktextsm {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform:capitalize; color: #333333;
             font-weight:normal; line-height: 16px;}
 a:hover.linktextsm {text-decoration: underline }
.menutxt {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bolder; color: #ffcc00; line-height: 28px;}
.textblack {color: black; font-size: 16px; font-weight: bold; line-height: 18px;}
.textblacknone {color: black; font-size: 16px; font-weight: bold;}
.textblack14 {color: black; font-size: 14px; font-weight: bold; line-height: 18px;}
.text {color: black; font-size: 12px; line-height: 18px;}
.textwhite {color: white; font-size: 12px; line-height: 18px;}
.textpadright {color: black; font-size: 12px; line-height: 18px;}
.buslink {font-size: 12px; font-weight: bold; color: #E49D04; text-decoration:underline; text-transform: uppercase; line-height: 21px;}
 a:hover.buslink {color: #976801;}
.busphone {font-size: 12px; font-weight: bold; color: #542988; text-decoration: underline; text-transform: uppercase; line-height: 21px;}
 a:hover.busphone {color: #320963;}
.internetsupportlink {font-size: 12px; font-weight: bold; color: #869811; text-decoration: underline; text-transform: uppercase; line-height: 21px;}
 a:hover.busphone {color: #C1D82F;}
 .lineupsplaintext {color: black; font-size: 12px; line-height: 22px;}
 
/*login form*/
#example6b {clear: both; float: left; margin-top: 50px;}
#example6b #loginform { background: url(../images/loginbg.png) no-repeat; width: 262px; height: 179px; padding: 20px;}
#example6b #loginform h3 { margin: 0; margin: 10px 0 5px 0;}
#example6b #loginform p {margin: 0;}
#example6b #loginform label { width: 75px; font-weight: bold; text-align: left; float: left;}
#example6b #loginform .submit {width: 70px; height: 20px; background: #AAAAAA; border: 1px solid #000000; 
                               border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 10px;}
							  
/*pictures*/
#leftcolumnpictures {margin: 0 0px 0px 0px; padding: 10px 0 0 20px; height: auto; width: 130px; float: left;}
#rightcolumnpictures {margin: 0 0px 0px 150px; padding: 0 0 0 20px; height: auto; width: 130px; float: left;}

/*management listing*/
#leftmanagement {margin: 0 0px 0px 0px; padding: 10px 0 0 40px; height: auto; width: 300px; float: left;}
#rightmanagement{margin: 0 0px 0px 15px; padding: 0 0 0 0px; height: auto; width: 310px; float: left;}

/*contact form*/
form { margin-top: 1.5em; padding-bottom: 35px;}
input.text { width: 20em; margin: 0 0 0 -30px; }
fieldset { float: left;	width: 660px; clear: left; margin: 0 0 1.5em 0; padding: 0; border: 1px solid #bfbfbf; background-color: #ededed; }
legend { margin-left: 1em; padding: 0; color: #000000; font-weight: bold; }
fieldset ol { padding: 1.5em 0 0 1em; list-style: none; zoom: 1;}
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
label { float: left; width: 10em; margin-right: 1em; }
fieldset.submit { float: left; border-style: none; padding-left: 1.5em; padding-bottom: 1em; padding-top: 1em; background-color: transparent; }

/*sitemap*/
.sitetext {color: #666666; font-size: 14px; line-height: 20px; font-weight:bold;}
a:hover.sitetext {text-decoration: underline;}
.secondary {color: #666666; font-size: 14px; line-height: 20px; font-style:italic;}
a:hover.secondary {text-decoration: underline;}

