/* CSS document for ILEX website */
@import url(subnav.css);
body {font: 76%/1.56 Arial, sans-serif; text-align:center; padding:0 0 10px 0; color:#2F2F2F; background-color:#B9C1DA;}



/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a, a:visited {text-decoration:none; color:#2C4490;}
a:hover {text-decoration:underline;color:#EBA423;}
a {outline:none;}
/* end links */

/* general layout rules */
div#wrapper {margin:0 auto; text-align:left; background:#fff; padding:0px 18px 14px 18px;  width:738px; }
p.skip {display:none;}

div#contentholder {float:left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#left {float:left; margin:0 18px 0 0; padding:0; width:155px; display:inline; min-height:360px; }
div#contentarea {float:left; margin:0px 0 0px 0; padding:0 0 0 0; width:738px;}
div#homecontentarea {float:left; margin:0 0 0px 0; padding:0 0 0 0; width:738px;}
div#homecontent {float:left; width:534px; margin:0; padding:0;}
* html div#homecontent {margin:0 0 -24px 0; }
*:first-child+html div#homecontent {margin:0 0 -24px 0;} /* IE fudges for a margin issue on the homepage that makes no sense */
div#content {float:left; width:340px; min-height:360px;}
div#contentStandard {float:left; width:340px; min-height:360px;}
div#contentWide {float:right; width:565px; min-height:360px; }

div#contentDiaryWide {float:right; width:550px; min-height:360px; }


div#content.wide {float:left; width:560px;}
div#right {float:right; margin:0 0 0 0; width:185px;}
/* end general layout rules */

/* page header */
div#header {position:relative; float:left; border:none;  margin:0px 0 8px 0;}
div#header h1 {display:none;}
div#header img {margin:0 0 0 0; float:left;}
div#header p {font-size:.92em; margin:0; float:right;}

div#blocks {position:absolute; left:552px; top:18px; width:186px; height:90px;}



/* page header */

/* site search */
div#search {float:right !important; width:186px; padding:0 0 8px 0;} 
* html div#search {clear:left; float:right !important; width:186px; padding:0 0 8px 0; } 
*+html div#search {clear:left; float:right !important; width:186px; padding:0 0 8px 0; } 



div#search fieldset {float:left; margin:0 0 0 0; border:none;}
div#search img {margin:0 0 0 8px; float:right;}
* html div#search img {margin:0 0 0 6px;}
div#search label {display:none;}

div#search input {float:left; margin:0;  width:120px; font-size:1em; height:20px;}
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#search p {font-size:.92em; font-weight:bold; margin:2px 0 0 0;}
div#search input, div#advancedsearch input, div#content div#inlinesearch input {border: 1px solid #D6DFEF; height:20px;}
div#search input.button, div#advancedsearch input.button, div#content div#inlinesearch input.button {background:#F1F2F6; color:#000;}
#searchBox input {height:20px;}
#search input
{   
    height:20px !important;
 
    } 


/* end site search */

/* site search */
div#searchHome {float:right !important; width:186px; padding:0 0 8px 0;} 
* html div#searchHome {clear:left; float:right !important; width:186px; padding:0 0 8px 0; } 
*+html div#searchHome {clear:left; float:right !important; width:186px; padding:0 0 8px 0; } 



div#searchHome fieldset {float:left; margin:0 0 0 0; border:none;}
div#searchHome img {margin:0 0 0 8px; float:right;}
* html div#searchHome img {margin:0 0 0 6px;}
div#searchHome label {display:none;}

div#searchHome input {float:left; margin:0;  width:120px; font-size:1em; height:20px;}
div#searchHome 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#searchHome p {font-size:.92em; font-weight:bold; margin:2px 0 0 0;}
div#searchHome input, div#advancedsearch input, div#content div#inlinesearch input {border: 1px solid #D6DFEF; height:20px;}
div#searchHome input.button, div#advancedsearch input.button, div#content div#inlinesearch input.button {background:#F1F2F6; color:#000;}
#searchBox input {height:20px;}
#searchHome input
{   
    height:20px !important;
 
    } 


/* end site search */



/* inline search */
div#inlinesearch {float:left; width:344px; margin:0 0 10px 0; padding:0 0 12px 0; border-top:1px solid #D6DFEF; border-bottom:1px solid #D6DFEF; display:inline;}
div#content div#inlinesearch label {clear:none; font-weight:normal; margin:0 0 0 0;}
div#content div#inlinesearch input {margin:0px 0px 6px 0px; padding:1px 4px 2px 4px; background:#fff; width:190px; w\idth:180px;}
div#content div#inlinesearch select {background:#fff; margin:0px 0px 6px 0px;}
div#content div#inlinesearch div.radios {float:left; width:190px; margin:0 0 12px 0;}
div#content div#inlinesearch div.radios label {font-weight:normal; font-size:1em; width:80px;}
div#content div#inlinesearch input.radio {width:auto; background:#ECEBEF; margin:0px 6px 0px 2px; clear:left; border:none; display:inline;}
div#content div#inlinesearch input.button {margin:0 0 0 148px; clear:left; padding:0; width:27px; height:22px; cursor:pointer; border:none; font-size:.92em; font-weight:bold;}
div#inlinesearch p {margin:0; padding:0;}
/* end inline advanced search */

/* search index server */
div#content div.searchResults {float : left; padding : 2px; margin : 0px;}
div#content div.searchResults table {margin: 0px 0px 1px 5px; padding:0; border-bottom : solid 1px #A3ADCE;}
div#content div.searchResults table tr {margin: 0px; padding:0; border: 0px solid #A3ADCE;}
div#content div.searchResults table tr td {margin: 0px; padding:0; border: 0px solid #A3ADCE;}
div#content div.searchResults table tr td table {border : solid 0px #A3ADCE; background: none;}
div#content div.searchResults table tr td table tr td {margin: 0px; padding: 5px;}
div#content div.searchResults table tr td table tr td select {float : right; width : 200px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td input {width:190px; float:left; margin: 1px 10px 0px 3px; padding : 2px; border: 1px solid #A3ADCE; background:none;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_indexServerSearchSubmitButton {margin:0px; padding:0px; width:auto; cursor:pointer; float : right; background:#D0D6E6;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateFrom_Day {float : none; width : 50px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateFrom_Month {float : none; width : 50px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateFrom_Year {float : none; width : 70px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateTo_Day {float : none; width : 50px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateTo_Month {float : none; width : 50px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td #Template__ctl12__ctl0_dateTo_Year {float : none; width : 70px; padding : 0px; margin : 0px;}
div#content div.searchResults table tr td table tr td label {clear : none; margin : 0px; padding : 0px; width: auto; font-weight:normal; float:left;}

div#content div.mainSearch div.searchResult {float : left; margin : 0px 0px 5px 0px; padding : 0px; width : 100%;}
/* search index server */

/* primary navigaton */
div#nav {float:left; width:738px; font-weight:bold; font-size:.92em; background:#7D93C8; margin:18px 0 8px 0;}
div#nav ul {float:left; list-style-type:none;}
div#nav ul li {float:left;}
div#nav ul li a {/*padding:8px 0;*/ padding : 8px 10px 8px 10px; text-align:center; text-decoration:none; display:block; color:#fff;}
div#nav ul li a:hover {text-decoration:none; color:#F5CA7B;}
div#nav ul li.active a {color:#2E4591;}
/* end primary navigaton */

/* primary nav items have a declared width for cross browser purposes. Total width = 738px */
div#nav ul li#about-ilex {width:82px;}
div#nav ul li#about-legal-executives {width:150px;}
div#nav ul li#study {width:52px;}
div#nav ul li#membership {width:90px;}
div#nav ul li#standards {width:72px;}
div#nav ul li#for-centres {width:90px;}
div#nav ul li#media {width:56px;}
div#nav ul li#contact-us {width:76px;}
div#nav ul li#my-ilex {width:70px;}
/* end */

/* homepage content area */
.homecontenth2 {display:block; color:#00549F; font-size:1.2em; line-height:1.3; margin:18px 0px 18px 2px; width:100%;}
.homecontenth3 {display:block; color:#00549F; font-size:1.2em; line-height:1.3; margin:0px 0px 0px 0px; width:100%;}
.homecontentp {  font-size:1em; line-height:1.3; margin:0px 0 10px 2px; }
div#homeleft { float:left; margin:0 0 0px 0; display:inline; border-bottom:1px solid #D5D9E9;}
div#homeright {width:258px; float:right; line-height:normal; background-image:url(../../../images/home-main1.jpg); background-repeat:no-repeat; background-position:left top;  min-height:312px; height:auto !important; height:312px;}
div#homeleftimg { width:258px; w\idth:258px; max-height:120px; float:left; margin:0 0 0px 0; background:#FEC233 }
div#homerightimg { width:258px; w\idth:258px; max-height:120px; float:right; margin:0 0 0px 0; background:#FEC233 }

div.articleintro {float:left; padding:10px 8px; margin:10px 0 0px 0; border-top:1px solid #D5D9E9;    width:242px;}
div.articleintro img {float:left; margin:0 12px 0 0;}
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;}

div.featureintro {float:left; padding:8px 4px; margin:0 0 12px 0;  width:358px; w\idth:342px;}
div.featureintro img {float:left; margin:0 12px 0 0;}
div.featureintro h3 {margin:0 0 2px 0; line-height:1.1; font-size:1.1em;}
div.featureintro p {line-height:1.3; margin:0; font-size:.98em;}
/* end homepage content area */

/* breadcrumb trail */
div#crumbs {height:30px; float:left; font-size:0.92em; width:552px;}
div#crumbs ul {float:left; list-style-type:none; padding: 1px 0 3px 2px;}
div#crumbs ul li {float:left; padding:0 4px 0 0; white-space:nowrap;}
div#crumbs ul li span {color:#EBA423;}
div#crumbs ul li a {padding:0 2px 0 0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* right hand navigation */
div.stack {float:left; width:186px; border-top:1px solid #D5D9E9;}
div#right h4 {font-size:.92em; margin:0; background-repeat:no-repeat; background-position: 168px 14px; background-image:url(../../../../images/assets/right-arrow.png); border-bottom: 1px solid #D5D9E9; background-color:#EAEDF4;}
div#right h4.down {background-image:url(../../../../images/assets/down-arrow.png)}
div#right h4.down a, div#right h4.down a:hover {color:#2E4591;}
div#right h4 a {padding:8px 18px 8px 8px; text-decoration:none; display:block; color:#2F2F2F; width:186px; width:160px;}
div#right h4 a:hover {color:#EBA423;}

div.rhlinks {padding:0; background:#FBFCFD; font-size:.92em;}
div.rhlinks h6 {margin:0; border-bottom: 1px solid #D5D9E9; padding:1px 10px 2px 10px;}
div.rhlinks p {line-height:1.2; margin:0 0 -1px 0; padding:6px 10px 0px 10px;}

div#right h5 {float:left; font-size:1em; margin:10px 0 0 0; background-color:#EAEDF4; background-repeat:no-repeat; background-position:left top; line-height:1.2;}
div#right h5 a {padding:10px 16px 10px 60px; color:#333; text-decoration:none; display:block; width:110px;}
div#right h5 a:hover {color:#fff;}
/* div#right h5.newsletter {background-image:url(../../../../images/assets/newsletter.png); background-color:#CBD784;} */
/* div#right h5.podcast {background-image:url(../../../../images/assets/podcast.png); background-color:#C078A2;} */
div#right h5.directory {background-image:url(../../../../images/assets/directory.png); background-color:#C078A2;}
div#right h5.centres {background-image:url(../../../../images/assets/centres.png); background-color:#F4E287;}
div#right h5.exams {background-image:url(../../../../images/assets/exams.png); background-color:#CBD784;}
div#right h5.video {background-image:url(../../../../images/assets/play.png); background-color:#BBEEFF;}
/* end right hand navigation */

/* lists of links etc in content area */
div#content div.articleintro {float:left; padding:8px 0px; margin:0 0 18px 0; border-top:1px solid #D5D9E9; border-bottom:1px solid #D5D9E9; background:#fff; width:340px;}
div#content.wide div.articleintro {width:550px;}

div#content div#PageCounter div.PageCounter {float : left; width : 99%; border : none; margin : 0px; padding : 0px;}
div#content div#PageCounter div.PageCounter hr.PageCounter {display : none;float : left; width : 100%; color: #D5D9E9; height: 1px; margin : 0px; padding : 0px;}
div#content div#PageCounter div.PageCounter input {float : none; margin:0px; padding: 0px; font-size:1em; border: 1px solid #D6DFEF; width:auto; w\idth:auto;}
div#content div#PageCounter div.PageCounter input.image {border: none;}

div.listindex {padding:0 0 0 0; margin:4px 0 10px 0; border-bottom:1px solid #D5D9E9;}
div.listindex h4 {font-size:1em; margin:0; padding:6px 0 0 0; border-top:1px solid #D5D9E9; clear:left;}
div.listindex h5 {font-size:1.1em; margin:0 0 2px 0; line-height:1.2;}

div.listindex img {float:left; margin:4px 8px 8px 0;}
/* end lists of links etc in content area */

/* have your say and comments */
div.haveyoursay {background:#F1F2F6; border-top: 1px solid #D6DFEF; border-bottom: 1px solid #D6DFEF; float:right; margin:0 0 4px 10px; padding:8px;  width:104px;}
div.haveyoursay h3 {margin:0; line-height:1.3;}
div.haveyoursay h3 span {display:block; font-size:.84em; margin:4px 0 0 0;}
div.haveyoursay h3 a:hover {text-decoration:none;}
div.comments {border-top: 1px solid #D6DFEF; border-bottom: 1px solid #D6DFEF; margin:10px 0 0 0;}
div.comment {background:#F1F2F6; padding:2px 10px; margin:0 0 14px 0;}
/* end have your say and comments */

/* microsite links */
div#microsites {float:left; font-size:.92em; background:#7D93C8; margin:0 0 8px 0; width:738px;}
div#microsites ul {float:left; list-style-type:none;}
div#microsites ul li {float:left;}
div#microsites ul li a {padding:4px 8px; text-decoration:none; display:block; color:#fff;}
div#microsites ul li a strong {display:block; text-transform:uppercase; font-size:1em; margin:0 0 -4px 0;}
div#microsites ul li a:hover {text-decoration:none; color:#F5CA7B;}

/* microsite have a declared width for cross browser purposes. Total width = 738px */
div#microsites ul li#branches {width:78px;}
div#microsites ul li#journal {width:142px; }
div#microsites ul li#standards {width:176px; }
div#microsites ul li#itc {width:154px; }
div#microsites ul li#careers {width:92px;}
div#microsites ul li#jobs {width:96px; }
/* end microsite links */

/* footer */
div#footer {float:left; font-size:.92em; color:#000; padding:0 0 0 0; margin:0 0 0 0; width:738px; }
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 {color:#000;}
/* end footer */

/* footer */
div#footer.border {border-top:1px solid #D6DFEF; padding:6px 0 0 0;}
div#footer .footerlinks {float:left; margin:0; width:328px; }
div#footer ul {float:left; list-style-type:none; white-space:nowrap; margin: 0 0 0 0; width:328px;}
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:410px;}
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;}
h2 span {font-size:.92em; text-transform:none;}
h3 {font-size:1.2em; margin:10px 0 0 0;}
h4 {font-size:1.1em; margin:1em 0 0 0;}
h5 {font-size:1em; margin:1em 0 .5em 0;}
h6 {font-size:1em; margin:0;}
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: #D6DFEF; 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;}*/
/* 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:0 0 12px 12px;}
img.leftborder, img.rightborder {border-top: 1px solid #D6DFEF; border-bottom: 1px solid #D6DFEF;}
img.border {margin:4px 0 12px 0; border: 1px solid #D6DFEF;}
img.rss {float:right; margin:10px 0 0 14px;}
/* 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 #D6DFEF; 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 #D6DFEF; background-color:#F1F2F6;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 3em;}
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 3em;}

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 */

/* NL Code to hide standard search box */
.row table table { display: none; }

/* fellows directory */
div#content div#directorylist 
{
	float :left; 
	margin : 0px;
	padding : 0px 0px 10px 0px;
	width : 540px;
	border : solid 0px red;
}


div#directorylist ul.az 
{
	list-style-type: none; 
	float : left;
	margin : 0px 0px 0px 2px; 
	padding : 0px;
	width : 540px;
}

div#directorylist li.az 
{
	list-style-type: none; 
	display: inline;
	float: left;
	border: 1px #D6DFEF solid; 
	background-image: none; 
	background-color: #F1F2F6; 
	padding : 3px 0px 3px 0px;
	margin : 0px 1px 0px 0px;
	font-size: .92em; 
	font-weight: bold; 
	text-align: center;
}

div#directorylist li.az a
{
	padding: 3px 5px 3px 5px;
	background-color: #F1F2F6; 
	color : #2C4490;
	margin : 0px;
	text-decoration : none;
}

div#directorylist li.az a:hover
{
	width: 8px; 
	padding: 3px 5px 3px 5px;
	background-color: #2C4490; 
	color : #F1F2F6;
	text-decoration : none;
}

div#directorylist fieldset ul 
{
	margin : 0px;
	padding : 0px;
}

div#directorylist fieldset li 
{
	margin : 0px;
	padding : 0px;
}

div#directorylist fieldset 
{
	margin: 10px 0px 5px 3px; 
	background-color: #fff;
	border: solid 1px #D6DFEF; 
	width : 520px; /* Sets the box width against the A-Z boxes */
	float: left;
}

div#directorylist fieldset div 
{
	clear:left;
	margin: 10px 10px 10px 5px;
	padding:0px;
}

div#directorylist label 
{
	font-size: 1.0em; 
	color: #2C4490; 
	display: block; 
	width: 100px; 
	float: left; 
	margin-top: 3px;
	padding-right : 3px;
	text-align : right;
	font-weight: bold; 
}

div#directorylist input 
{
	float: left; 
	width: 300px;
	padding : 2px; 
	margin-left: 5px;
	border: solid 1px #D6DFEF;
	font-size: 1.1em; 
	color: #000;
	cursor : default;
}

div#directorylist select 
{
	float: left; 
	width: 307px;
	padding : 2px; 
	margin-left: 5px;
	border: solid 1px #D6DFEF;
	font-size: 1.1em; 
	color: #000; 
}

div#directorylist input.button 
{
	color : #2C4490;
	background : #F1F2F6; 
	border : solid 1px #D6DFEF;
	float : right; 
	width : 60px; 
	font-size : .92em; 
	font-weight : bold;
	cursor : pointer; 
	margin : 10px 10px 4px 0px;
	padding : 1px 3px 3px 3px; 
}

div#directorylist table 
{
	margin : 10px 0px 5px 3px; 
	width : 538px; /* Sets the box width against the A-Z boxes */
	float: left;
}

div#directorylist th 
{
	font-size: 1.1em; 
	color: #000; 
	font-weight: bold; 
	background-color: #fff; 
	padding: 3px 0px 3px 2px; 
	border-right: 1px #fff solid; 
	border-bottom: 1px solid #ddd;
	text-align : left;
}

div#directorylist tr 
{
	padding: 3px 3px 3px 5px; 
}

div#directorylist tr.white 
{
	background-color : #fff;
}

div#directorylist tr.purple 
{
	background-color : #F7F6FE;
}

div#directorylist td.label 
{
	font-weight: bold; 
	width: 140px;
}

div#directorylist td.label_border
{
	font-weight: bold;
	border-right : solid 1px  #ddd;
	vertical-align : top;
	width: 120px;
}

div#directorylist td.photo {border-bottom: none; width: 150px; }
div#directorylist td.spacer {border-bottom: none; }

div#directorylist td {border-bottom: 1px solid #ddd; font-size: 1.1em; padding : 3px 2px 3px 10px;}

table.dgResults {
	padding : 5px;
	width : 530px;
	float: left;
}

/*---------------------------- Events calendar ----------------------------------*/

div#eventHolder {
	width : 550px;
	float : left;
	padding : 0px;
	margin : 0px;
}

div#monthHolder {
	background-color : #fff;
	padding : 0px;
	margin : 0px;
	float : left;
	width : 100%;
}

div#month {
	width : 100%;
	float : left;
	padding : 0px;
	margin : 0px;
}

div#month ul {
	float : left;
	padding : 0px;
	margin : 0px;
	width : 100%;
}

div#month li {
	text-align : center;
	list-style-type : none;
	list-style-position : outside;
	width : 19%;
	display : inline;
	float : left;
	background-color: #f5f5f5;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 5px #ccc;
	border-bottom : solid 1px #666666;
	padding : 5px 0px 5px 0px;
	margin : 0px;
}

div#month a {
	color: #999999;
	font-size : 11px;
	font-weight: bold;
	text-decoration: none;
}

div#month a:hover {
	color: #666666;
	font-size : 11px;
	font-weight: bold;
	text-decoration: none;
}

div#month .Jan {
	border-top: solid 5px #B0C8DF;
}

div#month .Feb {
	border-top: solid 5px #CDDBE9;
}

div#month .Mar {
	border-top: solid 5px #00549F;
}

div#month .Apr {
	border-top: solid 5px #266DAD;
}

div#month .May {
	border-top: solid 5px #578EBE;
}

