html { height: 100% }
body {font-family:Source Sans Pro,sans-serif;font-size:1.125rem,font-weight:500;text-align:left;color:black;padding:0;margin:0;border-collapse:collapse; height: 100%;}

div.body_holder { min-height: 100%; position: relative; }

div.main_holder { padding-bottom: 130px; }

#timer { position: absolute; top: 0; right: 0; background-color: transparent; background-repeat: no-repeat; background-position: center left; margin: 2px 5px 0 0; padding: 2px 0 0 20px; font-size: 8pt; height: 15px; }
div.main_holder div.timer_static { background-image: url('/redirect/images/clock_static.gif'); }
div.main_holder div.timer_animated { background-image: url('/redirect/images/clock_animated.gif'); }
div.main_holder div.timer_refresh { background-image: url('/redirect/images/clock_refresh.gif'); }

div.main_holder div.main_background { padding: 60px 20px 0 20px; }

div.main_holder div.main_contents_holder { margin: 0; }
div.main_holder div.main_contents_holder { background: transparent url('/redirect/images/logo.png') no-repeat left 12px; margin: 40px auto; padding: 0 40px 0 320px; width: 1000px;  }
div.main_holder div.main_contents_holder div.main_contents { border-left: 1px solid #E9E9E9; padding: 20px 0 20px 50px; }

div.footer_holder { background-color: #f2f2f2; color: #999999; font-size: 0.8rem; padding: 20px 0; position: absolute; height: 130px; width: 100%; bottom: 0; left: 0; right: 0; border-top: 1px solid #CCC }
div.footer_holder div.footer_contents { width: 1080px; margin: 0px auto; padding: 0 0 0 0; }

span.protected { background: transparent url('/redirect/images/padlock.png') no-repeat center left; padding-left: 14px; }

UL.links { list-style: none; padding: 0; margin: 10px 0 0 0; }
UL.links LI { display: inline; margin-right: 10px; position: relative; }

UL.links LI DIV { display: none; position: absolute; top: 4px; left: 1px; padding: 0; width: 310px; }
UL.links LI:hover DIV { display: block; font-size: 0.85rem; }
UL.links LI DIV DIV.heading { position: relative; width: 12px; height: 10px; background: transparent url('/redirect/images/pointer.png') no-repeat top left; margin-left: 22px; }
UL.links LI DIV DIV.body { position: relative; padding: 10px; color: white; background-color: #454545; box-shadow: 0 0 5px rgba(0,0,0,0.40); }

UL.links LI DIV UL { margin: 5px 0 0 0; padding-left: 6px; list-style: disc inside; }
UL.links LI DIV UL LI { display: block; }

table { width: 100% !important; width: 99%; border-collapse: collapse;}
th { font-size: 0.85rem; line-height: 10pt; font-weight: bold; background-color: #f0f0f0; border: 1px solid #dddddd; padding: 6px; vertical-align: top; }  
td { font-size: 0.85rem; line-height: 10pt; background-color: white; border: 1px solid #dddddd; padding: 6px; vertical-align: top; } 

table.outage_table th.date { width: 200px; }
table.outage_table th.start { width: 120px; }
table.outage_table th.end { width: 120px; }
table.outage_table th.reason { }

h1 {margin:0;padding:0;font-size:3.75rem;line-height:1;font-family:Cooper Hewitt,sans-serif;font-weight:700;margin-bottom:25px;}
h3 {margin:0;padding:0;font-size:1.125rem;line-height:1.2;font-family:Cooper Hewitt,sans-serif;font-weight:700;margin-bottom:10px;}

a { border: none; }

img { border: none; }

h1,h3,a,th {color:#31a0c6 !important}

.white { color: white; }

@font-face{font-family:Source Sans Pro;font-weight:500;src:url(/redirect/fonts/SourceSansPro-Regular.otf)}
@font-face{font-family:Cooper Hewitt;font-weight:700;src:url(/redirect/fonts/CooperHewitt-Bold.otf)}
