/*------------------------ core CSS MFAA syles........ static centre-aligned div -------------------------*/ body{ background: #fff; color:#333333; font: 12px/1.2em Arial, Helvetica, sans-serif; text-align:center; background:#CCCCCC url(../_images/body_backgroundTile.gif) center top;} a{text-decoration: none;} a:link { color: #333;} a:visited { color: #333;} a:focus { color: #f3f3f3;} a:hover { color: #999;} a:active { color: #999;} a.city{ background-image: url(../_images/cityscape.gif)!important;} a.clouds{ background-image:url(../_images/clouds.jpg)!important;} p{ margin: 2px 0 5px 0} /* ----------------------------------------------------------FORMS--------------------------------------------------------------*/ form{ margin:0;} #phNumber{} form#emailUs{} form#emailUs fieldset {margin-bottom: 25px;} form#emailUs div {float:left; margin-top: 5px;} form#emailUs input.text{width: 333px; border: 1px solid #666633; margin: 0 30px 10px 0;} form#emailUs input.submit{ height: 27px; width:62px; margin:0 10px 0 0; text-indent:-3000px; cursor:pointer; background:url(../_images/btn_submit.gif) no-repeat; border:0; } form#emailUs input.reset{ height: 27px; width:62px; margin-right:10px; text-indent:-3000px; cursor:pointer; background:url(../_images/btn_reset.gif) no-repeat; border:0; } form#emailUs select, #emailUs input#phNumber{width: 153px; border: 1px solid #666633; margin: 0 30px 10px 0; float:left;} form#emailUs label { margin: 10px 0;} form#emailUs textarea {width: 715px; float:left; border: 1px solid #666633;} #persDetails, #miscDetails {border:1px solid #d3d3a3; padding:15px 0 15px 15px; margin: 5px 0;} #contDetails {background:#d3d3a3; border: none; padding:15px 0 15px 15px; margin: 5px 0;} #contDetails div.emailAdd{height: 100px;} #contDetails div.emailAdd p{margin: 0 10px 0 5px; padding:5px 0; display:block; float:left; height:19px; width:24px; background: url(../_images/or.gif) top center no-repeat; text-indent:-3000px} input.emailInp{margin-right: 5px!important;} #contDetails input.phone{ width:220px!important;} #contDetails select{ width:310px!important;} select#benefits {width: 400px!important;} p.mandatory{float:right; margin: -15px 10px 0 0; } div.formFooter{ margin:0 20px 40px 20px;} /* ---------------------------------------------------------------------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{font-family:"Arial Narrow", Arial;}} h1{ font-size: 2em; margin: .67em 0;} h2{ font-size: 1.5em; margin: .83em 0;} h3{ font-size: 1.17em; margin: 1em 0;} h4, h5, h6{ font-size: 1em; margin: 0em;} .tir{ text-indent: -3000px; line-height:0; font-size:0; display:none;} /* ------------- text indent replacement --------------*/ /*h1.latestNews { background:url(../../_images/hdr_latestnews.gif) left center no-repeat; margin:0; height: 45px; text-indent: -3000px; } h1.topIssues { background:url(../../_images/hdr_topicalissues.gif) left center no-repeat; margin:0; height: 45px; text-indent: -3000px; } h1.upcoming { background:url(../../_images/hdr_upcomingevents.gif) left center no-repeat;margin:0; height: 44px; text-indent: -3000px; float:left; width:200px; } h1.quickLinks { background: url(../../_images/hdr_quicklinks.gif) left center no-repeat;margin:0; height: 40px; text-indent: -3000px; }*/ h1.flush{height: 19px; margin-bottom: 5px;} img {padding: 0; margin: 0; border: 0; } img a:link { border: 0; padding: 0; margin: 0;} img a:visited{ border: 0; padding: 0; margin: 0;} img a:focus { border: 0; padding: 0; margin: 0;} img a:hover { border: 0; padding: 0; margin: 0;} img a:active { border: 0; padding: 0; margin: 0;} img.header{margin:0!important; padding:0;} ul{ margin:0; padding:0; list-style:outside disc;} ul.navList { list-style:none; border: 1px dashed #666666; padding: 0 !important;} ul.navList li { border-top: 1px dashed #666666;background-color:#F2DFBB} ul.navList li.top{ border: 0;} ul.navList a { color: #666; padding: 0 5px; background-color:#FFFFCC; display:block; height:100%;} /*remove height and watch what happens in ie!*/ ul.navList a:link { } ul.navList a:visited{ } ul.navList a:focus { } ul.navList a:hover { background-color: #DDF8FF;} ul.navList a:active { } ul.hidden{display: none;} ul.show{ display:block;} /*-------------------------------------------- IDs --------------------------------------------*/ #container { width: 1020px; margin:0 auto; text-align:left;} /* centre-aligns div & resets text-align to left */ #wrapper{ float:left; background-color: #fff; width: 100%;} /* used for background colour behind all content */ #innerContainer{ padding:10px 15px; display:block; margin-bottom:10px; } /* used for padding of all main layout divs*/ /*#mastHead{ padding: 5px 10px; margin-bottom: 10px;} #mastHead img{ vertical-align:middle; padding-left:3px;} #mastHead img.dotBorder { padding: 12px 15px 10px 318px; margin: 13px 13px 0 0 ; background: url(../_images/bdr_bludot.gif) repeat-y top right} #mastHead img.shinyMember{margin-left: 570px;}*/ #mastHead{ padding: 5px 10px; margin-bottom: 10px;} #mastHead img{ vertical-align:middle; padding-left:3px;} #mastHead img.dotBorder { padding: 12px 15px 10px 318px; margin: 13px 13px 0 0 ; background: url(../_images/bdr_bludot.gif) repeat-y top right} #mastHead img.shinyMember{margin-left: 570px;} #banner { width: 660px; height: 162px; float: left; background:#000 url(../_images/banner.jpg);} /* !needs to be 162 so nav to the left can be divided by 6 */ #banner img{margin:0; padding:0;} #banner h1 {display:none!important;} #columnL{ width: 660px; float: left}/* Left column */ #columnR{ width: 330px; float: left; background:#fff; background: url(../_images/bdr_greydotY.gif) top left repeat-y;}/* Right column */ #columnR h1 {margin-left: 15px;} #columnR div.titleBand{background: url(../_images/blurSmokeLrg.jpg) top left no-repeat; overflow:visible!important; border-top: 10px #fff solid;} div.iconHolder{ width: 230px; position:absolute; left: 470px; top: 20px; } #footer { height:40px; border: 1px solid #7F7F7F; background-color:#CCCCCC; padding: 5px 10px; clear:both; display:block;} #footer p.copyright {float: right; } div#Footer_01 { width: 100%; border-top: 4px solid #B6B68D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B6B68D; text-align: left; float: left; margin-top: 5px; padding: 10px 0; line-height: 1.2;} div#Footer_01 p {padding-left: 10px; margin:0;} #FooterItem ul {list-style-type:none; margin:0 0 0 -10px; padding: 0px 0px 0px 10px; float: left; } #FooterItem li {display:inline; float:left; margin: 0; padding:0;} #FooterItem li a{ margin: 3px 0 0 0; padding: 0px 10px ; display:block; border-right: 1px solid #B6B68D; font:11px/0.8 Arial, Helvetica, sans-serif; color: #B6B68D;} #FooterItem li a.last{ border:0;} #FooterItem li a:hover {color: #B6B68D; text-decoration: none;} div#Back-to-top {float: right; padding: 0px 20px 0px 0px; background: url(../_images/icon_backtotop.gif) left center no-repeat ;} div#Back-to-top a{ font-weight: bold; padding: 0px 0px 0px 30px; color: #B6B68D;} #navColL { width: 200px; padding: 10px; margin: 0 15px 5px 0; border: 1px solid #999999; float: left; background-color: #FFFFFF;} #navColL p {border-bottom: 1px solid #999999; padding: 5px 0;} /* --------------------------------- DIVs and Classes ------------------------------------------------*/ .lbArrow { padding: 0 0 0 15px; margin: 0 5px; text-transform:capitalize; float:left; background: url(../_images/icon_arrowLblue.gif) left center no-repeat; width:} .floatL{float: left;} .floatR{float:right;} .noMargin{ margin:0!important;} div.titleBand{ height: 50px; background: #14303e url(../_images/blurSmokeSml.jpg) no-repeat right top; color: #fff; float:left; width: 100%; position:relative; border-top:10px solid #fff; } div.titleBand h1{ padding-left: 10px; text-transform:uppercase; font-size:18px!important; font-weight:400; margin: 19px 0 0 10px; display:block;} div.titleBand img { vertical-align:middle; padding: 0 5px;} div.titleBand a, div.titleBand a:link,div.titleBand a:visited { color: #ccdde5; font-size:11px} div.titleBand a:hover { color:#fff;} #membersLogin{ width: 990px; height: 50px; background: transparent url(../images/bg_memberlog.gif) repeat-x; position:absolute; top:0; left: 0; z-index: 100; } #membersLogin div{ margin-top: 8px; float: left; padding-left: 20px;} #membersLogin label, input{float:left;} #membersLogin input {width: 145px; margin: 3px 15px 0 0;} #membersLogin input.button{ width: 82px; height: 26px; background: url(../images/btn_membEnter.jpg) no-repeat; border: 0; margin-top: 0;} #membersLogin label{ padding:7px 5px 0 0; float:left; display: block; font-weight:bold; font-size: 12px; color:#fff; vertical-align:top; } #membersLogin a {font-size: 11px; color: #FFFFFF; background: url(../images/icon_pxlArrow.gif) center left no-repeat; padding-left:8px; display:block; float:left; margin: 7px 5px 0 80px; } #membersLogin a.noDecor{ margin-left: 0; padding-left:0; background-image:none; text-decoration: underline;} div.display{display: block!important;} div.content{width: 100%;float:left; background:url(../_images/bg_content.gif) repeat-y left top; } div.content img{border:1px solid #d3d3a3; padding:10px; margin:10px;} div.aboutContent{ float: left; width: 755px; padding: 0 20px 0 0; background:#fff;} div.aboutContent p{ margin-bottom: 20px; } div.aboutContent p.boldFace{ padding-left: 0; font-weight:bold;} div.aboutContent h5 a { margin-top:10px; display:block; text-transform:capitalize; color: #0073ae; background: url(../_images/icon_arrowcircle.gif) left center no-repeat; padding-left: 18px;} div.aboutContent h1, h2, h3 {color:#5b5b2f; padding: 5px 0 10px 0; text-transform: uppercase; display:block; background:url(../_images/bdr_greydotX.gif) repeat-x bottom; } div.aboutContent a {color: #3399ff; text-decoration: underline;} div.aboutContent img { float:right; margin: 0px 25px;} div.imgBoxHolder{float: left; width: 330px; margin-left:10px; background: #fff url(../_images/bdr_greydotY.gif) top left repeat-y;} div.imgBoxHolder h1.upcoming {float: none; margin-left: 15px;} div.imgBoxHolder div.headers{float:left;} div.headers{ width: 300px;height: 44px;} div.headers img{ margin: 13px 0 0 15px;} div.headers h1 { text-indent: -3000px; line-height:0; font-size:0; display:none;} div.quicklinks{ height: 40px;} #columnR div.headers{float:left;} #columnR div.headers.upcoming img{ margin-top: 18px;} div.imgBoxHolder div.headers.upcoming img{ margin-top: 20px;} /* //////////////////////////////////////////////////////////////////////// /////////////////// ////////////////////// /////////////////// ////////////////////// /////////////////// NAVIGATION STUFF ////////////////////// /////////////////// ////////////////////// /////////////////// ////////////////////// /////////////////////////////////////////////////////////////////////////*/ #topNav{ background: #01537d; float: left; width:100%;} #topNav ul { background:red;} #topNav ul li { list-style: none; float: left; display:inline; width: 94px; background:url(../_images/bdr_whitedotY.gif) repeat-y top right } #topNav li a { display:block; width: 79px; height:25px; padding: 45px 4px 10px 10px; margin-right:1px; color:#fff; background: #0073ae; border-bottom: 5px solid #01537d; font-weight: bold; line-height:1} #topNav .last { width: 85px; padding-right:0px; border-right:0; background-image:none;} #topNav li a:hover { background: #002e46;} #membersNav{ width: 100%; float:left; overflow:hidden; height: 40px; font-size: 11px;} #membersNav ul { } #membersNav ul li { list-style: none; display:inline; float: left; height: 40px; padding-left: 6px; margin-right:15px; background: url(../_images/icon_arrowblue.gif) left center no-repeat; } #membersNav li a { display: block; padding: 13px 0 0 2px; float: left;} #membersNav li a:hover { color: #0073ae;} #membersNav li a.current{ font-weight:bold; color: #0073ae;} #searchArea{ padding: 6px 15px; height: 73px; font-size:11px; background: #01537d ;} #searchArea a { font-weight: bold; color: #ccdde5;} #searchArea a:hover{ color: #fff;} #searchArea a.help{ font-weight: normal;} #searchArea input { margin: 1px 0 2px 0; padding: 4px 2px; font-size:11px; color: #69652d; } ul.largeArrows{width: 300px; padding: 13px 5px 15px 0; } ul.largeArrows li { padding-left: 20px; list-style: none; float: left; display:inline; margin-bottom: 15px; background:url(../_images/icon_arrowcircle.gif) left top no-repeat; } ul.largeArrows li a { display: block;} ul.largeArrows li a:hover { color: #0073ae;} #leftNav{ width: 190px; float:left; margin-right: 25px; background:#fff; text-transform:capitalize;} #leftNav ul{ margin-top: 10px;} #leftNav ul li{ list-style: none; background: #e9e9d1 url(../_images/bdr_lightgreydotX.gif) repeat-x bottom left; float:left;}/* ie 6 needs float! */ #leftNav ul li a { display:block; padding:7px 0 7px 20px; margin-bottom: 1px; width: 170px; color:#666633; background: #e9e9d1 url(../_images/icon_wedge_grey.gif) left center no-repeat; } #leftNav ul li a.open { background-image:url(../_images/icon_wedge_open.gif) } #leftNav ul li a:hover{ background-color: #e0e0be; background-image: url(../_images/icon_wedge_white.gif)} #leftNav ul li a.current{ background-color: #b2bb1e; color:#fff; font-weight:bold;} #leftNav ul li a.top {padding:8px 0 7px 20px;} #leftNav ul ul{ margin-top: 0;} #leftNav ul ul li{ list-style: none; background: #fff url(../_images/bdr_lightgreydotX.gif) repeat-x bottom left; float:left;}/* ie 6 needs float! */ #leftNav ul ul li a { display:block; padding:7px 0 7px 20px; margin-bottom: 1px; width: 170px; color:#666633; background: #fff url(../_images/icon_wedge_grey.gif) left center no-repeat; } #leftNav ul ul li a:hover{ background-color: #f2f4cc; background-image:url(../_images/icon_wedge_grey.gif);} #leftNav ul ul li a.current{ background-color: #f3f4e8; color:#666633; font-weight:normal; } #leftNav ul ul li a.top {padding:8px 0 7px 20px;} #breadcrumbs{width: 99%; padding: 5px 0 10px; margin: 5px 0 10px 0; float:left;font-size: 11px; } #breadcrumbs ul{} #breadcrumbs ul li{ display:inlne; float: left; list-style:none;} #breadcrumbs ul li a{ padding: 0 10px 0 0; } #breadcrumbs ul li a:hover, #breadcrumbs ul li a.current {text-decoration: underline;} #breadcrumbs a, a:link, a:visited{ color: #000;} #breadcrumbs ul{} #ql-nav{ width: 100%; float: left;} #ql-nav ul {background: #3399ff; float: left; } #ql-nav ul li { list-style: none; float: left; display:inline; height: 27px; background: #297acc url(../_images/bdr_bluedotX.gif) repeat-x bottom left; border-right: 0 ; border-left: 5px solid #297acc; } #ql-nav ul li.last{ background-image:none;} #ql-nav li a { display:block; height:20px; width: 300px; color:#fff; padding:6px 0 0 25px; background: #3399ff url(../_images/ql_arrow.gif) left center no-repeat;} #ql-nav li a:hover { background-color: #5cadff;} .searchMFAA { height: 22px; padding:0; margin: 0; margin-bottom: 3px; text-indent:-3000px; line-height:1; background:url(../_images/hdr_search.gif) bottom left no-repeat;} /* ----- search stuff ----- */ input.text {width: 238px; border: 1px solid #000; padding: 2px; vertical-align:middle;} input.btnFind{ width:52px; height: 24px; border: 0; padding: 0; background:url(../_images/btn_find.gif) no-repeat left center; vertical-align:middle; cursor:pointer;} /*------------------------ core CSS includes styles centre-aligned div -------------------------*/ .fir{text-indent: -5000px; background: url(../includes/css/sample-opaque.gif);} @media print { body{background-color: #FFFFFF; color: #000000; font: 12pt Verdana, Arial, Helvetica, sans-serif;} a:link{text-decoration: underline;} img{visibility:hidden;} }