div#month .Jun {
	border-top: solid 5px #B0C8DF;
}

div#month .Jul {
	border-top: solid 5px #CDDBE9;
}

div#month .Aug {
	border-top: solid 5px #E8ECF3;
}

div#month .Sep {
	border-top: solid 5px #F1F2F6;
}

div#month .Oct {
	border-top: solid 5px #00549F;
}

div#month .Nov {
	border-top: solid 5px #266DAD;
}

div#month .Dec {
	border-top: solid 5px #578EBE;
}

div#month .select {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #666666;
	border-bottom : solid 1px #fff;
	float : left;
	padding : 5px 0px 5px 0px;
	margin : 0px 0px 0px 0px;
}

div#month .selectJan {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #B0C8DF;
	border-bottom : solid 1px #fff;
}

div#month .selectFeb {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #CDDBE9;
	border-bottom : solid 1px #fff;
}

div#month .selectMar {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #00549F;
	border-bottom : solid 1px #fff;
}

div#month .selectApr {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #266DAD;
	border-bottom : solid 1px #fff;
}

div#month .selectMay {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #578EBE;
	border-bottom : solid 1px #fff;
}

div#month .selectJun {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #B0C8DF;
	border-bottom : solid 1px #fff;
}

div#month .selectJul {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #CDDBE9;
	border-bottom : solid 1px #fff;
}

