body { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }


#AdminPanel {visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}



#flash { visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}
#flashInner { visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}

#content {width:100%; }





#BreadCrumbs {background-color:#ffffff; padding:10px;}

p.BreadCrumbsText {font-size:0.70em; font-family:Arial; color:#000000; font-weight:bold;}
.BreadCrumbsText a:link {font-family:Arial; color:#000000; text-decoration:underline;}
.BreadCrumbsText a:visited {font-family:Arial; color:#000000; text-decoration:underline;}
.BreadCrumbsText a:hover {font-family:Arial; color:#000000; text-decoration:underline;}



.Links {background-color:#eaf0f2; padding:8px 20px 3px 20px; border:1px solid #d3d3d3; margin-bottom:5px;}

p.LinksText {font-size:0.70em; font-family:Arial; color:#1c5066; margin: 0px 0px 5px 0px; text-align:left;}
.LinksText a:link {font-family:Arial; font-size:1.1em; color:#1c5066; text-decoration:underline; font-weight:bold;}
.LinksText a:visited {font-family:Arial; font-size:1.1em; color:#1c5066; text-decoration:underline; font-weight:bold;}
.LinksText a:hover {font-family:Arial; font-size:1.1em; color:#5dccfb; text-decoration:underline; font-weight:bold;}


p.HomeNewsText {font-size:0.75em; font-family:Arial; color:#1c5066; margin: 0px 0px 0px 5px; text-align:left;}
.HomeNewsText a:link {font-family:Arial;  color:#1c5066; text-decoration:underline; font-weight:bold;}
.HomeNewsText a:visited {font-family:Arial; color:#1c5066; text-decoration:underline; font-weight:bold;}
.HomeNewsText a:hover {font-family:Arial; color:#5dccfb; text-decoration:underline; font-weight:bold;}

.HomeNewsIcon {padding-left:3px; padding-right:5px;}


.Profiles {background-color:#eaf0f2; padding:8px 20px 3px 20px; border:1px solid #d3d3d3; margin-bottom:5px;}
.Profiles:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.Profiles {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html .Profiles {height: 1%;} 
.Profiles {display: block;} 
/* End hide from IE-mac */

.ProfilesInnerTop {padding:0px 0px 10px 0px;}
.ProfilesInnerTop:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.ProfilesInnerTop {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html .ProfilesInnerTop {height: 1%;} 
.ProfilesInnerTop {display: block;} 
/* End hide from IE-mac */

.ProfileImage {border:3px solid #1c5066; margin-right:20px;}

p {font-size: 0.75em; margin:0px 0px 10px 0px; }
h1 { color: #000000; font-size: 1.4em; padding:0px 0px 10px 0px;}
h2 { font-size: 1em; color: #000000; margin:0px 0px 10px 0px; }
h3 { color: #000000; font-size: 0.9em; margin:0px 0px 10px 0px; }
h4 { font-size: 0.8em; color: #000000; }
h5 { font-size: 0.7em; color: #000000; }
h6 { font-size: 0.65em; color: #000000; }

#content ul {font-size:0.85em; color:#000000; margin: 0px 0px 20px 20px;}
#content li {font-size:0.85em; color:#000000; margin: 0px 0px 2px 20px;}


#PublicationsLeft {float:left; width:680px;}

#PublicationsRight {float:right; width:150px; }


.dividerLine {width:100%; height:1px; background-color:#1c5066;}



#header #logo { height: 111px; width: 88px; padding-top: 13px; padding-left: 40px; }
#header #topLinks { float: right; padding-top: 20px; padding-right: 20px; }
#header #searchBar {visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}
#searchBar .searchArea input { height: 28px; float: left; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #1C5066; border-right-color: #1C5066; border-bottom-color: #1C5066; margin-right: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; }
#searchBar .searchArea img { float: left; }

#footer { visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}
a { color: #1C5066; text-decoration: underline; }
a:hover { color: #0099CC; }
#footer a { color: #FFFFFF; text-decoration: none; }

#subscribe .textfield { border: 1px solid #1C5066; width: 250px; height: 30px; }
#subscribe label { padding-bottom: 10px; }


#nav  span { display: none; }

/* Normal State buttons */
a.btn1 { background-image: url(../images/btn-home.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 34px; width: 64px; float: left; padding-right: 10px; margin-left: 1px; }
a.btn2 { background-image: url(../images/btn-about.jpg); display: block; height: 34px; width: 75px; float: left; background-repeat: no-repeat; background-position: 0px 0px; padding-right: 12px; }
a.btn3 { display: block; height: 34px; width: 92px; float: left; background-image: url(../images/btn-governance.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-right: 11px; }
a.btn4 { background-image: url(../images/btn-strategy.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; float: left; height: 34px; width: 153px; padding-right: 11px; }
a.btn5 { display: block; background-image: url(../images/our-publications.jpg); background-repeat: no-repeat; background-position: 0px 0px; float: left; height: 34px; width: 119px; padding-right: 11px; }
a.btn6 { display: block; height: 34px; background-image: url(../images/btn-news.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 107px; float: left; padding-right: 11px; }
a.btn7 { background-image: url(../images/btn-partners.jpg); background-repeat: no-repeat; background-position: 0px 0px; float: left; height: 34px; width: 99px; display: block; padding-right: 11px; }
a.btn8 { background-image: url(../images/btn-faq.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; float: left; height: 34px; width: 53px; padding-right: 11px; }
a.btn9 { background-image: url(../images/btn-contact.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; float: left; height: 34px; width: 75px; padding: 0px; }


/* Hover State buttons */
a.btn1:hover { background-image: url(../images/btn-home.jpg); background-repeat: no-repeat; background-position: 0px -34px; display: block; height: 34px; width: 64px; float: left; padding-right: 10px; }
a.btn2:hover { background-image: url(../images/btn-about.jpg); display: block; height: 34px; width: 75px; float: left; background-repeat: no-repeat; background-position: 0px -34px; padding-right: 12px; }
a.btn3:hover { display: block; height: 34px; width: 92px; float: left; background-image: url(../images/btn-governance.jpg); background-repeat: no-repeat; background-position: 0px -34px; padding-right: 11px; }
a.btn4:hover { background-image: url(../images/btn-strategy.jpg); background-repeat: no-repeat; background-position: 0px -34px; display: block; float: left; height: 34px; width: 153px; padding-right: 11px; }
a.btn5:hover{ display: block; background-image: url(../images/our-publications.jpg); background-repeat: no-repeat; background-position: 0px -34px; float: left; height: 34px; width: 119px; padding-right: 11px; }
a.btn6:hover { display: block; height: 34px; background-image: url(../images/btn-news.jpg); background-repeat: no-repeat; background-position: 0px -34px; width: 107px; float: left; padding-right: 11px; }
a.btn7:hover { background-image: url(../images/btn-partners.jpg); background-repeat: no-repeat; background-position: 0px -34px; float: left; height: 34px; width: 99px; display: block; padding-right: 11px; }
a.btn8:hover { background-image: url(../images/btn-faq.jpg); background-repeat: no-repeat; background-position: 0px -34px; display: block; float: left; height: 34px; width: 53px; padding-right: 11px; }
a.btn9:hover { background-image: url(../images/btn-contact.jpg); background-repeat: no-repeat; background-position: 0px -34px; display: block; float: left; height: 34px; width: 75px; padding: 0px; }



.plainBox { background-color: #FFFFFF; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #1C5066; margin-bottom: 20px; }
.newsBoxHome { background-color: #FFFFFF; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #1C5066; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#subscribe .checkBoxArea { font-size: 0.75em; float: right; width: 160px; }

.homeNewsImage {padding: 0px 10px 10px 0px;}

#wrapper { width: 100%; margin-right: auto; margin-left: auto; margin-top: 20px; }
#header {}
#nav { visibility:hidden; position:absolute; bottom:0px; left:0px; overflow:hidden;}
.blueBox { background-color: #a7cad7; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #1C5066; margin-bottom: 20px; }
.clear { clear: both; }
.picturePadding10px { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }



.whiteBox { border: 1px solid #1C5066; padding: 10px; margin-bottom: 20px; }
.whiteBox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.whiteBox {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html .whiteBox {height: 1%;} 
.whiteBox {display: block;} 
/* End hide from IE-mac */




.header-left h2, .header-right h2 { font-size: 1em; color: #FFFFFF; }

.horizontalLine { background-color: #1C5066; height: 5px; }
.hepDrkColour { color: #1C5066; }
.newsLineHome {  float: left; width: 460px; padding-top: 8px; padding-bottom: 5px; padding-right: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #1C5066; }
.publicationsLineHome {float: left;  position:relative; width: 100%; padding-top: 8px; padding-bottom: 5px; padding-right: 5px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #1C5066; }
.plainBox .boxContentNews { padding-top: 10px; }



.eventsLeft {float:left; width:80px;}
.eventsRight {float:right; width:345px;}






#rightContent { float: right; width: 455px; padding-top:15px;}
#leftContent { float: left; width: 465px; padding-top:15px;}
.header-left { height: 24px; width: 425px; background-image: url(../images/header-left-top.jpg); padding-top: 5px; padding-right: 20px; padding-left: 20px; }
.header-right { background-image: url(../images/header-right-top.jpg); background-repeat: no-repeat; background-position: left top; height: 24px; width: 416px; padding-right: 20px; padding-left: 20px; padding-top: 5px; }
.boxContent { padding: 10px; }






/* FORM STYLING */

fieldset        {border:0px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:300px;}
input,
select,
textarea        {border:1px solid #ccc;padding:5px;margin:0px 0px 0 0;}
input:focus,
textarea:focus  {background:#d7e3f2;}
textarea        {font-size:0.75em; font-family:Arial; width:250px; }
label           {display:block; margin:12px 0 0; font-weight:700; font-size:0.75em; font-family:Arial; float:left; clear:left; width:130px;}
label:after     {content:": ";}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}


/* TEXT BOXES */



.nostyle {margin-left:0px; margin-top:0px; clear:none; margin-right:10px;}
.checkbox {border:0px; width:20px; margin-right:0px;}
.radio {border:0px; width:20px; margin-right:0px;}
.smallbox {width:100px; margin-right:0px;}
.extrasmallbox {width:70px; margin-right:0px;}
.searchdropdown {width:200px;}




/* contact form */
div.admin-form {
	font-size:0.75em; padding:30px 0px 30px 0px;
	}
	div.admin-form dl {  }
	div.admin-form dt { float:left; width:130px; line-height:26px; }
	div.admin-form dd { padding:0px 0px 20px 0px; }
	
	
	
	
	
	
	
	
	
	
	
	
.tableHead {border-bottom:1px solid #1c5066; border-right:1px solid #1c5066; border-top:0px solid #1c5066; border-left:0px solid #1c5066; padding:3px; background:#1c5066;}

p.tableHeadText {padding: 0px 0px 0px 0px; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
p.tableHeadText a:link {color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.tableHeadText a:visited {color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.tableHeadText a:hover {color:#000000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}


.tableCell {border-bottom:1px solid #a7cad7; border-right:1px solid #a7cad7; border-top:0px solid #a7cad7; border-left:0px solid #a7cad7; padding:3px; background:#f0eeee;}

p.tableCellText {padding: 0px 0px 0px 0px; font-size:0.65em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
p.tableCellText a:link {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.tableCellText a:visited {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.tableCellText a:hover {color:#a7cad7; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}


.tableCellWeekend {border-bottom:1px solid #a7cad7; border-right:1px solid #a7cad7; border-top:0px solid #a7cad7; border-left:0px solid #a7cad7; padding:3px; background:#ffffff;}


.eventCell {border-bottom:1px solid #a7cad7; border-right:1px solid #a7cad7; border-top:0px solid #a7cad7; border-left:0px solid #a7cad7; padding:3px; background:#a7cad7;}

p.eventCellText {padding: 0px 0px 0px 0px; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; color:#000000; margin:0px; font-weight:bold;}
p.eventCellText a:link {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.eventCellText a:visited {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
p.eventCellText a:hover {color:#ffffff; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}