/* HTML SELECTORS */

a, a:link, a:visited { color: #0000ff; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }
body { background-color: #ffffff; font-family: Verdana, sans-serif; font-size: 90%; margin-top: 0; }
h3 { color: #000080; font-size: 130%; }
h4 { color: #000000; font-size: 120%; }
hr { color: #575757; height: 1px; }
img { border: 0; }
label { font-weight: 900; }
table { width: 100%; padding: 0; }
th { text-align: left; font-weight: 100; padding: 0; margin: 0;}

/* CLASS SELECTORS */

.alignBottom { vertical-align : bottom; }
.alignMiddle { vertical-align: middle; }
.alignRight { text-align: right; }
.alignTop { vertical-align : top; }
.button { border-left: 1px solid #000000; border-top: 1px solid #000000; background-color:#e6ff8a; color:#0000ff; font-weight: 900; letter-spacing: 1px; }
.buttonFront { border-left: 1px solid #000000; border-top: 1px solid #000000; background-color: #e6ff8a; color: #0000ff; width: 140px; font-weight: 900; letter-spacing: 1px; }
.buttonMagnifier { background-color: #e6ff8a; color: #0000ff; width: 38px; font-weight: 900; font-size: 16px; }
.buttonMagnifierBlue { padding: 4px; border-top: 1px solid #99ccff; border-right: 2px solid #3399cc; border-bottom: 2px solid #3399cc; border-left: 1px solid #99ccff;  background-color: #ffffff; width: 20px; height: 20px; }
.buttonMagnifierGrey { padding: 4px; border-top: 1px solid #dcdcdc; border-right: 2px solid #737373; border-bottom: 2px solid #737373; border-left: 1px solid #cccccc; background-color: #dddddd; width: 20px; height: 20px; }
.buttonSearch { border-left: 1px solid #000000; border-top: 1px solid #000000; background-color: #e6ff8a; color: #0000ff; width: 100px; font-weight: 900; font-size: 14px; }
.buttonSmall { border-left: 1px solid #000000; border-top: 1px solid #000000; background-color:#e6ff8a; color:#0000ff; }
.categoryTitle { border: 1px solid #000080; color: #000000; font-weight: 900; background-color: #8cffbc; width: 100%; padding: 3px; font-size: 110%; }
.cellPad { padding: 0; margin: 0; }
.centered { text-align: center; }
.currentLevel {font-weight: 900; font-size: 14px; margin-right: 10px; }
.doNotDisplay { display: none; }
.form { color: #575757; }
.formRuler { width: 580px; color: #575757; height: 1px; }
.footerText { font-size: 12px; color: #a3a3a3; text-align: center; }
.footerText a, .footerText a:link, .footerText a:visited { color:#9797ff; text-decoration: none; }
.footerText a:hover { color: #9797ff; text-decoration: underline; }
.frontLanguage { font-size: 15px; }
.frontFormsCell { width: 150px; text-align: center; }
.frontFormsSpacer { width: 40px; }
.helpRuler {margin-left: 20%; color: #000080; }
.helpSectionTitle { color: #000080; }
.imgDetails { float: right; margin-left: 7px; margin-bottom: 4px;  border: solid 1px #3333FF; }
.imgNews { float: left; margin-right: 7px; margin-bottom: 4px;  border: solid 1px #3333FF; }
.latestImg {float: left; margin-right: 3px; margin-bottom: 3px;  border: 1px solid  #3333FF; }
.leftTop { text-align: left; vertical-align : top; padding: 8px; }
.linksTable { border-bottom: 1px solid #000080; margin: 0; padding: 0;}
.linkWidth { width: 130px; display: block; }
.listItemCategories { list-style-type: none; margin-left: 0; padding-left: 0; text-indent: 0; text-align: center; margin: 0 auto; }
.listItemNone { list-style-type: none; }
.listItemLowerRoman { list-style-type: lower-roman ; }
.listItemUpperRoman { list-style-type: upper-roman ; }
.main { font-size: 95%; color: #575757; }
.navAdmin a, .navAdmin a:link, .navAdmin a:visited { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #0000ff; font-size: 14px; padding: 3px; margin: 5px; font-weight: 900; background-color: #e6ff8a; text-align: center; }
.navAdmin a:hover { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #ffffff; font-size: 14px; padding: 3px; margin: 5px; font-weight: 900; background-color:#0000ff; text-align: center; text-decoration: none; }
.navAdminText { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #000000; font-size: 14px; font-weight: 900; padding: 3px; margin: 5px; }
.navAdminTextSelected { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #737373; font-size: 14px; font-weight: 900; padding: 3px; margin: 5px; background-color: #8cffbc; }
.navDemo { width: 130px; border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;   padding: 2px; margin-bottom: 6px; font-weight: 900; background-color: #e6ff8a; text-align: center; margin-left: auto; margin-right: auto; }
.navDemo a, .navDemo a:link, .navDemo a:visited { color: #0000ff; text-decoration:none; }
.navDemo a:hover { color: #ffffff; text-decoration:none; background-color: #0000ff; }
.navImg { vertical-align: middle; }
.navImg a, .navImg a:link, .navImg a:visited { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  padding: 0 5px 0 5px; margin-right: 5px; background-color: #ffffff; }
.navImg a:hover { border-left: 1px solid #0000ff; border-top: 1px solid #0000ff;  border-bottom: 2px solid #0000ff; border-right: 2px solid #0000ff;  padding: 0 5px 0 5px; margin-right: 5px; background-color: #ffffff; }
.navis a, .navis a:link, .navis a:visited { border: 1px solid #0000ff; padding-left: 5px; padding-right: 5px; }
.navis a:hover { border: #000080 1px solid; padding-left: 5px; padding-right: 5px; }
.navLeft { width: 100%; background-color: #000000; }
.navPad { padding: 8px; }
.nonVisible { visibility: hidden; }
.nonVisiblePipe { visibility: hidden; font-size: 1px; line-height: 10px; height: 10px; }
.ntlab a, .ntlab a:link, .ntlab a:visited { color: #a3a3a3; text-decoration: none; }
.ntlab a:hover { color: #a3a3a3; text-decoration: underline; }
.pager a, .pager a:link, .pager a:visited { color: #000000; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 80%; }
.pager a:hover { color: #0000ff; border: 1px solid #0000ff; padding-left: 2px; padding-right: 2px; text-decoration: none; font-size: 80%; }
.redAlert { color: #ff0000; }
.rightBottom { text-align: right; vertical-align : bottom; }
.rightMiddle { text-align: right; vertical-align : middle; padding: 8px; }
.rightTop { text-align: right; vertical-align : top; padding: 8px; }
.searchInput { width: 120px; font-size:14px; margin-right: 5px; }
.selectedLink a, .selectedLink a:link, .selectedLink a:visited { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #000000; font-size: 14px; padding: 3px; margin: 5px; font-weight: 900; background-color: #8cffbc; text-align: center; }
.selectedLink a:hover { border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #ffffff; font-size: 14px; padding: 3px; margin: 5px; font-weight: 900; background-color: #0000ff; text-align: center; text-decoration: none; }
.selectedLinkDemo { width: 130px; border-left: 1px solid #000000; border-top: 1px solid #000000;  border-bottom: 2px solid #737373; border-right: 2px solid #737373;  color: #000000; padding: 2px; margin-bottom: 6px; font-weight: 900; background-color: #f4f4f4; text-align: center; margin-left: auto; margin-right: auto; }
.selectedLinkDemo a, .selectedLinkDemo a:link, .selectedLinkDemo a:visited { color: #000000; text-decoration:none; }
.selectedLinkDemo a:hover { color: #ffffff; text-decoration:none; background-color: #0000ff; }
.selectedPager  { background-color: #cccccc; line-height: 18px; color: #000000; border: 1px solid #000000; padding-left: 2px; padding-right: 2px; font-size: 80%;}
.selectorLevel {  width: 160px; color: #0000ff; font-weight: 900; background-color: #e6ff8a; font-size:14px; }
.selectorNarrow {  width: 200px; color: #0000ff; font-weight: 900; background-color: #e6ff8a; }
.selectorWide {  width: 280px; color: #0000ff; font-weight: 900; background-color: #e6ff8a; }
.smallerSize { font-size: 85%; }
.solidBorder { border: 1px solid #000080; }
.tableCaption { display: none; }
.textAreaBig { width: 580px; height: 140px; }
.textAreaContact { width: 340px; height: 70px; }
.textAreaSmall { width: 580px; height: 70px; }
.textInput { width: 580px; }
.textInputContact { width: 340px; }
.tightTable { margin: 0; border-collapse: collapse; padding: 0; }
.titleAdmin { font-size: 115%; color: #575757; }
.titleAdmin strong { color: #a3a3a3; margin-left: 4px; }

/* ID SELECTORS */

#alphaCell { font-size: 120%; text-align: center; vertical-align: top; color: #ff0000; font-weight: 900; width: 60px; height: 21px; border: 1px solid #ff0000; padding: 4px;}
#categoriesList { margin: 0; padding: 0; }
#centralFirstCell { width: 60px; }
#centralSecondCell { width: 25%; }
#contactCell { background-color: #ffffff; padding: 0; }
#contactThanx { width: 500px; font-weight: 900; color: #000080; padding: 15px; border: 1px solid #737373; text-align: center; }
#container { margin: 0; }
#currentLevelTable { border: 1px solid #000080; background-color: #f4f4f4; width: 100%;  height: 58px; margin: 0; border-collapse: collapse; padding: 0; font-size: 14px; }
#elements { border: 1px solid #000080; vertical-align: middle; }
#errorInnerTable { width: 500px; text-align: left; } 
#errorOuterTable { border: 1px solid #000080; width: 100%; padding: 4px; } 
#frontNavTable { border: solid 1px #000080; background-color:#f4f4f4; width:100%; height: 58px; margin:0; border-collapse:collapse; padding:0; }
#header { margin: 0; border-collapse: collapse; padding: 0; }
#helpTable { width: 90%; border: 1px solid #000080; color: #575757; padding: 5px; text-align: left;}
#formTable { width: 100%; border: 1px solid #000080; padding: 0; }
#formTableContact { margin: 0; text-align: center; }
#frontClock {font-size:15px; color: #a3a3a3; }
#frontForms { width: 84%; text-align: center; margin: 0 auto; }
#frontImgCell { width: 370px; }
#frontPix { float:left; margin: 4px; border: 1px solid #000000; }
#frontText { margin-left: 16px; margin-right: 8px; }
#leftFooterCell { width: 60%; }
#leftFormCell { width: 30%; }
#liveClock {font-size:14px; font-weight: 900; color: #000000; }
#logoCentral { padding-bottom:19px; width:100%; }
#logoLeft { vertical-align: top; padding-top: 1px; height: 79px; }
#logoRight { vertical-align: top; padding-top: 1px; height: 79px; }
#magnifierCell { width: 30px; text-align: left; vertical-align: top; padding: 0; margin: 0; }
#magnifierContainerCell { width: 70px; vertical-align: top; padding: 0; margin: 0; text-align: center; }
#magnifierContainerTable { padding: 0; margin: 0; width: 150px; margin-right: 5px; border: 1px solid #737373; }
#magnifierFormLeft { width: 45px; vertical-align: top; padding: 0; margin: 0; text-align: center; }
#magnifierFormLeft { width: 45px;  vertical-align: top; padding: 0; margin: 0; text-align: center; }
#magnifierTable { width: 60px;  }
#mainCentralCell { width: 454px; vertical-align: top; padding-left: 5px; padding-right: 5px; background-color: #ffffff; }
#mainLeftCell { width: 150px; vertical-align: top; padding: 5px; background-color: #ffffff; }
#mainRightCell { width: 150px; vertical-align: top; padding: 5px; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #dcdcdc #ffffff #dcdcdc #dcdcdc;  }
#mainTable { width: 754px; background-color: #ffffff; margin: 0; border-collapse: collapse; padding: 0;  }
#navRightCell { text-align: right; width: 205px; vertical-align: middle; margin: 0; }
#navTable { border: 1px solid #000080; background-color: #f4f4f4; width: 100%;  height: 58px; margin: 0; border-collapse: collapse; padding: 0; }
#ocawaLogo { border-left: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; border-right: 1px solid #333333; border-bottom: 1px solid #333333;}
#outerTable { width: 100%; background-image: url(../images/bg_tile.gif); margin: 0; border-collapse: collapse; padding: 0; border-right: 1px solid #dcdcdc; }
#printCell { text-align: left; padding: 15px; vertical-align: top; }
#printTable { width: 640px;  border: 1px solid #000000; }
#rightFooterCell { width: 50px; text-align: right; }
#rightFormCell { width: 70%; text-align: left; }
#searchFormCell { vertical-align: top; padding: 0; margin: 0; line-height:9px; }
#searchFormTable { width: 240px; margin-right: 7px; }
#smiley { width: 42px; }
#storyCell { background-color: #ffffff; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; }
#switchLabel { font-size: 5px; }
#top { position: absolute; top: 0; left: 0; z-index: -1; }
#upImg { margin-right: 0px; }
#uriInput { font-size: 15px; width: 542px; color: #000080; }
#validityReportGreen { font-weight: 100; color: #00aa00; }
#validityReportRed { font-weight: 100; color: #ff0000; }
#welcomeLine {font-size:15px; font-weight: 900; margin-left:24px; }
#welcomeText { border: 1px solid #000080; padding: 5px; color: #575757; }
#welcomePix { float: right; margin: 4px; border:1px solid #000000; }