div#month .selectAug {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #E8ECF3;
	border-bottom : solid 1px #fff;
}

div#month .selectSep {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #F1F2F6;
	border-bottom : solid 1px #fff;
}

div#month .selectOct {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #00549F;
	border-bottom : solid 1px #fff;
}

div#month .selectNov {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #266DAD;
	border-bottom : solid 1px #fff;
}

div#month .selectDec {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color : #fff;
	border-left: solid 1px #666666;
	border-right: solid 1px #999999;
	border-top: solid 5px #578EBE;
	border-bottom : solid 1px #fff;
}

div#eventlist {
	width : 95%;
	float : left;
	border-left : solid 1px #666666;
	border-right : solid 1px #666666;
	border-bottom : solid 1px #666666;
	margin: -1px 0px 0px 0px;
	padding: 5px;
}

div#eventlist ul {
	width : 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow : hidden;
}

div#eventlist li {
	list-style-type: none;
	list-style-position: outside;
	float : left;
	margin: 2px 0px 2px 0px;
	padding : 5px;
}

div#eventlist li.colour1 {
	background-color : #F7F8FA;
	padding : 10px;
}

div#eventlist li.colour2 {
	background-color : #ffffff;
	padding : 10px;
}

div#eventlist li a {
	margin: 0px 0px 0px 0px;
}

