@charset "UTF-8";
/* CSS Document */

/* UnderwaterAmsterdam CSS Styles common to all pages.
Compiled by Just Pip © Aug 2008  
----------------------------- */


/* Basic Components */


* {margin: 0; padding: 0;}

html body {font: 11px Verdana, sans-serif; color: black; height: 101%; line-height: 13px; background-color: #C8E5FF; background-image:url(images/); background-repeat:no-repeat}

html body a:hover {font-weight: bold; color: #336699; height: 101%; text-decoration: none}

a {font: 12px Verdana, sans-serif; color: #336699; font-weight: normal; text-decoration: none; letter-spacing: 0.1em}


/* Layout Components */

#container {margin: 0 auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 960px; height: 623px; overflow: hidden; background-color: white}

#toppanel {float:left; padding-left: 10px; padding-right: 0px; padding-top: 0px; width: 960px; height: 10px; background-color: #C8E5FF}

#logopanel {float:left; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width: 130px; height: 40px; background-color: black}

#indexpanel {float:left; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 150px; height: 595px; background-color: #336699 }

#linepanel {float:left; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 150px; height: 1px; background-color: white}

#navigationpanel {float: left; padding-left: 20px; padding-right: 0px; padding-top: 5px; width: 790px; height: 20px; background-color: black}

#navigationpanel2 {float: left; padding-left: 20px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; width: 790px; height: 20px; background-color: black}

#titlepanel {float: left; padding-left: 20px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; width: 790px; height: 67px; background-color: white}

#titlepanel2 {float: left; padding-left: 20px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; width: 790px; height: 57px; background-color: white}

#titlepanel3 {float: left; padding-left: 20px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; width: 790px; height: 67px; background-color: #CCCCCC}

#intropanel {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 80px; background-color: white; text-align: justify}

#intropanel2 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 40px; background-color: white; text-align: justify}

#intropanel3 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 470px; background-color: white; text-align: justify}

#intropanel4 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 3px; width: 770px; height: 470px; background-color:  #CCCCCC; text-align: justify}

#descriptionpanel {float: right; padding-left: 15px; padding-right: 35px; padding-top: 0px; width: 220px; height: 390px; background-color: #CCCCCC; text-align: justify}

#slideshowpanel {float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 500px; height: 375px; background-color: white}

#slideshowpanelpip {float: left; padding-left: 0px; padding-right: 20px; padding-bottom: 20px; width: 200px; height: 200px; background-color: white}

#intropanelbridgett {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 50px; background-color: white; text-align: justify}

#centerpanel {float: left; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 770px; height: 360px; background-color: white; text-align: justify}

#centerpanelabout {float: left; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 770px; height: 440px; background-color: white; text-align: justify}

#centerpanelbridgett {float: left; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 770px; height: 210px; background-color: white; text-align: justify}

#centerpanelbridgett2 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; width: 650px; height: 198px; background-color: white; text-align: justify}

#photopanelbridgett {float: right; padding-left: 0px; padding-right: 20px; padding-top: 3px; width: 100px; height: 105px; background-color: white}

#centerpanelscopes {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 10px; width: 770px; height: 440px; background-color: white; text-align: justify}

#bridgettpanel {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 30px; background-color: white}

#bridgettpanel2 {float: left; padding-left: 10px; padding-right: 10px; padding-top: 5px; width: 750px; height: 20px; background-color: #CCCCCC; text-align: center}

#centerpanel2 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 770px; height: 400px; background-color: white; text-align: justify}

#centerpanelsansintro {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 450px; background-color: white; text-align: justify}

#centerpanelsansintro2 {float: left; padding-left: 20px; padding-right: 20px; padding-top: 0px; width: 770px; height: 320px; background-color: white; text-align: justify}

#daimpanel {float: left; padding-left: 20px; padding-right: 20px; padding-top: 20px; width: 770px; height: 130px; background-color: white; text-align: justify}

#daimphotopanel {float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 93px; height: 120px; background-color: white}

#daiminfopanel {float: right; padding-left: 10px; padding-right: 100px; padding-top: 10px; width: 567px; height: 110px; background-color: #CCCCCC}

#titlepanelscopes {float: left; padding-left: 20px; padding-right: 0px; padding-top: 28px; padding-bottom: 0px; width: 790px; height: 44px; background-color: white}

#newspanel1 {float: left; padding-left: 0px; padding-right: 0px; padding-top: 7px; width: 400px; height: 538px; background-color: white}

#newspanel2 {float: right; padding-left: 0px; padding-right: 0px; padding-top: 7px; width: 400px; height: 538px; background-color: white}

#weatherpanel {float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 160px; height: 120px; background-color: white}

#fishpanel {float: left; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 20px; width: 140px; height: 55px; background-color: #336699}

#pagenumberpanel {width: 770px; height: 15px; padding-top: 0px; padding-bottom: 8px; float: left; padding-left: 20px; padding-right: 20px; text-align: right; background-color: white}

#footerpanel {width: 960px; height: 15px; padding-top: 3px; float:left; text-align:center; font-size:10px; background-color: black}

#twitterpanel {width: 500px; height: 300px; float:left; padding-top: 30px; padding-left: 10px}

#twitterpanel2 {width: 500px; height: 300px; float:left; padding-top: 0px; padding-left: 10px}

#pippanel {width: 770px; height: 173px; float:left; padding-top: 40px; padding-bottom: 40px; padding-left: 0px}


 /* Navigation Components 


.navigation a {font: 10px Verdana, sans-serif; font-weight: bold; color: white; height: 150%; line-height: 16px; letter-spacing: 0.25em}

.navigation a:hover{font-weight: bold; text-decoration: none; color: #CC0000}

.navigation2 a {font: 12px Verdana, sans-serif; font-weight: normal; color: white; height: 150%; line-height: 16px; letter-spacing: 0.25em}

.navigation2 a:hover{font-weight: normal; text-decoration: none; color: #CC0000}

.line {font: 12px Verdana, sans-serif; font-weight: normal; color: white; height: 150%; line-height: 16px; letter-spacing: 0.25em}

 
/* Set Button menu position */


dl#menu {float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 150px}


/* Set general button styles */

dt.btn {height: 20px; border-bottom: 1px solid white; text-align: justify; text-indent: 10px}
dt.btn2 {height: 20px; border-bottom: 1px solid white; text-align: justify; text-indent: 10px}


/* Set general anchor styles – fill the container */

dt.btn a {height: 20px; display: block; font: 10px Verdana, sans-serif; font-weight: bold; color: white; line-height: 20px; letter-spacing: 0.1em}
dt.btn2 a {height: 20px; display: block; font: 10px Verdana, sans-serif; font-weight: bold; color: black; line-height: 20px; letter-spacing: 0.1em}


/* MouseOut state (default) */

dt.btn a {background: #336699}
dt.btn2 a {background: white}


/* MouseOver state (hover) */

dt.btn a:hover {background: black; font-weight: bold; text-decoration: none; color: white}
dt.btn2 a:hover {background: black; font-weight: bold; text-decoration: none; color: white}



/* Set Paragraph Text Lines Alignment*/

p#para-1 {text-align: left}

p#para-2 {text-align: center}


/* Panel Components */

.logo {font: 14px Verdana, sans-serif; font-weight: normal; color: #336699; letter-spacing: 0.25em; line-height: 20px}

.logo2 {font: 12px Verdana, sans-serif; font-weight: normal; color: white; letter-spacing: 0.55em; line-height: 15px}

.copyright {font: 8px Verdana, sans-serif; font-weight: normal; color: white; letter-spacing: 0.25em}

.copyright2 {font: 10px Verdana, sans-serif; font-weight: bold; color: black; letter-spacing: 0.05em}

.scopesdate {font: 11px Verdana, sans-serif; font-weight: normal; color: #336699; letter-spacing: 0.25em}


/* Set Font Styles */


p {font: 12px Verdana, sans-serif; font-weight: 400; color: black; line-height: 16px}

.scopes {font: 12px Verdana, sans-serif; font-weight: 400; color: black; line-height: 16px}

.blue {font: 14px Verdana, sans-serif; font-weight: 400; font-style: italic; color: #336699; line-height: 60px; letter-spacing: 0.1em}

.header {font-size: 14px; font-weight: bold; color: #336699; letter-spacing: 0.15em; line-height: 60px}

.headerscopes {font-size: 14px; font-weight: bold; color: #336699; letter-spacing: 0.15em}

.header2 {font-size: 11px; font-weight: bold; color: black; letter-spacing: 0.15em}

.header3 {font-size: 14px; font-weight: bold; color: #336699; letter-spacing: 0.15em; line-height: 20px}

.twitheader {font-size: 13px; font-weight: bold; color: #336699; letter-spacing: 0.15em; line-height: 10px}

.address {font-size: 11px; font-weight: normal; color: black; letter-spacing: 0.05em; line-height: 16px}

.bold {font-weight: bold}

.bold2 {font-weight: bold; letter-spacing: 0.2em}

.bold3 {font-weight: bold; color: #336699; text-decoration: blink}

.boldscopes {font-weight: bold; line-height: 20px}

.italic {font-style: italic}

.thru {text-decoration: line-through}

.dudlink {font: 12px Verdana, sans-serif; font-weight: normal; color: black; height: 150%; line-height: 16px; letter-spacing: 0.25em}

.dudline {font: 13px Verdana, sans-serif; font-weight: normal; color: #336699; height: 150%; line-height: 16px; letter-spacing: 0.25em}