/*Mackay Port Authority CSS by Mock Orange Web Site Development*/ body {font-family:Arial,Trebuchet,Verdana,Helvetica,sans-serif;font-size: 80%; background-color: #3886AD; text-align: center; color:#000;} #container {background-color: #fff; margin:0 auto; border: 1px solid #5A9BBC; text-align: left; padding: .25em; width: 98%} #icontain { display:block; float: right; margin:1em 0 0 0 ; text-align: center; width: 60%} #subnav {background-color: #5A9BBC; height: 17px; padding: 7px 0 0 0; margin: 0;} #header{background-color: #D4E5EE; } #left{ width: 20%; display: block; float: left; padding: 0; text-align: center; margin-top: .5em;} #sideimage1 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side1.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage2 { width: 100%;margin: 0 5px 0 0;background-image:url(http://www.mackayports.com/airport/images/sideimages/side2.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage3 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side3.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage4 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side4.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage5 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side5.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage6 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side6.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage7 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side7.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #sideimage8 { width: 100%;margin: 0 5px 0 0;background-image:url(../../airport/images/sideimages/side8.jpg); background-repeat: no-repeat; background-position: left; height: 160px;} #right {float: right; margin-left:.5em; width: 90%; padding:0; background-color:#ccc;} #farright {width: 19%;float: right; display: block;margin-top:.5em; } #farright p {margin: .5em 0 .25em .75em; } #farright img { margin-left: .5em;}/**/ #centre {/**/width: 58%;float: left; margin:.5em 0 0 .5em; background-color: #E0ECF3; display:block} #content {width: 100%;} #innercontent { padding: .5em 0; margin:.5em; background-color: #fff; display: block;/*margin:.5em;background-color: #fff; padding: .5em; display:block;*/} #innercontent p{ font-size: 1em; color: #333; line-height: 120%; margin: .5em 1em;} #smallbanner1 { display: block;background-color: #C2DAE5; margin: 0 .5em 0 .5em; padding: 0;} /*#content li { display: inline; list-style-type: none; margin: 2em;; background-color:#3333FF;} #content ul { margin: 0; padding: 0; text-align: left; list-style-type: none; }*/ .footer {background-color:#5A9BBC; padding: .25em 0; text-align: center; color: #fff; font-size: .9em; margin-top: 1em; display: block;} #navcontainer {background-color: #5A9BBC; height: 22px;width: 100%;} #news {display: block; margin: .5em; padding:0;} #dummy {background-color: #D7E9F2; display: inline; float:right; margin-top: 4.5em; padding: 1em;} /*HEADERS*/ h1 {font-size: 1.5em; color:#003366; font-weight: normal; margin: 1em 0 3em .5em;} h2 {font-size:1.5em; color:#CC0000; font-weight: normal; margin-left: .5em;} h3 {font-size: .9em; margin: 0; color:#000;} h4 {font-size: 1em; margin: 0;} h5{ font-size: .9em;} /*CLASSES*/ .block h4 { margin: 1em 0 0 1em; color: #c00;} .clear{ clear: both;} .blueblock { background-color:#fff; width: 100%; padding: 0 0 1em 0;} .blueblock p { font-size: 85%; line-height: 150%; color:#003366; width:90%; margin: .25em 0 0 .75em;} .history { padding: 1em 0; margin:.5em; border:1px solid #98C1D5; border-width: 1px 3px 3px 1px; background-color: #fff; display: block;} /*.block p { font-size: 85%; line-height: 150%; color:#003366; width:90%; margin: .25em 0 0 .75em;}*/ .history img { display: block; float:left; margin: .25em .5em .5em .25em; padding: .5em 0 0 0;} .block { padding: 1em 0 1em 1em; margin:.5em; border:1px solid #98C1D5; border-width: 1px 3px 3px 1px; background-color: #fff; display: block;} .block p { font-size: 90%; line-height: 150%; color:#003366; width:90%; margin: .25em 0 0 .75em;} .block img { display: block; float:left; margin: .25em; padding: .5em 0 0 0;} .lastpara {line-height: 150%; color:#003366; width:90%; margin: .25em 0 1em .75em;} .icons {padding: 0; display: block; float: right; margin: 0 .5em .5em 0; width: 30%;font-size: 90%; font-weight: bold; text-align:center;} .icons img a, a:link { text-decoration: none; } .icons img { float: none; } .icons2 {padding: 1em 0 1em 5em; margin: .25em 0 0 0;text-align: left; display: block; background-image:url(../../images/logos/logo_jetstar.gif); background-position: left; background-repeat: no-repeat;} .icons2a {padding: 1em 0 1em 5em; margin: .25em 0 0 0;text-align: left; display: block; background-image:url(../../images/logos/logo_virgin.gif); background-position: left; background-repeat: no-repeat;} .icons2b {padding: 1em 0 1em 5em; margin: .25em 0 0 0;text-align: left; display: block; background-image:url(../../images/logos/logo_qantas.gif); background-position: left; background-repeat: no-repeat;} .icons3 {padding: 0; margin: .25em 0 0 0;text-align: left; display: block;} .icons3 img {float: left; margin: 0 .5em 0 0;} .details { width: 72%; margin: 0 0 0 7.5em; display: block;} .details p{ width: 100%;margin: .75em 0;} .details img {border: 0; margin: 0 2px 0 0;} .newstories {width: 100%; display: block; float: left; padding: 0; background-color: #fff; margin-bottom: .5em;} .newstories p {font-size: 92%; line-height: 120%; color:#003366; margin: 0 2em 0 0; } .newstories img { display: block; float:left; margin:0 .75em 4em .25em;} .articles {width: 100%; display: block; float: left; padding: 0; background-color: #fff; margin-bottom: .5em;} .articles p {font-size: 92%; line-height: 120%; color:#003366; margin: 0 2em 0 0; } /*.articles img { display: block;margin:0 .75em 4em .25em; }*/ .archives {width: 90%;padding:0; margin: 2em;} .archives p { line-height: 140%; color:#003366; margin: 0 2em 1em 0; } .archives img { margin:0 .75em 1em .25em; border: 1px solid #8DBAD1; padding: .25em; display: block;} .newsdate{font-size: 68%;color:#000033; margin: .5em .5em .25em 1.25em; text-align:left;} .newsdate2{font-size: 68%;color:#000033; margin: .5em .5em 1em 0; text-align:left;} .bluehead { color: #036;margin: 1em; font-size: 1em; } .newshead { color:#000; font-weight: bold;font-size: 1em; margin:0 0 .5em 0; padding:.25em; text-indent: .25em; background-image: url(../../images/h2_newsblu.gif); background-repeat: no-repeat; text-indent: 1em;} .headings { color:#000; font-weight: bold;font-size: 1em; margin:.5em; padding:.25em; text-indent: .25em; background-image: url(../../images/h2_newsblu.gif); background-repeat: no-repeat; text-indent: 1em;} .reverse {font-size: .9em; color:#fff; font-weight: bold;margin:1em 0 .5em 0; padding:.25em;background-image: url(../../images/h2_darkblu.gif); background-repeat: no-repeat; text-indent: 1em;} /*Header classes*/ .bodyh2 { color: #CC0000; margin:0; padding: 0 .5em; font-size: 1em; text-indent: -.5em;} .bodyblue {color: #003366; font-weight: bold;} /*.reverse {font-size: 1em;background-color: #036;color:#fff; padding: .25em 0 .25em 0; text-indent:1em; background-image: url(../../airport/images/h2_darkblu.gif); background-repeat: no-repeat;}*/ .centre { text-align: center;} .headlines { color: #CC0000; margin: 0 .5em .25em 1em;} .headlines2 { color: #CC0000; margin: 0 .5em .25em 0;} .imgleft { float: left; display: block; margin: .5em;} /*.newwindow { font-size: 100%; line-height: 150%; color:#003366; margin: .25em 0 0 1em;}*/ .morenews { padding: .5em 0 .5em .5em; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; text-align:center;} #tables { font-size: .9em; margin: 2em 0 0 1em; width: 80%;} a:link, a:active, a:visited {color: #003366;font-weight: bold;text-decoration: underline; text-align: left;} a:hover {color: #c00;text-decoration: underline; text-align: left} .topparra { font-size: 1em; font-style: italic;} #news a:link{color: #CC0000; text-decoration: underline;} #news a:visited{color: #CC0000; text-decoration: underline;} /*#topnav a:visited{color: #003366;font-weight: normal;background-color: #C3DCE9;text-decoration: none;}*/ #news a:hover{color: #cc0000; text-decoration: underline; /*margin: 0;*/} /*lists*/ #lists { margin-left: 4em; padding-left: 0;} #lists li { list-style-type: square; padding: .25em 0; } /*miscellaneous styling*/ img { border:0; margin:0; } ul { margin: 0; list-style-type: none;} .hide{width: 0.1em; height: 0.1em; display: block; overflow: hidden;} /*TOP NAVIGATION*/ #top {background-color:#B3D6E9; padding-top: 1em; height: 24px; font-size: .9em; border-bottom: 1px solid #98C1D5; background-image:url(http://www.mackayports.com/images/minibg_blu.jpg); background-repeat: repeat;} /*topnav styles*/ ul#topnav{margin: 0 0 0 3px; padding: 0; list-style-type: none;} #topnav li{display: inline; margin: 3px 0 0 3px;/* */padding:0;} #topnav a{ background-color: #E0ECF3; color: #003366;text-decoration: none; font-weight: bold;padding:.5em; border-top: 1px solid #98C1D5; border-bottom: 1px solid #98C1D5; border-left: 1px solid #98C1D5; border-right: 1px solid #98C1D5;} .here { background-color: #fff; color: #003366; font-weight: bold;padding:.5em; border-top: 1px solid #98C1D5; border-bottom: 1px solid #98C1D5; border-left: 1px solid #98C1D5; border-right: 1px solid #98C1D5;} /*#topnav li a.here {}*/ #topnav a:link{color: #003366;background-color:#E0ECF3; text-decoration: none;} /*#topnav a:visited{color: #003366;font-weight: normal;background-color: #C3DCE9;text-decoration: none;}*/ #topnav a:hover, a:focus{color: #003366; background-color: #fff; text-decoration: none; /*margin: 0;*/} .active2 { background-color: #fff; color: #003366;}/**/ /*SUB NAV*/ ul#navlist{margin:0 0 0 3px; padding: 0; list-style-type: none;font-size: .9em; } #navlist li{display: inline; margin: 0; /**/padding:0;} #navlist a{padding: 3px 10px; margin: 0; background-color: #E0ECF3;text-decoration: none;font-weight: bold;color: #003366; border: 1px solid #fff; border-bottom: 0;} .active { background-color: #fff; margin: 0; padding: 3px 10px;text-decoration: none;font-weight: bold;color: #003366; border: 1px solid #fff;} /*#navlist li a.active*/ #navlist li a.active { background-color: #fff; margin: 0;} #navlist a:link {color: #003366; background-color: #E0ECF3; text-decoration: none; margin: 0;} /*#navlist a:visited{color: #00c;font-weight: normal; background-color: }*/ #navlist a:hover, a:focus{color: #003366;background-color: #fff;text-decoration: underline; margin: 0;} /*#navlist2 ul{ margin: 1em 0 1em .5em;}*/ #nav2 {} #nav2 ul{margin:0;padding: 0;list-style-type: none; font-weight: bold; background-color: #fff; text-align: left; } #nav2 li { } .first { padding: .5em 0 .5em .5em; display:block;} #navlist2 ul{margin:0;padding: 0;list-style-type: none; font-weight: bold; background-color: #fff; text-align: left; border-bottom: 3px solid #fff;} #navlist2 li { margin: 0 0 .25em 0;} #navlist2 a{display: block;padding: .5em 0 .5em 3em;background-color: #C0D9E6; background-image: url(../../airport/images/icons/nav_air2.gif); background-repeat: no-repeat; background-position: left; text-decoration: none;color: #000;} #navlist2 a:link, #navlist2 a:visited{color: #003366;text-decoration: none;} #navlist2 a:hover{background-color: #A1C6D9;color: #003366;background-image: url(../../airport/images/icons/nav_air2over2.gif); background-repeat: no-repeat; background-position: left;} .active1 {padding: .5em 0 .5em 3em; background-color: #003333; color: #fff; background-image: url(../../airport/images/icons/nav_air2over.gif); background-repeat: no-repeat; background-position: left; display:block; margin: 0 0 2em 0; } /*#active a:link, #active a:visited, #active a:hover{background-color: #003333; color: #fff;background-image: url(../../airport/images/icons/nav_air2over.gif); background-repeat: no-repeat; background-position: left;} thanks to http://www.sitepoint.com for this bit here*/ .newwindow {} .newwindow img { float:right;} .newwindow2 {background: transparent url(http://www.mackayports.com/images/newwindow.gif) no-repeat left!important; padding:3px 0px 3px 2em!important;font:bold 90% Verdana,Arial,Helvetica,sans-serif; white-space: nowrap; margin:0;} #credits { padding:5px 0; margin:0 auto; width: 90%; font-size: .9em;} #credits p {text-align: right; color: #000; margin-right: .5em; } #credits img { display: block; float: right; margin-left:.5em; border:0;} /* NO UNDERLINE ON THE IMAGE LINKS*/ .icons a { text-decoration: none;} .smlblue {font-size: 90%;color: #1C75A2;text-decoration: none;text-align:justify;display:block; margin-bottom:.75em; width: 26.5em;} .smlblue img {margin:0; } /*Definition List Styling*/ dl { margin: 0 1em;} dt { margin: .75em 0; font-weight: bold; color:#990000; padding: .25em; background-color:#E0ECF3;} dd { padding: .25em 2em; } /* styles for form validation */ .block form .info{ color: #000; font-weight: normal; } .block form .warn{ color: #c30; font-weight: normal; } .block form .error{ color: #c30; font-weight: bold } /*Man In Blue Form*/ #verticalForm fieldset { display: block; /**/width: 20em; margin: 0 0 3em 3em; padding: 0 1em 1em 1em; } #verticalForm fieldset.radio { width: 15em; margin: 1em 0 2em 0; } #verticalForm fieldset.radio input { clear: both; float: left; width: 2em; margin-top: .25em; /*clear: both;*/ /*float: left; margin:0;*/ } #verticalForm fieldset.radio label { font-weight: normal; } #verticalForm fieldset textarea { display: block; width: 18em; margin:1em 0; padding: 0; } #verticalForm input { display: block; width: 15em; } #verticalForm label { display: block; margin-bottom: 1em; font-weight: bold; } #verticalForm label.first { padding-top: 1em; } #verticalForm select { display: block; } /*FEEDBACK FORM STUFF*/ #firstName1 { font-size: 1em;} #email { font-size: 1em;} #country1 { font-size: 1em;} #quicklyY { width:1em; height: 1em;} #quicklyN { width:1em; height: 1em;} #adequateY { width:1em; height: 1em;} #adequateN { width:1em; height: 1em;} #readY { width:1em; height: 1em;} #readN { width:1em; height: 1em;} /*ACCESSIBLE TABLES STUFF*/ caption { font-size: 1em; font-weight: bold; text-align:left; margin: 1em 0 0 .75em; color:#c00;} th {font-size: 1em; font-weight: bold; text-align:left; padding-left: 1em; border: 1px solid #F0F0F0; vertical-align:text-top;} td { font-size: 1em; margin-left: 1em; padding-left: 1em;border-bottom: 1px solid #F0F0F0;} table { border: 1px solid #F0F0F0; margin: 1em 2em;} /*tr {}*/