div#eventlist .event_booking_title {
	color: #004C98;
	background-color : #F1F2F6;
	font-size : 0.9em;
	font-weight: bold;
	text-decoration: none;
	float : right;
	border: 1px solid #D6DFEF;
	padding : 2px 6px 2px 6px;
	margin : 0px 12px 0px 0px;
}

div#eventlist a.event_booking_title {
	color: #004C98;
	background-color : #F1F2F6;
	font-size : 0.9em;
	font-weight: bold;
	text-decoration: none;
	float : right;
	border: 1px solid #D6DFEF;
	padding : 2px 6px 2px 6px;
	margin : 0px 12px 0px 0px;
}

div#eventlist a:hover.event_booking_title {
	color: #F1F2F6;
	background-color : #004C98;
	font-size : 0.9em;
	font-weight: bold;
	text-decoration: none;
	float : right;
	border: 1px solid #D6DFEF;
	padding : 2px 6px 2px 6px;
	margin : 0px 12px 0px 0px;
}

div#eventDetail {
	width : 520px;
	float : left;
	margin: 0px;
	padding: 10px 15px 10px 15px;
		/* new */
	background-color : #F1F2F6;
	border : solid 0px red;
	width : 520px;
}

div#eventDetail ul {
	width : 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow : hidden;
}

