/*  
CSS Styles: McPherson Media
Description: Global CSS Styles
Version: 1.00
Author: Broady
Author URI: http://www.broadyswebdesign.com
*/

/***********************************************/
/* Main HTML tag styles                        */
/***********************************************/
body { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:36px 0px 0px 0px; height:100%; min-height:100%; background:#dee7ed url(../images/bkg_body.jpg) repeat-x; }
html { height:100%; margin-bottom:1px; }

* html body { height:100%; }

/***********************************************/
/* Layout                                      */
/***********************************************/
.bgcontain { background:#fff url(../images/bkg_bgcontain.png) repeat-x; width:900px; margin:0 auto; padding-top:8px;}
/*\ IE/Win min height hack */ * html .container { height:400px} /* */ 
.container { background:#fff; width:870px; float:left; padding:0 15px 0 15px; min-height:400px; }
.maincontainer { margin:10px 0 0 0; text-align:center; margin:auto; }
.RightCol { width:220px; float:right; min-height:350px; border-left:1px dotted #c0c0c0; padding:0 0 0 5px; }
.LeftCol { width:630px; float:left; padding-bottom:20px; }
.mainCol { width:100%; padding-bottom:20px; text-align:left; }

/***********************************************/
/* Header                                      */
/***********************************************/
/*\ IE/Win min height hack */ * html .Header { height:95px; } /* */ 
.Header { position:relative; clear:left; width:900px; background:url(../images/bkg_header.png) repeat-x left top;  min-height:140px; }
.Header h1 { text-indent:-5000px; margin:0; padding:0; }
.Header h1 a { width:725px; height:135px; background:url(../images/mainlogo_swish.gif) no-repeat; cursor:pointer; float:left; }

.MainMenu {  }
.MainMenu ul { padding:0; margin:0; font-size:11px; height:27px; }
.MainMenu li { padding:0; margin:0; display:inline; }
.MainMenu a { padding:0 0 0 10px; margin:0 2px 0 0; background:url(../images/MainMenuLeft.png) no-repeat left top; float:left; }
.MainMenu a span { padding:7px 10px 7px 0px; display:block; background:transparent url(../images/MainMenuRight.png) no-repeat right top; float:left; }
.MainMenu a span { color:#fff; }
.MainMenu a:hover span { color:#fff; }
.MainMenu a:hover { background-position:0% -27px; color:#fffff1; text-decoration:none; }
.MainMenu a:hover span { background-position:100% -27px; color:#fffff1; }



/* Pages Menu */
#Menu { position:relative; clear:both; float:left; width:500px; height:31px; display:inline; background:url(../images/bg_admmenu_sublist.gif) -5000px 0 no-repeat; z-index:1000; }
#Menu ul { margin:0; padding:0; list-style:none; width:500px; }
#Menu li { float:left; position:relative; margin:0; padding:0; list-style:none; background:url(../images/btn_menu_right.gif) 100% 0 no-repeat; }
#Menu li.HasSubMenu { background:url(../images/btn_menu_right_arrow.gif) 100% 0 no-repeat; }
#Menu li a { display:block; height:24px; color:#000; font-size:0.85em; font-weight:bold; text-decoration:none; padding:6px 13px 0 13px; background:url(../images/btn_menu_left.gif) 0 0 no-repeat; }
#Menu li.HasSubMenu a { padding:6px 23px 0 13px; }
#Menu li.First a { background: url(../images/btn_menu_left_first.gif) 0 0 no-repeat; }
#Menu li ul { float:left; position:absolute; left:0; top:30px; width:175px; display:none; text-align:left; background:url(../images/bg_menu_sublist.gif) 0 100% no-repeat; padding:0 0 10px 0; z-index:10; }
#Menu li ul li { clear:both; color:white; text-align:left; background-image:none; }
#Menu li ul li a { color:#394852; padding:2px 10px 0 10px; width:138px; height:auto; font-weight:normal; font-size:11px; background-image:none; }
#Menu li ul li a:hover { text-decoration:underline; }
#Menu li:hover { background-position:100% -100px; }
#Menu li:hover a, #Menu li.over a{ background-position:0 -100px; color:#394852; }
#Menu li:hover ul, #Menu li.over ul { display:block; }
/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float:left; height:1%; }
* html #Menu ul li a { height:1%; }
/* End */
* html #Menu li:hover , * html #Menu li.over { background-position:100% -100px; }

#adsdisplay { width:600px; height:197px; overflow:hidden; padding:0; margin:0; }
#adsdisplay ul { margin:0; padding:0; list-style:none; }

div#menudiv{ position:absolute; top:-0em; right:0; width:520px; margin-top:110px; }
ul#nav,ul#nav li{ list-style-type:none; margin:0; padding:0; }
ul#nav{ width:650px}
ul#nav li{ float:left; margin-right:3px; text-align:center; }
ul#nav a{ float:left; width:7.5em; padding:5px 0; background:#ffcb05; text-decoration:none; color:#666; }
ul#nav a:hover{ background:#194887; color:#fff; }
ul#nav li.activelink a,ul#nav li.activelink a:hover{ background:#d1d1d1; color:#003; }

.TopMenu { position:absolute; left:0; width:auto; margin:5px 0 0 710px; color:#1B57B1; }
.TopMenu h3 { font-size:24px; margin:0; padding:0; text-align:left; clear:both; }
.TopMenu h3 img { vertical-align:middle; }
.TopMenu .address { font-size:12px; color:#1B57B1; white-space:nowrap; padding:2px 0 5px 15px; text-align:left; }
.TopMenu .date { color:#757575; }

.HeadBox { background:#fff; width:900px; float:left; padding:0; }
 div #HeadBoxRight { float:left; width:285px; padding:10px 0 0 5px; margin:2px; background:#739ac2; color:#000; height:183px;}
.HeadBoxLeft { float:right; width:600px; height:197px;  }

/***********************************************/
/* Quick Login Box                             */
/***********************************************/
ul#tabNavigation { list-style:none; margin:0 0 2px 0; padding:0; }
ul#tabNavigation li { display:inline; }
ul#tabNavigation li a { padding:3px 5px; background-color:#004489; color:#fff; text-decoration:none;}
ul#tabNavigation li a.selected { background-color:#93b1d0; color:#fff; padding-top:7px; }

ul#tabNavigation li a:focus { outline:0; }

.QuickLoginBox { background:#93b1d0; height:160px; margin-right:5px; border:1px solid #666; }
.QuickLoginBox2{ background:#c7d6e6; height:160px; margin-right:5px; border:1px solid #666;}
.QuickLoginBox img, .QuickLoginBox2 img { float:left; margin:0 10px 0 2px; padding:0; }
.QuickLoginBox h3, .QuickLoginBox2 h3 { text-align:left; font-size:12px; font-weight:normal; color:#000; margin:10px auto; padding:0 10px; }


#frmQuickLogin dt, #frmWebMailLogin .QuickLoginForm dt { width:80px; }
#frmQuickLogin dd, #frmWebMailLogin .QuickLoginForm dd { margin-left:85px; }
#frmQuickLogin .QuickLoginForm p.Submit, #frmWebMailLogin .QuickLoginForm p.Submit { margin:0 0 0 8px; }

.QuickLoginForm dt, #frmWebMailLogin dt { width:50px; float:left; margin:3px 0 5px 0; clear:left; color:#fff; font-weight:bold; }
.QuickLoginForm dd, #frmWebMailLogin dd { margin-left:140px; margin-bottom:5px; }
.Required { color:#fe4819; }

/***********************************************/
/* Search Box                                  */
/***********************************************/
#searchcontainer { margin:auto; text-align:center; clear:both}
#searchbox { border:1px solid #dedddd; background:url(../images/search_bg.gif) 0 0 repeat-x; padding:5px; margin:2px 10px 5px 10px; text-align:right; }
#searchbox table { text-align:right; padding-right:5px; }
#searchbox h3 { color:#1b57b1; font-size:14px; }
#searchbox form { margin:0; padding:0; display:inline; }

/***********************************************/
/* Homepage Plans Display                      */
/***********************************************/
.ProductContainer { float:left; width:900px; background:url(../images/ProductListContainerBg.gif) center 100% no-repeat; padding:0 0 10px 0; }
.BlockContent { padding:0 2px 0 2px; }
.ProductItemFirst { float:left; width:140px; min-height:90px; overflow:hidden; background:url(../images/ProductListBgBottomHlt.gif) bottom left no-repeat; margin:5px 0 0 3px; padding:0; }
.ProductItem { float:left; width:140px; min-height:90px; overflow:hidden; background:url(../images/ProductListBgBottomHlt.gif) bottom left no-repeat; margin:5px 0 0 10px; padding:0; }
.PlanImage { padding-top:5px; margin:0; width:auto; background: url(../images/ProductListBgTopHlt.gif) top left no-repeat; }
.PlanTitle { padding-top:2px; }

.PlanTitle a:link, .PlanTitle a:visited, .PlanTitle a:active { color:#ff7f00; }
.PlanTitle a:hover { color:#1B57B1; text-decoration:underline; }

/***********************************************/
/* Homepage Toggle Tabs                        */
/***********************************************/
.tabContainer { width:770px; background:url(../images/bg_tabContainer_wide_top.gif) 100% 0 no-repeat; margin:0 0 20px 0; }
.tabContainer.Narrow { width:635px; background:url(../images/bg_tabContainer_wide_top.gif) 100% 0 no-repeat; }

.panelButtonOn { float:left; background:url(../images/btn_panel_on_left.gif) 0 0 no-repeat; margin:0 0 0 10px; display:inline; }
.panelButtonOn a { display:block; float:left; height:24px; color:#1E292B; text-decoration:none; padding:7px 20px 0 15px; margin:0 0 0 5px; background:url(../images/btn_panel_on_right.gif) 100% 0 no-repeat; display:inline; }
.panelButtonOff { float:left; background:url(../images/btn_panel_off_left.gif) 0 0 no-repeat; margin:0 0 0 10px; display:inline; }
.panelButtonOff a { display:block; float:left; height:24px; color:#757575; text-decoration:none; padding:7px 20px 0 15px; margin:0 0 0 5px; background:url(../images/btn_panel_off_right.gif) 100% 0 no-repeat; display:inline; }
.panelButtonOn a:hover, .panelButtonOff a:hover { color:#fe4819; }

.panel { clear:both; width:635px; background:url(../images/bg_tabContainer_wide_bottom.gif) 100% 100% no-repeat; }
.panel.gradient { width: 770px; background:url(../images/bg_tabContainer_wide_gradient.jpg) 100% 0 no-repeat; }
.Narrow .panel { width:635px; background:url(../images/bg_tabContainer_narrow_bottom.gif) 100% 100% no-repeat; }
.Left .panel, .Right .panel { width:190px; background:url(../images/bg_tabContainer_side_bottom.gif) 100% 100% no-repeat; }
.panelBox { padding:20px 0 20px 20px; }
.Right .panelBox { padding:10px 0 10px 10px; font-size:0.95em; }
.panel p, .panel h1, .panel h2, .panel h3, .panel h4, .panel hr, .panel li, .panel fieldset, .panel .Testimonial { margin-right:20px; }
.panel table { width:630px; }
.panel table hr { margin-right:0; }
.panel th { }
.panel .odd td { background-color:transparent; }
.panel .even td { background-color:#f5f8fa; }

/* Announcements (Homepage Tabs) */
.Announcements, .Announcements ul { margin:0; padding:0; list-style:none; }
.Announcements li { float:left; list-style:none; width:290px; line-height:1.3em; border-bottom:1px dotted #b4b4b4; margin:0 10px 10px 0; padding:0 0 10px 0; height:120px; text-align:left; }
.Announcements li a { color:#1B57B1; text-decoration:none; font-weight:normal; }
.Announcements li a:visited { color:#1B57B1; text-decoration:none; font-weight:normal; }
.Announcements li a:hover { color:#ff7f00; text-decoration:underline; font-weight:normal;}
.Announcements strong { font-size:0.9em; }
.Announcements .author { color:#757575; }
.Announcements .date { color:#ff7f00; font-size:0.85em; float:left; }
.Announcements .link { float:right; }

/* Staff Profiles */
.staffProfiles { margin:0; padding:0; }

/* Daily Links (Homepage Tabs) */
.DailyLinks, .DailyLinks ul { margin:0; padding:0; list-style:none; }
.DailyLinks li { float:left; list-style:none; width:290px; border-bottom:1px dotted #b4b4b4; margin:0 10px 10px 0; padding:0 0 10px 0; height:90px; text-align:left; }
.DailyLinks li a { color:#1B57B1; text-decoration:none; font-weight:normal; }
.DailyLinks li a:visited { color:#1B57B1; text-decoration:none; font-weight:normal; }
.DailyLinks li a:hover { color:#ff7f00; text-decoration:underline; font-weight:normal;}
.DailyLinks strong { font-size:0.9em; }
.DailyLinks .author { color:#757575; }
.DailyLinks .date { color:#ff7f00; font-size:0.85em; float:left; }
.DailyLinks .link { float:right; }
.desc { font-size:12px; }

.emergAnn { border:4px solid #F00; background-color:#f2f7fa; margin-right:5px; min-height:188px; }
.emergTitle { background-color:#F00; display:block; color:#FFF; font-size:14px; font-weight:bold; }
.emergSubject { float:left; margin:0 0 0 5px; font-size:14px; }
.emergDate { float:right; color:#757575; font-size:11px; }
.emergContent { margin:5px 0 0 0; clear:both; text-align:left; padding:5px; height:125px; overflow:auto;}

/* Popular Sites (Homepage tabs) */
.Column1 { float:left; width:300px; border-right:1px dotted #c0c0c0; margin:0 5px 0 0; }
.Column2 { float:left; width:300px; }
.Column1 h3, .Column2 h3 { font-size:14px; font-weight:normal; color:#ff7f00; }

.Column1, .Column1 ul, .Column2, .Column2 ul { margin:0; padding:0; list-style:none; }
.Column1 li, .Column2 li { float:left; list-style:none; width:230px; line-height:1.3em; border-bottom:1px dotted #b4b4b4; margin:0 10px 10px 30px; padding:0 0 10px 0; text-align:left; list-style-image:url(../images/icon_list.gif)}

/* Secondary Product Lists (Toggle Feature Tabs) */
.ProductList, .ProductList ul { margin:0; padding:0; list-style:none; }
.ProductList li { float:left; list-style:none; width:215px; line-height:1.3em; border-bottom:1px dotted #b4b4b4; margin:0 10px 10px 0; padding:0 0 10px 0; }
.ProductList li a { text-decoration:underline; color:#196297; }
.ProductList li a:hover { color:#fe4819; }
.ProductList strong { font-size:0.9em; line-height:1.3em; }

/***********************************************/
/* Tech Tips                                 */
/***********************************************/
#techtipHead { background:#f2f7fa; height:45px; }
#techtipHead h3 { padding:12px 0 0 5px; text-align:left; font-size:13px; font-weight:normal; color:#1B57B1; margin:0; }
#techtipHead img{ float:left; padding:5px; margin:0; }
#techtipsBody { border:1px solid #dedede; padding:0; min-height:150px; text-align:left; }

#techtips ul { margin:0; padding:0; list-style-type:none; }
#techtips li { margin: 0 0 .2em 0; list-style-type:none; }
#techtips a { display:block; color:#333; background-color:#f7f7f7; width:auto; padding:5px; text-decoration:none; }
#techtips a:hover { background-color:#369; color:#FFF; }

.oddTechTip { background-color:#fff; color:#000; }
.evenTechTip { background-color:#f3f3f3; color:#000; }

.rrsFeedHeader { padding:0; margin:auto; font-size:12px; font-weight:bold; text-align:center;}
.rssPubDate { font-size:9px; color:#666; }
.column1, .column2 { padding:5px 0; min-height:45px; text-align:left; }
/* IE hack for min-height */ * html body div.column1, * html body div.column2 { height:45px; }
.column2 { background-color:#eee; }

/***********************************************/
/* Weather Feed                                */
/***********************************************/
#weatherHead { background:#f2f7fa; height:45px; margin-top:10px; }
#weatherHead h3 { padding:12px 0 0 5px; text-align:left; font-size:13px; font-weight:normal; color:#1B57B1; margin:0; }
#weatherHead img{ float:left; padding:5px; margin:0; }
#weatherBody { border:1px solid #dedede; padding:10px; min-height:250px; text-align:left; }

/***********************************************/
/* General Elements                            */
/***********************************************/
img { padding:0; margin:0; border:none; }
div.center { text-align:center; }
.center { text-align:center; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }

h2 { margin:0 0 15px 0; padding:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333; text-align:left; width:100%; border-bottom:1px solid #ccc; white-space:nowrap;}
h4 { color:#1b57b1; font-size:13px; padding:0; margin:0; }

table, td { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; }

.red { color:#F00}
.small { font:normal 10px Arial, Helvetica, sans-serif; }
.boxborder { border:1px solid #efefef; background-color:#f7f7f7; padding:5px; font-weight:bold; }
.boxborder_yellow { border:1px solid #efefef; background-color:#fff8e1; padding:10px; font-weight:normal; }
.boxborder_yellow h3 a { font-weight:bold; padding:0; margin:0; }
.greytable { background-color:#f7f7f7; border:1px solid #dedddd; padding:10px; }
.mainCol .greytable { text-align:center; margin:auto; }

form span.hint { font-size:10px; color:#999; }
form .greytable h3 { color:#1b57b1; font-size:14px; }

p { line-height:1.4em; margin:0 0 15px 0; }
ul, ol { margin:10px 0 10px 25px; padding:0; }
li { margin:4px 0 4px 0; line-height:1.4em; }
ul li { list-style-type:disc; }

.localnews img { vertical-align:middle; }

.externalLink { background:url(../images/external.png) top left no-repeat; padding: 15px 0 0 0; }
.greytext { color:#757575; font-size:0.85em; }
.grey { color:#757575; }

#dailylinks a { color:#1B57B1; text-decoration:none; font-weight:bold; }
#dailylinks a:hover { color:#ff7f00; text-decoration:underline; font-weight:bold; }

.separator { margin:2px auto; }
.botseparator { margin:5px auto 0 auto; }

/***********************************************/
/* Link styles                                 */
/***********************************************/
a:link, a:visited, a:active { color:#1B57B1; text-decoration:none; font-weight:normal; }
a:hover { color:#ff7f00; text-decoration:underline; font-weight:normal; }

/***********************************************/
/* Form styles                                 */
/***********************************************/
form { margin:0; padding:0; display:inline; }
fieldset { border:1px solid #c4c4c4; margin:0; padding:5px; }
legend { font-size:1.1em; font-weight:bold; color:#1e292b; margin:5px 0 0 0; padding:0 5px 0 5px; }
.input { font:normal 12px Arial, Helvetica, sans-serif; color:#1e292b; background:#fff url(../images/text-bg.gif) 0 0 repeat-x; border:1px solid #888; padding:3px; margin:0 5px 0 0; }

/***********************************************/
/* Footer                                      */
/***********************************************/
#footer { background:#b3c5d1 url(../images/bkg_bottom.gif) no-repeat left bottom; width:900px; color:#314451; clear:both; }
#footer p { float:left; font-size:11px; padding:10px 15px; margin:0; } 
#footer .links { float:right; margin:0 15px 0 0; padding:10px 15px; }

#ContainerBottom { clear:both; position:relative; width:100%; background:#fff url(../images/bg_container_bottom.gif) 0 0 repeat-x; color:inherit; }
#BottomBankLogos { padding:0 0 20px 20px; margin:0; }
#BottomBankLogos img { margin:10px 15px 0 0; }

#tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none;}	

/***********************************************/
/* Error Handling                              */
/***********************************************/
#rsvErrors { display:none;  padding:8px;  background-color:#ffffcc;  border: 1px solid#aa0000; margin-bottom:12px; }
.errorField { background-color:#ffffcc; border:1px solid #aa0000; color:#aa0000; padding:5px; width:70%; margin:auto; }
.ErrFont { font-family: Tahoma, arial, helvetica, sans-serif; font-size:10pt; color:#ff0000; font-weight:normal; padding:2px; background-color:inherit; text-align:center; }
.ErrMsg { font-family: Tahoma, arial, helvetica, sans-serif; font-size:10pt; color:#ff0000; font-weight:normal; padding:2px; background-color:inherit; } 	

/***********************************************/
/* Resizable Textarea                          */
/***********************************************/
div.grippie { background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden; }
.resizable-textarea textarea { display:block; margin-bottom:0pt; width:95%; height:20%; }

/***********************************************/
/* Frequently Asked Questions  / Announcements */
/***********************************************/
.faqtopic { color:#666; font-weight:bold; }
.greydate { color:#999; font-weight:normal; font-size:10px; }
#announcements h3 { color:#1b57b1; font-size:14px; }
.orangedate { color:#ff7f00; font-size:0.85em; }

/***********************************************/
/* Begin Paging                                */
/***********************************************/
.paging { float:left; margin:0px; font-family:Arial; font-weight:bold; text-align:center; }
.paging a { padding:2px 4px 2px 4px; float:left; text-decoration:none; background-color:#fff; font-family:Arial; font-size:12px; border:solid #6FB7FF 1px; font-weight:normal; color:#000; }
.paging a:visited { padding:2px 4px 2px 4px; text-decoration:none; background-color:#fff; font-family:Arial; font-size:12px; border:solid #6FB7FF 1px; }
.paging .me-page { padding:2px 2px 2px 2px; font-family:Arial; font-size:16px; border:solid #fff 1px; color:inherit; text-decoration:none; background-color:inherit; font-weight:bold; }
.paging a:hover { color:#fff; text-decoration:none; background-color:#0069D2; }
.pdead { padding:2px 4px 2px 4px; float:left; margin-right:8px; text-decoration:none; background-color:#336699; font-family:Arial; font-size:12px; color:#fff; border:solid #6FB7FF 1px; font-weight:bold; }

/***********************************************/
/* Broadband Calculator                        */
/***********************************************/
table.list { border:1px solid #ddd; width:700px; text-align:center; }
table.list td { background-color:#fff; padding:2px; color:#000; }
table.list th { margin:0px; padding:6px 4px 2px 4px; height:25px; background:url(../images/admin/background.jpg); background-repeat:repeat; font-size:12px; color:#000; font-weight:bold; }
table.wutable { background-color:#f7f7f7; border:1px #000000 solid; border-collapse:collapse; border-spacing:0px; margin-top:0; vertical-align:top; text-align:center; width:700px; }
table.wutable td.Hd { border:1px solid #000000; background-color:#0242AC; font-weight:bold; color:#ffffff; }
table.wutable td { border: 1px solid #666666; padding-left: 3px; } 

.home_panel_outer { margin-left:10px; }
.home_panel_inner { margin:0 0 10px 0; min-height:180px; height:auto !important; height:180px; }
.home_panel_outer { width:285px; background:url(../images/bg_home_panel_top.gif) top center no-repeat #fff; }
.home_panel_inner { background:url(../images/bg_home_panel_bottom.gif) bottom center no-repeat; width:285px; padding:10px 0; position:relative; }