/* Reset Browser Defaults */
html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption,th,td { text-align: left; font-weight: normal; }
/* Style Guide */
body { background: url('../img/jqp-fonts.gif') top left repeat; color: #010101; font-family: Arial, sans-serif;}
a { color: #c30000; text-decoration: none; background: transparent;}
a:link { }
a:visited { }
a:hover { }
a:active { }
h1 { font: normal 20px "Trebuchet MS", "Trebuchet", "Arial", sans-serif; padding: 64px 0 0; }
h2 { position: absolute; left: 0; top: 148px; font: normal 16px "Trebuchet MS", "Trebuchet", "Arial", sans-serif; }
h3 { color: #006ea9; font: bold 1em Arial, sans-serif; margin: 0 0 5px 0; padding: 7px 0 0 0;}
h4 { padding: 0; margin: 10px 0 7px 0;}
h5 { color: #89A911; font: bold .9em Arial, sans-serif;}
h6 { font: bold .7em Arial, sans-serif; font-style: italic; margin: 0 0 5px 0;}
h6.subtext{ font-weight: normal;}
p { font-size: .8em;}
img { }
strong { font-weight: bold; }
em{ font-style: italic; }
sup{ font-size: .8em; vertical-align: super; text-transform: uppercase; }
table{ }
table td{ padding: 0; }
label{}
input{margin-bottom:0.5em;}
hr { border: none; border-top: 1px solid #cecece; margin: 24px 0 15px 0;}


#coastline { width: 860px; margin: 0 auto; position: relative;}

.broken{ display: none; }
.current{ display: block; }
.off{ display: none; }

.break-site{ position: absolute; width: 12px; height: 12px; cursor: pointer; top: 509px; left: 216px; }