div#eventDetail li {
	list-style-type: none;
	list-style-position: outside;
	float : left;
	margin: 2px 0px 2px 0px;
	padding : 5px;
}

div#eventDetail hr {
	margin : 0px;
}

div#eventHeading {
	float : left;
	width : 504px;
	margin : 10px 0px 0px 0px;
	padding : 3px 8px 3px 8px;
	background : #7D93C8;
	font-weight : bold; 
	font-size : 1.2em; 
	color : #fff;
	}

div#eventDetail fieldset {
	float : left;
	width : 498px;
	border : solid 1px #D6DFEF;
	background-color : #fff;
	margin : 0px;
	padding : 10px;
}

div#eventDetail fieldset div#formrow {
	float : left;
	width : 498px;
	margin : 2px 0px 2px 0px;
	padding : 0px;
}

div#eventDetail fieldset div#formrow.colour2 {
	background-color : #F4F5F9;
}

div#eventDetail fieldset div#formrow.colour1 {
	background-color : #fff;
}

div#eventDetail fieldset div#formrow label {
	float : left;
	width : 130px;
	margin : 0px 5px 0px 0px;
	padding : 0px;
	text-align : right;
	vertical-align : top;
	font-weight : bold;
}

div#eventDetail fieldset div#formrow p {
	float : left;
	width : 360px;
	margin : 0px;
	padding : 0px;
}

