@charset "UTF-8";
/* 
Millington Telephone Co. Website
July 2008, Rvsd. May 2009
 */

/* 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; height: 100%; 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; height: 100%; padding: 0 0 20px 36px; background: url('../images/grid_3.gif') repeat-y; padding-top: 36px }
#content .preload { display:none; }

.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 li { }
#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 hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }

.stripped_bkg { background: url('../images/webmail_bg2.gif') repeat-y; width: 294px; border: 1px solid #423e36; padding: 12px; }
.stripped_bkg p { font: .7em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.stripped_bkg ul { list-style-type: none; margin: .5em .2em; font: .7em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #423e36; }
.stripped_bkg li { background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 .8em; padding: .4em 1.2em; line-height: 1.2em; }
.stripped_bkg a, .stripped_bkg a:visited { color: #333; font: bold; text-decoration: none; border-bottom: #fff 1px solid;  }
.stripped_bkg a:hover { color: #000066; font: bold; text-decoration: none; border-bottom: #000066 1px solid;  }

.right-col { width: 320px; float: right; margin-right: 36px; display: inline; }
.right-col hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }
.right-col .stripped_bkg { background: url('../images/webmail_bg2.gif') repeat-y; width: 294px; border: 1px solid #423e36; padding: 12px; }
.right-col .stripped_bkg p { font: .7em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.right-col .white_p { width: 290px; border: #423e36 1px solid; background-color: #FFF; padding: 12px 16px 12px 12px; }

#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 HOME PAGE */

#company-links { height: 96px; padding-bottom: 16px; margin-top: -36px; }
#company-links li { display: inline; }
#company-links a { margin-right: 27px; display: inline; float: left; text-indent: -5000px;}
#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 #mtel a { width: 144px; height: 99px; background: url('../images/mtel.gif') no-repeat; }
#company-links #mtel a:hover { width: 144px; height: 99px; background: url('../images/mtel_hover.gif') no-repeat; }
#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 #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; }

.left-col .webmail { background: url('../images/webmail_bg2.gif') repeat-y; width: 294px; border: 1px solid #423e36; padding: 12px; }
.left-col .webmail legend { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; margin-bottom: 12px; margin-left: -8px; }
.left-col .webmail label { width: 95px; font: 16px Georgia, "Times New Roman", Times, serif; color :#423e36; float: left; }
.left-col .webmail .clear { clear: both; height: 4px; overflow: hidden; }
.left-col .webmail .input-text { width: 165px; padding: 1px 15px; border: 1px solid #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif; float: right; }
.left-col li.check { font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 8px 0; padding-bottom: 4px }
.left-col li.check span { display: block; font-weight: normal; }
.left-col .webmail .input-button { border: none; float: left; width: 88px; height: 22px; }
.left-col .webmail a { color: #888; font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; float: right; margin: 4px 24px -12px 12px; }
.left-col .webmail a:hover { color: #000066; }

.left-col hr { background: url('../images/hr.gif') no-repeat; width: 320px; height: 8px; border: none; }
.left-col #pay-my-bill { width: 320px; height: 41px; background: url('../images/pay_my_bill.gif') no-repeat; position: relative; }
.left-col #pay-my-bill h2 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066;  position: absolute; left: 116px; top: 18px; }
.left-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; }
.left-col #pay-my-bill a:hover { background: url('../images/enter_hover.gif') no-repeat; }

/* 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; }

/* Online Customer Care */
.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; }

/* New single column layout */
/* Used on Voice Mail, User Guide, About */
.single_col { width: 524px; margin-left: 64px; border: 3px #777777 solid; background-color: #ffffff; font: 12px Verdana, sans-serif; position: relative; }
.single_col p { margin: 12px 0 12px 24px; font: 12px/20px Verdana, sans-serif; color: #423e36; width: 464px; }
.single_col p.user_guide { margin: 12px 0 2px 24px; }
.single_col h1 { padding: 6px 0 8px 24px; font: bold 24px Georgia, serif; background-color:#000066; color:#ffffee; }
.single_col h2 { padding: 4px 0 6px 24px; margin-top: 1px; font: bold 18px Georgia, serif; background-color:#f8f7ef; color:#000066; border-top: 1px #676767 solid; }
.single_col h3 { padding: 4px 0 4px 24px; margin-top: 1px; font: bold 11px Verdana, sans-serif; text-transform: uppercase; color:#000066; border-bottom: 1px #676767 solid; }
.single_col ul { font: 12px/18px Verdana, sans-serif; color: #423e36; list-style-position: outside; list-style-type: disc; width: 428px; margin-left: 20px; padding: 0px 0 0 18px;}
.single_col ul.special { list-style-type: none; }
.single_col li { line-height: 16px; margin-top: 8px; }
.single_col table { padding: 4px 0px; font: 14px/18px Verdana, sans-serif; border-collapse: separate; width: 480px; margin: 0 auto 24px auto;}
.single_col th { padding: 6px; height: 28px; font: bold 12px Verdana, sans-serif; color: #fff; background-color: #000066; border-bottom: 1px #fff solid }
.single_col td { padding: 2px 4px 2px 6px; border: 1px solid #d4d6c6; }
.single_col thead td { padding: 2px 2px 2px 6px; border: 1px solid #222; }
.single_col tbody tr { font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #f8f7ef; }
.single_col tr.even { background-color: #d4d6c6; }
.single_col tr.label { font: bold 9px Verdana, Arial, Helvetica, sans-serif; background-color: #000; color: #fff; }
.single_col a:link, .single_col a:visited { color: #550000; }
.single_col a:hover { color: #000066; border-bottom: 1px #000066 dotted; }

#top_of_page { padding: 8px 0 0 88px; }