@charset "UTF-8";
/* 
Big River Website
July 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; }
p { margin: 4px 0 10px 0; font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #423e36; }
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; }
em { font-style: italic; }
strong { font-weight: bold; }

#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; }
#topnav a, #topnav a:visited { text-decoration: none; color: #EEE; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 14px; margin-bottom: 4px}
#topnav a:hover { text-decoration: none; color: #ffcc34; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 14px; }

#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 #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 #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 #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 p { line-height: 20px }

.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 */

.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 .cust_svc { background: url('../images/webmail_bg2.gif') repeat-y; width: 294px; border: 1px solid #423e36; padding: 12px; }
.left-col .cust_svc p { font: .7em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.left-col .cust_svc h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; margin-bottom: 8px; }
.left-col .cust_svc .type2 { color: #333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
.left-col .cust_svc .type2 a { color: #333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: #fff 1px solid;  }
.left-col .cust_svc .type2 a:hover { color: #000066; border-bottom: #000066 1px solid;  }

.postini { background: url('../images/webmail_bg2.gif') repeat-y; width: 294px; border: 1px solid #423e36; padding: 12px; }
.postini legend { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; margin-bottom: 12px; margin-left: -8px; }
.postini label { width: 95px; margin-bottom: 9px; font: bold .7em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color :#423e36; float: left; }
.postini .input-text { width: 165px; padding: 1px 15px; border: 1px solid #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif; float: right; }
.postini .input-button { border: none; float: left; width: 88px; height: 22px; }

/* SPECIFIC TO CONTACT PAGE */

.one_col .contact p { font: bold .8em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.one_col .contact a:link, .one_col .contact a:visited { text-decoration: underline; color: #222; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.one_col .contact a:hover { text-decoration: underline; color: #000088; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* SPECIFIC TO BUSINESS PAGE (USED FOR WEBMAIL TOO)*/

.business { width: 532px; padding: 36px 64px 24px 58px; margin: 0 0px 24px 0px;  background-color: #FFF; border: 1px solid #333; }
#dsl a, #dsl a:visited { font-weight:normal; font-size: 1em; color: #3300FF; text-decoration: underline; border: none; }
#dsl a:hover { font-weight:normal; font-size: 1em; color: #000; text-decoration: underline; border: none; }
.business img { float: left; margin: 4px 12px 4px 0px; }
.business table { font: 14px/18px Verdana, sans-serif; border: 1px #d4d6c6 solid; border-collapse: separate; width: 100%; margin: 0 auto 24px auto;}
.business th { padding: 2px 6px; height: 28px; font: bold 12px Verdana, sans-serif; color: #423e36; background-color: #d4d6c6; border-bottom: 1px #fff solid; border: 1px #fff solid; }
.business td { padding: 4px 4px 4px 6px; border: 1px solid #d4d6c6; }
.business thead td { padding: 2px 2px 2px 6px; border: 1px solid #222; }
.business tbody tr { font: 10px Verdana, Arial, Helvetica, sans-serif; background-color: #f8f7ef; }
.business tr.even { background-color: #d4d6c6; }
.business tr.label { font: bold 9px Verdana, Arial, Helvetica, sans-serif; background-color: #000; color: #fff; }

/* SPECIFIC TO SUPPORT PAGE */

.support p { font: bold .8em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.support a:link, .one_col .contact a:visited { text-decoration: underline; color: #222; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.support a:hover { text-decoration: underline; color: #000088; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

/* SPECIFIC TO MESSAGING PAGE */

.messaging { width: 532px; padding: 36px 64px 24px 58px; margin: 0 0px 24px 0px;  background-color: #FFF; border: 1px solid #423e36; }
#webmail_link { padding: 4px 0 12px 0; }
#webmail_link a, #webmail_link a:visited {
	font: bold .8em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #000066; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000066; }
#webmail_link a:hover { color:#0000FF; border-bottom-color: #0000FF;}
.inset_box { background: url('../images/260_box.gif') repeat-y; width: 236px; border: 1px solid #333333; margin: 8px -36px 12px 24px; padding: 12px; float: right; display: inline; }
.inset_box p { font: .7em/1.6em Verdana, "Lucida Grande", Helvetica, Arial, sans-serif; float: left; padding-bottom: -24px; }
.inset_box ul { list-style-type: none; margin: 4em .2em 1em .2em; font: .7em/1.6em Verdana, "Lucida Grande", Helvetica, Arial, sans-serif; color: #423e36; }
.inset_box li { background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 .8em; padding: .4em 1.2em; line-height: 1.2em; }

/* SPECIFIC TO SERVICES PAGE */

.services { width: 532px; padding: 36px 64px 24px 58px; margin: 0 0px 24px 0px;  background-color: #FFF; border: 1px solid #333; }

/* SPECIFIC TO DSL QUALIFICATION */

.dsl_form { font: bold .8em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
.dsl_italic { font: italic .8em/1.6em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }