/* 
MTel Long Distance Website
April 2008 / Sept. 2008
 */
 
/* this clears floats */
.clear { clear: both; height: 1px; overflow: hidden; }

html { overflow-y: scroll; } /* this forces a scroll for short windows on FF and Safari */
html, body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #d6d1bb; color: #000000; }
h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; }
h2 { color: #000066; margin: -8px 0 10px 0; font: italic 16px Georgia, "Times New Roman", Times, serif; }
p { margin: 4px 0 10px 0; font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #423e36; }
p.caption { color: #423e36; margin: 4px 0; font-family: Verdana, sans-serif; font-size: 10px; line-height: 12px; }
a, a:visited { text-decoration: none; color: #82827A; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
a:hover { text-decoration: none; color: #000066; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

#container { width: 728px; padding: 0 24px; margin: 0 auto; background: url('../images/container_bg.gif') repeat-y; position: relative; }

#header { height: 96px; width: 728px; background: url('../images/header_bg.gif') no-repeat; position: relative; }
#header h1 a { width: 230px; height: 92px; display: block; text-indent: -5000px; }

#top_links { position: absolute; top: 16px; text-align: right; right: 36px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#top_links a, #top_links a:hover { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#top_links a:hover { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ffcc34; text-decoration: none; }

#address { position: absolute; top: 38px; text-align: right; right: 36px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

#topnav { height: 1.2em; width: 728px; color: #DDD; text-align: left; position: relative; background-color: #000; }
#topnav ul { background: none; bottom: 2px; margin-left: 36px; position: absolute; }
#topnav li { display: inline; margin-left: -2px; }
#topnav a, #topnav a:visited { text-decoration: none; color: #EEE; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 3px; margin-bottom: 4px}
#topnav a:hover { text-decoration: none; color: #ffcc34; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 3px; }

#content { width: 692px; padding: 0 0 20px 36px; background: url('../images/grid_3.gif') repeat-y; }
#content .preload { display:none; }

#company-links { height: 96px; padding-bottom: 16px; }
#company-links li { display: inline; }
#company-links a { margin-right: 27px; display: inline; float: left; text-indent: -5000px;}
#company-links #big-river a { width: 144px;  height: 99px; background: url('../images/big_river.gif') no-repeat; }
#company-links #big-river a:hover { background: url('../images/big_river_hover.gif') no-repeat; }
#company-links #tele a { width: 144px; height: 99px; background: url('../images/tele.gif') no-repeat; }
#company-links #tele a:hover { width: 144px; height: 99px; background: url('../images/tele_hover.gif') no-repeat; }
#company-links #alarms a { width: 143px; height: 99px; background: url('../images/alarms.gif') no-repeat; }
#company-links #alarms a:hover { width: 143px; height: 99px; background: url('../images/alarms_hover.gif') no-repeat; }
#company-links #yellow-pages a { width: 143px; height: 99px; background: url('../images/yellow_pages.gif') no-repeat; }
#company-links #yellow-pages a:hover { width: 143px; height: 99px; background: url('../images/yellow_pages_hover.gif') no-repeat; }

.one_col { width: 480px; padding-top: 36px; margin-left: 96px; }
.one_col h1 { padding-bottom: 14px; }
.one_col ul { font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #423e36; list-style-position: outside; list-style-type: disc; width: 420px; margin-top: -6px; padding-left: 24px; }
#one-col .center { width: 520px; margin-top: 16px; padding-left: 0px; text-align: center; }

#title { width: 600px; padding: 16px 0 0 0px; font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; }

.left-col { width: 320px; float: left; display: inline; }
.left-col img { width: 320px; height: 360px; padding-top: 6px; }
.left-col hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }

#second-col { width: 320px; float: right; padding: 12px 36px 0 0; display: inline; }
#second-col hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }
#second-col #choice h1 { font: bold 24px Georgia, "Times New Roman", Times, serif; color: #000066; padding: 0px 0 0 0px; }
#second-col #choice h2 { font: bold italic 16px Georgia, "Times New Roman", Times, serif; color: #423e36; padding: 0px 0 0 0px; }
#second-col #choice li {font: 16px Georgia, "Times New Roman", Times, serif; color :#423e36; padding-bottom: 4px; }
#second-col #choice ul { list-style-position: inside; list-style-type: disc; }

#footer { height: 40px; background: #f7f6ed; padding: 6px 0; }

#bottomnav { height: 1.2em; width: 728px; background: #d4d6c6; text-align: center; }
#bottomnav ul { background: none; position: relative; bottom: .1em; }
#bottomnav li { display: inline; }
#bottomnav a, #bottomnav a:visited { text-decoration: none; color: #82827A; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 15px; }
#bottomnav a:hover { text-decoration: none; color: #000; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 15px; }

#copyright { display: block; height: 18px; width: 728px; background: #f7f6ed; color:#6C6C60; }
p.copyright { text-align: center; font: 9px Verdana, Arial, Helvetica, sans-serif; margin-top: 6px }

#bottom_cap { width: 776; height: 24px; margin: 0 auto; display: block; text-align: center; }

/* SPECIFIC TO CONTACT PAGE */

.three_column { width: 200px; padding-left: 16px; text-align: center; }
.three_column p { font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center }
#one-col .center { width: 600px; margin-top: 16px; padding-left: 18px; text-align: center; }
.left-col #left-contact { width: 320px; margin-top: 6px; }

/* Letter of Agency */
#printform { display: inline; color: #423e36; margin: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; }
.print_only { display: none; }

/* Privacy Policy */
.privacy li { list-style-position: outside; margin-left: 16px; line-height: 18px; padding-top: 4px; color: #423e36; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; list-style-type: disc; }

/* About and Letter of Agency */
#column { width: 480px; margin-top: 16px; margin-left: 96px; }
#column h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; margin: 6px 0; }
#column h2 { color: #000066; margin: 6px 0; font: italic 16px Georgia, "Times New Roman", Times, serif; }
#column p { color: #423e36; margin: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; }
#column a { color:#000066; text-decoration: none; border-bottom: 1px dotted #000066;}
#column a:hover { color:#888; border-bottom: 1px dotted #888; }
#column #left-photo { float: left; padding: 6px 8px 2px 0; }

/* Domestic Plans */
.plans { width: 692px; padding: 0 20px ; background: url('../images/grid_3.gif') repeat-y; }
.plans table { border-collapse: separate; width: 628px; margin: 48px auto; }
.plans th { padding: 6px; height: 36px; font: bold 18px Georgia, "Times New Roman", Times, serif; color: #fff; background-color: #000066; text-align: center; }
.plans td { padding: 12px 14px; border: 1px solid #ccc; background-color: #f8f7ef; }
.plans td.even { padding: 4px 14px; border: 1px solid #ccc; background-color: #d4d6c6; }
.plans td.ast { padding: 4px 14px; border: none; background: none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
.plans span { font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
.float_left { float: left; }
.float_right { float: right; }
.plans h1 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; }

/* Online Customer Care */
.right-col { width: 320px; float: right; margin-right: 36px; display: inline; }

.care li { list-style-position: outside; margin-left: 16px; line-height: 18px; padding-top: 4px; color: #423e36; font-family: Georgia, serif; font-size: 14px; list-style-type: disc; }
.right-col hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }
.right-col #pay-my-bill { width: 320px; height: 41px; background: url('../images/pay_my_bill.gif') no-repeat; position: relative; }
.right-col #pay-my-bill h2 { font: bold 18px Georgia, serif; color: #000066; position: absolute; left: 116px; top: 18px; }
.right-col #pay-my-bill a { background: url('../images/enter.gif') no-repeat; width: 88px; height: 22px; text-indent: -5000px; display: block; position: absolute; top: 10px; left: 15px; }
.right-col #pay-my-bill a:hover { background: url('../images/enter_hover.gif') no-repeat; }