/* CSS document for ILEX website */
@import url(subnav.css);
body {font: 76%/1.56 Arial, Helvetica, sans-serif; text-align:center; padding:0 0 10px 0; color:#434a58; background-color:#e3e7eb;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a, a:visited {text-decoration:none; color:#0E2A8D;}
a:hover {text-decoration:underline;color:#52abff;}
a {outline:none;}
/* end links */

/* general layout rules */
div#wrapper {margin:0 auto; text-align:left; background:#fff; padding:0; width:755px; w\idth:755px; background-repeat:no-repeat; background-position:0px 0px; background-image:url(../../../../images/assets/top-line.gif);}
p.skip {display:none;}

div#contentholder {float:left; padding:0 0 18px 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#left {float:left; margin:0 18px 0 0; padding:0; width:138px; display:inline;}
div#contentarea {float:left; margin:0 19px 0 19px; padding:0 0 0 0; width:717px; display:inline;}

div#contentarea a { font-weight: bold; }

div#homecontent {float:left; width:508px; margin:0; padding:3px 0 0 0; border-top:1px solid #d7e4ef; border-bottom:1px solid #d7e4ef; display:inline;}
div#content {float:left; width:403px; border-top:1px solid #d7e4ef; border-bottom:1px solid #d7e4ef; min-height:360px; height:auto !important; height:360px; display:inline;}
div#content.wide {float:left; width:561px;}
div#right {float:right; margin:0 0 0 0; width:185px; display:inline;}
div#rightsub {float:right; margin:0 0 0 0; width:138px; display:inline;}
/* end general layout rules */

/* page header */
div#header {position:relative; float:left; width:755px; height:153px;}
div#header h1 {display:none;}
div#header img {margin:22px 0 0 20px; border:none; }
div#header p {font-size:.92em; margin:0; float:right;}

div#header div#links {float:right; width:442px; height:38px;}
div#header div#links ul {list-style-type:none;}
div#header div#links ul li {float:left;}
div#header div#links ul li#helpline {text-transform:uppercase; color:#FF3600; font-size:1.3em; font-weight:700; margin:6px 52px 0 0;}
div#header div#links ul li#enquiries {margin-top:7px; font-size:1.1em;}

div#header {background-repeat:no-repeat; background-position:center bottom;}
/* page header */

/* site search */
div#header div#search {float:right; clear:right; width:216px; padding:0 0 8px 0; margin:36px 19px 0 0; display:inline;} 
div#header div#search fieldset {float:left; margin:0 0 0 0; border:none;}
div#search img {margin:0 0 0 8px;}
* html div#search img {margin:0 0 0 6px;}
div#header div#search label {display:none;}
div#header div#search input {float:left; margin:0; padding:4px 3px 2px 3px; width:125px; font-size:1em; height:24px; he\ight:13px;}
div#header div#search input.button {float:left; margin:0 16px 0 8px; padding:0; border:none; width:27px; height:22px; cursor:pointer; font-size:.92em; font-weight:bold;}
div#header div#search p {font-size:.92em; font-weight:bold; margin:2px 0 0 0;}
div#header div#search input, div#advancedsearch input, div#content div#inlinesearch input {border: 1px solid #D6DFEF;}
div#header div#search input.button, div#advancedsearch input.button, div#content div#inlinesearch input.button {background:#F1F2F6; color:#000;}
div#header div#search ul {list-style-type:none;}
div#header div#search ul li {float:left; padding:5px 0 0 0;}
div#header div#search ul li a {font-size:0.92em;}
/*div#header div#search ul li#advsearch a {margin-left:36px;}*/ 

div#header div#search div#searchbox {width:200px;}
/* end site search */

/* primary navigaton */
div#nav {float:left; width:755px; font-size:1em; background:#fff; margin:0 0 18px 0; border-top:1px solid #52abff; border-bottom:1px solid #52abff; display:inline;}
div#nav ul {float:left; list-style-type:none; margin:0 19px 0 19px; width:717px; display:inline;}
div#nav ul li {float:left;}
div#nav ul li a {padding:8px 18px 8px 0px; text-align:center; text-decoration:none; display:block;}
div#nav ul li a:hover {text-decoration:underline; color:#52abff;}
div#nav ul li.active a {color:#52abff;}
.home div#nav ul li#Home a {color:#52abff;}
/* end primary navigaton */

/* primary nav items have a declared width for cross browser purposes. Total width = 717px */
div#nav ul li#home {width:44px; text-align:left;}
div#nav ul li#home a {text-align:left;}
div#nav ul li#about {width:137px;}
div#nav ul li#services {width:95px;}
div#nav ul li#improving {width:119px;}
div#nav ul li#finding {width:109px;}
div#nav ul li#involved {width:106px;}
div#nav ul li#partners {width:71px;}
div#nav ul li#jobs {width:35px; text-align:right;}
div#nav ul li#jobs a {text-align:right;}
/* end */

/* homepage content area */
div#homecontent h2 {/*color:#FF3600;*/ font-size:1.2em; line-height:1.3; margin:18px 0 24px 2px;}
div#homefeat {width:508px; float:left; margin:0; display:inline; border-top:1px solid #d7e4ef; padding-bottom:6px;}
div#homefeat h3 {/*color:#FF3600;*/ margin:8px 0 4px 0;}

div.articleintro {float:left; padding:0; margin:0 0 11px 0; width:513px; w\idth:513px;}
div.articleintro img {float:left; margin:0 12px 0 0; border:1px solid #dae6f0;}
div.articleintro h3 {margin:0 0 10px 0; line-height:1.1; font-size:1.1em;}
div.articleintro p {line-height:1.3; margin:0; font-size:.92em;}
/* end homepage content area */

/* breadcrumb trail */
div#content div#crumbs {float:left; font-size:0.92em; width:400px; font-weight: bold; }
div#content div#crumbs ul {float:left; list-style-type:none; padding: 5px 0 3px 0; margin:0;}
div#content div#crumbs ul li {float:left; padding:0 4px 0 0; white-space:wrap; list-style-type:none;}
div#content div#crumbs ul li span {color:#52abff;}
div#content div#crumbs ul li a {padding:0 2px 0 0; text-decoration:none;}
div#content div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* sub page rh panels */
div.rhpanel {float:left; padding:8px 4px 10px 0; margin:0 0 18px 0; border-top:1px solid #d7e4ef; border-bottom:1px solid #d7e4ef; width:132px; w\idth:132px;}
div.rhpanel a {font-weight: bold; }
body.home div.rhpanel {width:185px; w\idth:181px;}
div.rhpanel img {float:left; margin:0 0 18px 0;}
div.rhpanel h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em; color:#FF3600;}
div.rhpanel p {line-height:1.3; margin:0; font-size:.92em;}
div.rhpanel ul {font-size:.92em; margin:0; list-style-type:none;}
div.rhpanel ul li {text-decoration:none; line-height:1.1; margin:0;}
div.rhpanel ul li a {padding:4px 0;display:block; width:130px; font-weight: bold; }
div.rhpanel ul li a:hover {}
div.rhbanner {float:left; padding:24px 8px; margin:0 0 12px 0; border:1px solid #D6DFEF; width:184px; w\idth:168px; text-align:center;}
div.rhbanner2 {float:right;}
div.rhbanner3 {float:right; margin:0 0 0 16px;}
/* end sub page rh panels */

/* Action icons */
div#right div#actionhome {border-top:1px solid #d7e4ef; border-bottom:1px solid #d7e4ef; margin:0 0 18px 0; padding:8px 0 6px 0; height:40px;}
div#right div#actionhome ul {list-style-type:none; list-style-position:outside;}
div#right div#actionhome ul li {float:left; text-align:center; text-indent:-9999px;}
div#right div#actionhome ul li a {display:block; width:61px; height:35px; background-position:center;}
div#right div#actionhome ul li#payments a {background-image:url(../../../../images/assets/payment-home.png); background-repeat:no-repeat; border-right:1px solid #d7e4ef;}
div#right div#actionhome ul li#payments a:hover {background-image:url(../../../../images/assets/payment-home-over.png);}
div#right div#actionhome ul li#repairs a {background-image:url(../../../../images/assets/repairs-home.png); background-repeat:no-repeat; border-right:1px solid #d7e4ef;}
div#right div#actionhome ul li#repairs a:hover {background-image:url(../../../../images/assets/repairs-home-over.png);}
div#right div#actionhome ul li#problems a {background-image:url(../../../../images/assets/problems-home.png); background-repeat:no-repeat;}
div#right div#actionhome ul li#problems a:hover {background-image:url(../../../../images/assets/problems-home-over.png);}

div#rightsub div#actionsub {border-top:1px solid #d7e4ef; border-bottom:1px solid #d7e4ef; margin:0 0 18px 0; padding:8px 0 6px 0; height:36px;}
div#rightsub div#actionsub ul {list-style-type:none; padding:0; margin:0; list-style-position: outside;}
div#rightsub div#actionsub ul li {float:left; text-align:center; text-indent:-9999px; padding:0; margin:0;}
div#rightsub div#actionsub ul li a {display:block; width:46px; height:35px; background-position:center;}
div#rightsub div#actionsub ul li#payments a {background-image:url(../../../../images/assets/payment-sub.png); background-repeat:no-repeat;text-align:left;}
div#rightsub div#actionsub ul li#payments a:hover {background-image:url(../../../../images/assets/payment-sub-over.png);}
div#rightsub div#actionsub ul li#repairs a {background-image:url(../../../../images/assets/repairs-sub.png); background-repeat:no-repeat;}
div#rightsub div#actionsub ul li#repairs a:hover {background-image:url(../../../../images/assets/repairs-sub-over.png);}
div#rightsub div#actionsub ul li#problems a {background-image:url(../../../../images/assets/problems-sub.png); background-repeat:no-repeat;}
div#rightsub div#actionsub ul li#problems a:hover {background-image:url(../../../../images/assets/problems-sub-over.png);}
/* end action icons */

/* footer */
div#footer {font-size:.92em; color:#000; padding:8px 0 0 0; margin:0 auto; width:755px; }
div#footer ul {float:left; clear:left; list-style-type:none; white-space:nowrap; margin: 0 0 0 0; width:742px;}
div#footer ul li {float:left; padding:0 4px 0 0;}
div#footer ul li a {}
/* end footer */

/* footer */
div#footer.border {border-top:1px solid #D6DFEF; padding:6px 0 0 0;}
div#footer .footerlinks {float:left; margin:0 0 10px 0; width:545px;}
div#footer ul {float:left; list-style-type:none; white-space:nowrap; margin: 0 0 0 0; width:545px;}
div#footer li {float:left;}
div#footer li {padding:0 0 0 4px;}
div#footer p {float:left; font-style:normal; font-weight:normal; margin: 4px 0 0 0; width:210px;}
div#footer p {display:block; margin:0; text-align:right;}
/* end footer */

/* credit */
div#credit {width:774px; margin:0 auto;}
div#credit p {text-align:right; margin:5px 0 10px 0; font-size:.92em;}
div#credit p a {text-decoration:none;}
div#credit p a, div#credit p {color:#666;}
div#credit p a:hover {text-decoration:underline;}
/* end credit */

/* general typography */
h1, h2 {font-size:1.3em; margin:-4px 0 10px 0; color:#FF3600;}
h2 span {font-size:.92em; text-transform:none;}
div#right h2 {margin-top:3px;}
h3 {font-size:1.2em; margin:10px 0 0 0; color:#FF3600;}
h4 {font-size:1.1em; margin:1em 0 0 0; color:#FF3600;}
h5 {font-size:1em; margin:1em 0 .5em 0; color:#FF3600;}
h6 {font-size:1em; margin:0; color:#FF3600;}
p {margin:0 0 1em 0;}
p.pagination span {margin:0 0 0 30px;}
p.pagination strong {color:#EBA423;}
acronym {border-bottom: 1px dashed #D6DFEF; cursor: help;}
hr {height:1px; color:#D5D2D3; border: 0; background-color: #d7e4ef; margin: 10px 0;}
div#content div.line {margin:10px 0 10px 0; height:2px; clear:left; border-bottom:1px solid #D6DFEF;}
div#content div.line hr {display:none;}
/*div#content h2 {clear:left; text-transform:uppercase; color:#FF3600;}*/
div#content a { font-weight: bold; }
div#homecontent p {margin-top:5px;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:4px 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #d7e4ef;}
img.border {margin:4px 0 12px 0; border: 1px solid #d7e4ef;}
img.rss {float:right; margin:10px 0 0 14px;}
img.ImmControlAlign_Right {float:right; margin:4px 0 12px 12px; border: 1px solid #d7e4ef;}
img.ImmControlAlign_Left {float:left; margin:4px 12px 4px 0; border: 1px solid #d7e4ef;}
div#right img {border: 1px solid #d7e4ef;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 10px 4px 0; width:172px; background-color:#F1F2F6;}
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 10px; width:172px; background-color:#F1F2F6;}
.captionleftborder {float:left; margin:4px 10px 4px 0; width:172px; border:1px solid #d7e4ef; background-color:#F1F2F6;}
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 10px; width:172px;  border:1px solid #d7e4ef; background-color:#F1F2F6;}
/* end image captions */

/* lists */
ul {list-style-position: inside;}
ol{list-style-position: inside;}
div#subnav ul {list-style-position: outside;}
div#content ul {margin:0 0 1em 2em; list-style-position: outside;}
div#content ul li {padding:0; list-style-type:square;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:circle;}
div#content ul ul ul li {list-style-type:disc;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 2em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #d7e4ef; border-top:1px solid #d7e4ef;}
th {padding: .2em .4em; background:#D6DFEF; text-align:left;}
td {padding: .4em; border-bottom:1px solid #d7e4ef; border-left:1px solid #d7e4ef;}
table caption {text-align:left; font-size:1em; font-weight:bold;}
table#searchBox{border: 0; margin: 0}
table#searchBox td{border: 0; margin: 0}
/*end tables */

/* forms */
div.formholder {float:left; width:100%;}
div#content form {}
div#content fieldset {border:none; margin: 20px 0; float:left; width:344px;}
div#content legend {font-size:1.5em; margin:0 0 4px 0;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 148px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #d7e4ef; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 148px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#F1F2F6; border:1px solid #d7e4ef; clear:left;}
/* end forms */

/* poll */ 
div.poll {float:left; padding:0 6px 4px 6px; margin:0 0 18px 0; border:1px solid #a0d1ff; font-size:.92em; width:183px; w\idth:171px; background:#f2f7fc;}

div#right div.poll h3 {color:#FF3600; margin-top:4px;}
div#right div.poll h4 {padding:0; margin:8px 0 8px 0; font-size:1.2em; font-weight:normal; line-height:1.2; color:#FF3600;} 
div#right div.poll h5 {margin:12px 6px 0 36px; float:left; font-size:1em; line-height:1.2;}

div.poll label {cursor:pointer; font-weight:normal; width:100px; margin:0 0 0 6px;} 
div.poll input {margin:0px 0px 0px 0px; clear:left;} 
div.poll input.button {margin:8px 0 0 0px; padding:0; width:auto; cursor:pointer; float:left;} 
div.poll p {margin:0; padding:0;}

div.poll table {float : left; border:0; margin:0;} 
div.poll table tr {border :0;} 
div.poll table tr td {border:0; font-size : 1.0em; padding:0;} 
div.poll table tr td input.submit {display:inline; margin:5px 0 0 160px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; clear:left; font-size:.92em;}

div.poll table tr td label {cursor:pointer; font-weight:normal; width:160px; margin:0 0 0 6px;} 
/* end poll */