div#eventSearch {
	width : 540px;
	float : left;
	margin: 0px;
	padding: 5px;
}

div#eventSearch table, div#eventSearch table tr, div#eventSearch table tr td {
	border : none;
}

div#eventSearch .buttonSearch {
	float:left; 
	margin:0 16px 0 8px; 
	padding:0; 
	border:none; 
	width:50px; 
	height:22px; 
	cursor:pointer; 
	font-size:.92em; 
	font-weight:bold;
	background:#F1F2F6; 
	color:#004C98;
	border: 1px solid #D6DFEF;
}

div#content .buttonLogon {
	float:right; 
	margin:0 16px 0 8px; 
	padding:0; 
	border:none; 
	width:40px; 
	height:22px; 
	cursor:pointer; 
	font-size:.92em; 
	font-weight:bold;
	background:#F1F2F6; 
	color:#004C98;
	border: 1px solid #D6DFEF;
}

div#map input
{ 
	color : #000;
	border : solid 1px #D6DFEF;
	width : 180px; 
	font-size : .92em; 
	margin : 0px;
	padding : 0px; 
}
div#map input.gsc-search-button
{
	color : #2C4490;
	background : #F1F2F6; 
	border : solid 1px #D6DFEF;
	float : right; 
	width : 60px; 
	font-size : .92em; 
	font-weight : bold;
	cursor : pointer; 
	margin : 0px;
	padding : 0px; 
}



.invisi {display:none;}
.logo { width:100; height:80; display:block; float:right; border:none; clear:right;}
.loginsystem { width:100; display:block; float:right; padding:2px 0px 2px 0px;border:none;}


.stackRight {min-height:300px;}
#footerEdit {width:738px; min-height:40px;  float:left; margin:5px 0px 0px 0px;  }
* html #footerEdit {width:738px; height:40px;  float:none; margin:5px 0px 5px 0px; }
*+html #footerEdit {width:738px; min-height:40px;   float:left; margin:5px 0px 5px 0px; }

* html div#contentarea {
float:left;
margin:0 0 18px;
padding:0;
width:738px}

*+html div#contentarea {
float:left;
margin:0 0 18px;
padding:0;
width:738px}

