/*******************************************/ /* Canadian Coast Connection */ /* Author: Eric Tai */ /* Email: tai.eric@gmail.com */ /*******************************************/ /* basic elements */ body {background: #4E555C; margin: 0px; background-image: url(../images/background.jpg); background-repeat: repeat-x;} p {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif;} h1 {font: 13pt/5pt Arial, Helvetica, sans-serif;} h2 {font: 10pt/5pt Arial, Helvetica, sans-serif;} h3 {font: 8pt/5pt Arial, Helvetica, sans-serif;} a:link {text-decoration: underline; color: #8F1100;} a:visited {text-decoration: underline; color: #8F1100;} a:hover {text-decoration: none; color: #CBCFD3;} a:active {text-decoration: underline; color: #8F1100;} ol {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} ul {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} li {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} dt {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} dd {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} dl {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #4D4D4D;} img.floatleft {float: left; margin-left: 40px; margin-right: 10px; margin-bottom: 5px; margin-top:5px; border: 1px solid #FCFCFC; } img.floatright {float: right; margin-left: 10px; margin-right: 40px; margin-bottom: 5px; margin-top:5px; border: 1px solid #FCFCFC; } #topContainer {} /* #containter - Centering - The main division is absolutely positioned 50% across the page, and then the left margin is set to -316px, ie. -((width/2) + left padding + left border) = -((600/2) + 15 + 1) = -316 */ #container {background-color: #FFFFFF; margin-top:0px;} #translationButton {color: #B0B6BD; font:7pt Verdana, Arial, Helvetica, sans-serif; height: 20px; width: auto; text-align: right; margin-right: 0px; margin-top:2px; margin-bottom:2px; visibility: hidden;} #translationButton a:link, #translationButton a:visited {color: #4E555C;} #mainContentVerticalDivider {} #header {width: 550px; height: auto; visibility: visible;} #menu {width: 550px; height: auto; visibility: visible;} /*#cookieCrumb {font:7pt Verdana, Arial, Helvetica, sans-serif; width:auto; height: auto; text-align:right; margin-right:10px; margin-top:2px; margin-bottom:2px; visibility: hidden;} #cookieCrumb a:link, #footer a:visited {color:#D9DCDF;}*/ /*#printScreen {font:7pt Verdana, Arial, Helvetica, sans-serif; width: auto; text-align:right; margin-right:10px; margin-top:2px; margin-bottom:2px; visibility:hidden;} #printScreen a:link, #footer a:visited {color:#D9DCDF;}*/ #maincontent {width: 550px;} #maincontent p {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px; text-align: left; margin-top: 0px; margin-bottom: 0px; } #maincontent h1 {font: 13pt/16pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 0px; margin-top: 10px; margin-bottom: 0px;} #maincontent h2 {font: 10pt/16pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 0px; margin-top: 5px; margin-bottom: 0px;} #maincontent h3 {font: 8pt/5pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 0px; margin-top: 5px; margin-bottom: 0px;} #maincontent ol {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-top: 0px; margin-bottom: 0px; margin-left: 30px; margin-right: 30px;} #maincontent ul {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-top: 0px; margin-bottom: 0px; margin-left: 30px; margin-right: 30px; list-style-image: url(../images/bullet_red.gif);} #maincontent li {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 20px; margin-right: 30px; vertical-align: top;} #maincontent dt {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 20px; margin-right: 30px;} #maincontent dd {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 20px; margin-right: 30px;} #maincontent dl {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 20px; margin-right: 30px;} #maincontent table {font: 8pt/14pt Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; color: #727C87; margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #DADDE0; border-collapse: collapse;} #maincontent table td {text-align: center; border: 1px solid #DADDE0; padding: 0em; } #maincontent table p{font: 8pt/14pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left:0px; margin-right:0px;} #maincontent table h1{font: 13pt/5pt Arial, Helvetica, sans-serif; font-weight: bold; margin-left:0px; margin-right:0px;} #maincontent table h2{font: 10pt/5pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 0px; margin-right: 0px;} #maincontent table h3{font: 8pt/5pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 0px; margin-right: 0px;} #maincontent table ol {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px;} #maincontent table ul {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; list-style-image: url(../images/bullet_default.gif); margin-left: 0px; margin-right: 0px;} #maincontent table li {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px; vertical-align: top;} #maincontent table dt {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px;} #maincontent table dd {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px;} #maincontent table dl {font: 8pt/16pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 0px; margin-right: 0px;} /*Forms--------------------------------*/ /*#maincontent form, label, input {font: 8pt/18pt Verdana, Arial, Helvetica, sans-serif; color: #727C87;} #maincontent fieldset {width: 500px; height: 300px; padding: 0.5em 1em; display: block; background: #FCFCFC; border: #CCCCCC solid 0px; text-align: left;} #maincontent label {position: relative; width: 6em; display: block; margin: .5em 0em;} #maincontent label input {position: absolute; left: 100%; top: 2px;} #maincontent label textarea {position: absolute; left: 100%; top: 0px;} */ #sideContentDivider1 {border-bottom: 1px solid #DADDE0; width: 100%; visibility:hidden;} #sideContentDivider2 {border-bottom: 1px dashed #DADDE0; width: 100%; background-color: #FFFFFF;} #subMenu {background-color: #E6E6E6; width: 100%; visibility: hidden;} #subMenu p{text-align: right;} #subMenu a {color: #888888; font-weight: normal; text-decoration: none;} #subMenu a:link {color: #222222; font-weight: normal; text-decoration: none;} #subMenu a:hover {color: #CCCCCC; font-weight: normal; text-decoration: none;} #sideContactus {margin-top:4px; margin-bottom: 4px; margin-right: 2px; color: #B0B6BD; text-align: right; text-transform: uppercase; font:bold 8pt arial, helvetica, sans-serif; width:100%; visibility: hidden;} #sideContactus a:link, #sideContactus a:visited {text-decoration: none; color: #4E555C;} #sideContent {margin-left: 0px; margin-top: 0px; margin-bottom: 10px; width: 198px; visibility:visible;} #sideContent p {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 20px; margin-right: 10px; margin-top: 2px; margin-bottom: 5px; } #sideContent h1 {font: 9pt/12pt Arial, Helvetica, sans-serif; font-weight: bold; color: #4E555C; margin-left: 15px; margin-right: 10px; margin-top: 10px; margin-bottom: 0px;} #sideContent h2 {font: 9pt/12pt Arial, Helvetica, sans-serif; font-weight: bold; color: #B0B6BD; margin-left: 15px; margin-right: 10px; margin-top: 10px; margin-bottom: 5px; text-align: left;} #sideContent h3 {font: 7pt/12pt Arial, Helvetica, sans-serif; color: #B0B6BD; margin-left: 10px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px;} #sidecontent ol {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 30px; margin-right: 40px;} #sidecontent ul {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87; margin-left: 30px; margin-right: 20px;} #sidecontent li {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87;} #sidecontent dt {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87;} #sidecontent dd {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87;} #sidecontent dl {font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif; color: #727C87;} #topButton {font: 7pt Verdana, Arial, Helvetica, sans-serif; width: auto; text-align: right; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; visibility: hidden;} #topButton a:link, #footer a:visited {color: #D9DCDF;} #footer {width: 550px; height: auto;} #footer p {font: 8pt Arial, Helvetica, sans-serif; color: #D9DCDF; text-align: right; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;} #footer a:link, #footer a:visited {color: #D9DCDF;}