div#contentholder { float:left;}
/*.
.yellowBox {background-image:url(../../../../images/assets/yellowBox.png); background-repeat:no-repeat; width:174px; min-height:50px; float:left;}
.yellowBox  {float:left;  margin:10px 0 0 0px;   background-position:left top; line-height:1.2;}
.yellowBox  a { color:#333; text-decoration:none; }
.yellowBox a:hover {color:#fff;}


.greenBox {background-image:url(../../../../images/assets/greenBox.png);  background-repeat:no-repeat; width:174px; min-height:50px; float:left}
.greenBox   {float:left; margin:10px 0 0 0;  background-position:left top; line-height:1.2;}
.greenBox  a { color:#333; text-decoration:none; }
.greenBox  a:hover {color:#fff;}


.pinkBox {background-image:url(../../../../images/assets/pinkBox.png);  background-repeat:no-repeat ;  width:174px; min-height:50px; float:left}
.pinkBox  {float:left;  margin:10px 0 0 0;  background-position:left top; line-height:1.2;}
.pinkBox a {color:#333; text-decoration:none; }
.pinkBox a:hover {color:#fff;}
*/

.yellowBoxText   {float:left; font-size:1em; padding:5px 6px 5px 60px;  background-position:left top; line-height:1.2;}


.greenBoxText   {float:left; font-size:1em; padding:5px 6px 5px 60px;  background-position:left top; line-height:1.2;}


.pinkBoxText   {float:left; font-size:1em; padding:5px 6px 5px 60px;   background-position:left top; line-height:1.2;}

div.rhpanelHome {float:left; padding:8px 0px 10px 0px; margin:0 0 12px 0;  min-height:233px; background:#FEC233; width:185px; w\idth:185px; }

div.rhpanelHome h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
div.rhpanelHome p {line-height:1.3; margin:0; font-size:.92em;}
div.rhpanelHome ul {font-size:.92em; margin:0; list-style-type:none;}
div.rhpanelHome ul li {text-decoration:none; line-height:1.1; margin:0;}
div.rhpanelHome ul li a {padding:4px 0;display:block; width:120px;}
div.rhpanelhome ul li a:hover {}

ound:
/* sub page rh panels */
.rhpanel {}

div.rhpanel {float:left; padding:8px 0px 10px 0px; margin:0 0 12px 0; min-height:220px; width:185px; w\idth:185px; }

div.rhpanel h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
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:120px;}
div.rhpanel ul li a:hover {}
div.rhbanner {float:left; padding:24px 8px; margin:0 0 12px 0; border:1px solid #003399; width:173px; w\idth:173px; text-align:center;}
div.rhbanner2 {float:right;}
div.rhbanner3 {float:right; margin:0 0 0 16px;}
/* end sub page rh panels */


div.yellowBox  {float:left; height:40px; padding:8px 8px 10px 58px; margin:0 0 12px 0; background:url(../../../../images/assets/yellowBox.png) #FEEFD0; background-repeat:repeat-y;  width:120px; w\idth:120px;}

div.yellowBox  h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
div.yellowBox  p {line-height:1.3; margin:0; font-size:.92em; background-image:none !important;}
div.yellowBox  ul {font-size:.92em; margin:0; list-style-type:none;}
div.yellowBox  ul li {text-decoration:none; line-height:1.1; margin:0;}
div.yellowBox  ul li a {padding:4px 0;display:block; width:120px;}
div.yellowBox  ul li a:hover {}

 
div.greenBox  {float:left; height:40px; padding:8px 8px 10px 58px; margin:0 0 12px 0; background:url(../../../../images/assets/greenBox.png) #EBF5CC; background-repeat:repeat-y;  width:120px; w\idth:120px;}

div.greenBox  h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
div.greenBox  p {line-height:1.3; margin:0; font-size:.92em; background-image:none !important;}
div.greenBox  ul {font-size:.92em; margin:0; list-style-type:none;}
div.greenBox  ul li {text-decoration:none; line-height:1.1; margin:0;}
div.greenBox  ul li a {padding:4px 0;display:block; width:120px;}
div.greenBox  ul li a:hover {}

div.pinkBox  {float:left; height:40px; padding:8px 8px 10px 58px; margin:0 0 12px 0; background:url(../../../../images/assets/pinkBox.png) #F5CCE0; background-repeat:repeat-y;  width:120px; w\idth:120px;}

div.pinkBox  h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
div.pinkBox  p {line-height:1.3; margin:0; font-size:.92em; background-image:none !important;}
div.pinkBox  ul {font-size:.92em; margin:0; list-style-type:none;}
div.pinkBox  ul li {text-decoration:none; line-height:1.1; margin:0;}
div.pinkBox  ul li a {padding:4px 0;display:block; width:120px;}
div.pinkBox  ul li a:hover {}

#searchBox input  {height:12px; padding:0px; margin:0px;}

#banner {display:block; width:563px; height:80px; float:right; background:url(../../../../images/header/bannerDiary.png) right no-repeat; }

#bannerEdit {display:block; width:563px; min-height:20px; float:left; font-size:33px; font-family:Arial Narrow;}

#bannerImage {display:block; width:563px; height:50px; float:left; background:url(../../../../images/templates/ilex-pageblueWide.png) 0px 40px no-repeat; font-size:33px; font-family:Arial Narrow;}


#bannerImageLarge {display:block; width:563px; height:87px; float:left; background:url(../../../../images/templates/ilex-pagediaryWide.png) bottom no-repeat; font-size:33px; font-family:Arial Narrow;}



div.rhpanelTwo {float:right; padding:8px 0px 10px 0px; margin:0 0 12px 0; width:185px;  border-top:solid 8px #003399; border-bottom:solid 2px #003399;}
#contentStandardWide {float:left; width:563px; min-height:400px;}


/* secondary navigation - rules for when nav is marked up correctly */
div#subnavJournal {width:155px; font-weight:bold; margin:0 0 0 0;}
div#subnavJournal ul {list-style-type:none; margin:0 0 12px 0; background:#F1F2F6; border-top: 1px solid #D6DFEF;}
div#subnavJournal ul li {line-height:normal; padding:0; font-size:.92em; margin:0; border-bottom:1px solid #D6DFEF;}
div#subnavJournal ul li a {padding:10px 8px 10px 8px; text-decoration:none;  border:none;  display:block; width:170px; w\idth:134px; }

div#subnavJournal ul ul {font-size:1.1em; background:#fff; padding:0;   border:none;  text-transform:none; margin:0 0 0 0;}
div#subnavJournal ul ul li { border:none;}
div#subnavJournal ul ul li a {padding:5px 8px 5px 14px; border:none; width:155px; w\idth:134px; } 

div#subnavJournal ul ul ul {font-size:1em; background-color:#fff; padding:3px 0 3px 0; margin:0 0 -1px 0; border-bottom:none;  background:url(../../../../images/assets/orange-bullet.png) no-repeat;	background-position: 20px 0.7em;}
div#subnavJournal ul ul ul ul {font-size:1em; background-color:#fff; padding:3px 0 3px 0; margin:0 0 -1px 0; border-bottom:none; background:url(../../../../images/assets/line_small.png) no-repeat;	background-position: 20px 0.7em;}




* html div#subnavJournal ul ul ul {margin-bottom:0;}
*:first-child+html div#subnavJournal ul ul ul {margin-bottom:0;}

div#subnavJournal ul ul ul li a {padding:2px 8px 3px 30px; border-top: none; width:155px; w\idth:102px;}


div#subnavJournal ul li.active ul li a {color:#2C4490; background:none; border:none;}
div#subnavJournal ul li.active ul li a:hover {color:#EBA423;}
div#subnavJournal ul li.active ul li.active a {color:#EBA423; border:none;}
div#subnavJournal ul li.active ul li.active ul li a {color:#2C4490; border:none; background:none;}
div#subnavJournal ul li.active ul li.active ul li a:hover {color:#EBA423;}
div#subnavJournal ul li.active ul li.active ul li.active a {color:#EBA423;}

/* additional rules in case active class isn't given to parent 
div#subnavJournal ul li ul li.active a {color:#EBA423; border-top: 1px solid #BCBABA; padding-bottom:8px; background:none;}
div#subnavJournal ul li ul li.active ul li a {color:#2C4490; padding-bottom:4px; border-top:none; background:none;}
div#subnavJournal ul li ul li ul li a:hover {color:#EBA423;}
div#subnavJournal ul li ul li ul li.active a {color:#EBA423; padding-bottom:2px; border-top:none;}
/* end secondary navigation 

div#subnavJournal ul li.active a {color:#EBA423; background:url(../../../../images/assets/orange_square_small.png) no-repeat;	background-position:0 0.8em;}
* html div#subnavJournal ul li.active a {color:#EBA423; background:url(../../../../images/assets/orange_square_small.png) no-repeat;	background-position:0 0.6em;}

*/

.Subscribe { font-weight:bold;}








/* sub page rh panels */
div.rhpanelsub {float:left; padding:8px 8px 10px 8px; margin:0 0 12px 0; border-top:1px solid #D5D9E9; border-bottom:1px solid #D5D9E9; background:#F1F2F6; width:186px; w\idth:170px;}
div.rhpanelsub img {float:left; margin:0 10px 0 0;}
div.rhpanelsub h3 {margin:0 0 8px 0; line-height:1.1; font-size:1em;}
div.rhpanelsub p {line-height:1.3; margin:0; font-size:.92em;}
div.rhpanelsub ul {font-size:.92em; margin:0; list-style-type:none;}
div.rhpanelsub ul li {text-decoration:none; line-height:1.1; margin:0;}
div.rhpanelsub ul li a {padding:4px 0;display:block; width:170px;}
div.rhpanelsub ul li a:hover {}


.horizontalrule {border-bottom: solid 1px; color: #D5D9E9; float: left; width: 100%; }