@charset "UTF-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.166;	
	margin:0;
	padding:0;
	font-size:70%;
	background: url(../images/bk.gif) 50% 0 no-repeat;
	background-color:#FFF;
	height:100%; 
}


.fontsize .textview {display:none;padding:0; margin:0; border-color:#875b40;}

img {
border:0;
float:left;

}


a:link, a:visited, a:active {
	text-decoration: underline;
	color:#221f73;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	}
	
img{
	border:none;
	}
	
strong { font-weight: bold; color:#221f73; }

	
	
ul {
    list-style:none; 
margin:10px 0; 
padding:0;
	}


li {
   font-size:1em;
 border-bottom: 1px solid #e3e2ee;
 margin:0; 
 padding:5px 2px; 
 line-height:1.4;
	}
	
	
	
h1{
	color:#221f73;
	font-size:1.5em;
	font-weight:bold;
	}
	
	
h2{
	color:#7570ab;
	font-size:1.1em;
border-top: 1px solid #D7D6D5;
	 clear:both;
	 padding-top:10px;
	}
	
h2 a:link{
	color:#7570ab;
	font-size:1.1em;
	 border-top: 1px solid #D7D6D5;
	 clear:both;
	}
	
h2:target, h2.sftarget {
	color:#FFF;
	background: url(../images/accessbk.gif) 0 0 repeat-x;
	padding:10px;
}
	
h3{
	color:#221f73;
	font-size:1em;
	font-weight:bold;
	}
	
h4{
	color:#333;
	font-size:1em;
	font-weight:lighter;
	}
	
h5{
	color:#222;
	font-size:0.9em;
	font-weight:bold;
	}

#wrapper {
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	background-color:#FFFFFF;
	position: relative;
	background: url(../images/swoosh.gif) bottom left no-repeat;
	}
	
#header {
	width:950px;
	height:110px;
	padding: 0;
	float:left;
	display:inline;
	background: url(../images/header.jpg) 0 0 no-repeat;
	}
	
#breadcrumb {
	width:710px;
	height:30px;
	float:left;
	display:inline;
	background: url(../images/crumbbk.gif) 0 0 no-repeat;
	list-style-type:none;
	}
	
#breadcrumb li {
	float:left;
	line-height:25px;
	color:#777;
	padding-left:15px;
	 border-bottom: none;
	}	
	
	


	
#breadcrumb li a {
	background:url(../images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 10px 0 0;
	}
	
#breadcrumb li a:link,  
#breadcrumb li a:visited,  
#breadcrumb li a:active, 
#breadcrumb li a:hover{
	color:#221f73;
	font-size:1em;
	font-weight:bold;
	text-decoration: underline;
	
	}
	
	
	
	
#navContainer {
	width:220px;
	height:auto;
	padding: 0;
	color:#b699be;
	float:left;
	display:inline;
	 position: relative;
 	 z-index: 999;
	
	}
	
	
	
	
#access {
	width:950px;
	height:45px;
	line-height:45px;
	padding: 0;
	background: url(../images/accessbk.gif) 0 0 repeat-x;
	text-align:left;
	color:#EFEFEF;
	float:left;
	display:inline;
	margin-bottom:2px;
	}
	
#access	a:link, #access a:visited, #access a:active {
color:#FFF;
text-decoration:none;

}
	
	
#access .tag {
	width:auto;
	height:45px;
	line-height:45px;
	padding: 0 1em;
	float:left;
	display:inline;
	color:#e3e2ee;
	font-size:1.1em;
	font-weight:lighter;
	}
	
	

	
#access .search {
	width:auto;
	height:45px;
	line-height:45px;
	padding: 0;
	float:left;
	display:inline;

	}
	
#access .options {
	width:auto;
	height:45px;
	line-height:45px;
	padding: 0;
	float:left;
	display:inline;
	}
	
	
	
	
.fontsize a:link, .fontsize a:visited, .fontsize a:active {
	width:auto;
	height:15px;
	line-height:15px;
	border:1px solid #e3e2ee;
	padding: 4px;
	float:left;
	display:inline;
	margin: 10px 2px;
	font-size:1em;
	color:#FFFFFF;		
	}
	
.fontsize  a:hover {
background-color: #e3e2ee;
color:#221f73;	
	}

.fontsize2 {
	font-size:1.4em;
	color:#FFFFFF;		
	}
	
	
.fontsize3 {
	font-size:1.8em;
	color:#FFFFFF;	
	}
	
	
.fontsize4 {
	font-size:1em;
	color:#FFFFFF;	
	width:auto;
}
	
	

	
#ContentLeft {
	width:180px;
	height:auto;
	padding: 0;
	float:left;
	display:inline;
	background: url(../images/dropleft.gif) 0 0 repeat-y;
	padding-left: 5px;
	}
	
#ContentRight {
	width:180px;
	height:auto;
	padding-right: 5px;
	float:left;
	display:inline;
	}
		
#ContentMain {
	width:330px;
	height:auto;
	padding: 0px 15px;
	float:left;
	display:inline;
	}
	
#feature {
	width:330px;
	height:250px;
	padding: 0 0 0 0;
	float:left;
	display:inline;
	margin-bottom:3px;
	clear:both;
	}
	
 
 
  #footer {
	width:950px;
	height:45px;
	line-height:45px;
	padding: 0;
	float:left;
	display:inline;
	background: url(../images/footer.gif) 0 0 repeat-x;
	text-align:center;
	color:#EFEFEF;
	font-size:0.9em;
	margin-top:1px;
	clear:both;
 }
 
 #footer a:link,  #footer a:visited,  #footer a:active{
color:#FFF;

	 }
	 
	 
	  #footer a:hover{
	  text-decoration:underline;	
	 }
	 
	 
  #copyright {
	width:950px;
	height:auto;
	padding-top: 20px;
	float:left;
	display:inline;
	text-align:center;
	color:#666;
	font-size:0.85em;
	margin-top:1px;
 }
 
 
.Quicklink {
	width:180px;
	height:auto;
	padding: 0;
	margin:2px 3px 15px 3px;
	float:left;
	display:inline;
	border:1px solid #CCCCCC;
	}
	
.Quicklink .header a:link,  .Quicklink .header a:visited,  .Quicklink .header a:active{
	width:180px;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding: 0;
	float:left;
	display:inline;
	background: url(../images/redlink.gif) 0 0 no-repeat;
	text-align:center;
	font-size:1.1em;
	text-decoration:none;
	
	}
	
.Quicklink .header a:hover{
		color:#221f73;
		background: url(../images/redlinkON.gif) 0 0 no-repeat;
		text-decoration:none;
	}
 
 
.Quicklink .banner {
	width:176px;
	height:14px;
	margin-top:-26px;
	padding:2px;
	float:left;
	display:inline;
	color:#d1cfe4;
	text-align:center;
	font-weight:500;
	background-color:#221f73;
	z-index:15;
	}
	
.Quicklink .text {
	width:175px;
	height:auto;
	padding:5px 2px;
	float:left;
	display:inline;
	color:#221f73;
	text-align:center;
	background-color:#FFF;
	}
	

 

 

	 
	 
 
 .FLTleft { 
  float:left;
  
   }
   
   .FLTright { 
  float:right;

  
   }

	
	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


input {
 background-color: #EFEFEF;
 border:2px solid #221f73;
color:#221f73;
  margin:2px;
  padding:5px;
  font-weight:bold;
}


textarea {
	 background-color: #EFEFEF;
 border:2px solid #221f73;
color:#221f73;
  margin:2px;
  padding:5px;
  font-weight:bold;
}



.button {
     border:2px solid #221f73;
    background-color: #221f73;
    padding: 3px;
	color:#FFFFFF;
}

.hide {

text-indent: -999em; 
visibility: hidden;
display:block;
}

/* TABLES  */

table.collapse {
	border-collapse:collapse;
}

tr.d0 td, tr.d0 th {
	background-color:#221f73; 
	color: #FFF;
	padding:5px;
	font-weight:bold;
	font-size:1em;
	border-right:1px solid #b0adcf;
}
tr.d1 td, tr.d1 th {
	background-color: #FFF; 
	color:#221f73;
	padding:5px;
	font-size:1em;
	border:1px solid #b0adcf;
}

tr.d2 td {
	background-color: #e3e2ee; 
	color: #221f73; 
	padding:5px;
	font-size:1em;
	border:1px solid #b0adcf;
}





/* LIVE SEARCH  */

form {
margin:0; 
padding:5px 7px; 
background:#D7D6D5;
}


form label	{
font-size:1em;
}

form input	{
padding:2px; 
font-size:1em; 
width:auto;
}

ul#posts  {
list-style:none; 
margin:20px 0; 
padding:0;
}

ul#posts li {
font-size:1em;
 border-bottom: 1px solid #D7D6D5; 
 margin:0; 
 padding:5px 7px; 
 line-height:1.5;
 }

/* GENERIC  */


#IconContainer {
	width:710px;
	height:auto;
	padding: 10px;
	float:left;
	display:inline;
	background: url(../images/iconcontainBK.gif) 0 0 repeat-x;
	}
	

.icon a:link,  .icon a:visited,  .icon a:active, .icon a:hover{
	width:50px;
	height:50px;
	padding: 0px;
	margin:3px;
	float:left;
	display:block;
	color:#221f73;
	font-size:0.9em;
	text-align:center;
	}
	
	
#GenericContainer {
	width:710px;
	height:auto;
	min-height:550px; 
	padding: 10px;
	float:left;
	display:inline;
	}
	
		

/* for Internet Explorer */

* html #GenericContainer {
height: 550px;
}




#ContainerSplit {
	width:50%;
	height:auto;
	padding: 0;
	float:left;
	display:inline;
	}
	
#ContainerSplit2 {
	width:50%;
	height:auto;
	padding: 0;
	float:left;
	display:inline;
	}
	

	
.anchorHead a:link,  .anchorHead a:visited,  .anchorHead a:active{
	
	color:#221f73;
	font-size:1em;
	font-weight:bold;
	height:30px;
	display:block;
	}
	
.anchorHead a:hover{
color:#ef3e35;

}


.backtop a:link,  .backtop a:visited,  .backtop a:active{
	
	color:#221f73;
	font-size:0.9em;
	font-weight:bold;
	display:block;
	clear:both;
	background: url(../images/backtop.gif) 0 0 no-repeat; 
	text-indent:20px;
	height:20px;
	line-height:22px;
	}
	
.backtop a:hover{
color:#ef3e35;

}

.GenericImg{
	padding: 0px;
	margin:5px;
	float:left;
	display:inline;
	border:2px solid #e3e2ee;
	}
	
.GenericImg3{
	padding: 0px;
	margin:3px;
	float:left;
	display:inline;
	border:2px solid #e3e2ee;
	}
	
	
.GenericImg2{
	padding: 0px;
	margin:5px;
	float:right;
	display:inline;
	border:2px solid #e3e2ee;
	}
	
	
.PayIcons{
	width:150px;
	height:170px;
	padding: 0px;
	margin:5px;
	float:left;
	display:inline;
	border:2px solid #e3e2ee;
	text-align:center;
	}
	
	
.Flags{
	width:60px;
	height:55px;
	padding: 0px;
	margin:5px;
	float:left;
	display:inline;
	border:0px solid #e3e2ee;
	text-align:center;
	}
	
	
.downloads{
	width:300px;
	height:auto;
	padding: 5px;
	margin:2px;
	float:left;
	display:inline;
	border:1px solid #e3e2ee;
	}
	
	
.directors{
	width:260px;
	height:120px;
	padding: 70px 20px 10px 20px;
	margin:5px 5px 5px 0px;
	float:left;
	display:inline;
	border:2px solid #e3e2ee;
	background-color:#e3e2ee;
	color:#221f73;
	font-size:1.3em;
	}
	



/* NAVIGATTION */


/* SECTIONS */




.navgap {
	 padding: 0;
	 background: url(../images/navgap.gif) 0 0 no-repeat;
	 display:inline;
	 float:left;
	 width:220px;
	 height:15px;
	
	}





ul.dropdown-horizontal ul *.dir2 ,
ul.dropdown-vertical *.dir2,
ul.dropdown-upward ul *.dir2{
 padding-right: 15px;
 background-image: url(../images/nav-arrow-rightX2.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


.x2 li ul{
	 padding: 0px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	  background-image: url(../images/nav-arrow-rightX2.gif);
	 color: #221f73;
	 text-indent:16px;
	 font-size:0.9em;
	}
	

/* SECTIONSEND */



ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 0px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background: url(../images/nav.gif) 0 0 no-repeat;
	 color: #221f73;
	 text-indent:16px;
	 font-size:0.9em;
	}
	
	
	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background: url(../images/navON.gif) 0 0 no-repeat;
	 color: #FFF;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color:#221f73; text-decoration: none; }
	ul.dropdown a:hover		{ color:#FFF; }
	ul.dropdown a:active	{ color:#221f73; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 220px;
	 margin-bottom: 2px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}



/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../images/nav-arrow-right.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}





ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(../images/nav-arrow-right.gif);
}




ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}


ul.dropdown li {
 float: left;
 line-height: 23px;
 height:auto;
 vertical-align: middle;
 display: inline-block;
}

ul.dropdown li {
 display: block;
}




ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 100%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul.dropdown-vertical {
 width: 220px;
}

ul.dropdown-vertical ul {
 top: 0px;
 left: 100%;
}

ul.dropdown-vertical li {
 float: none;
}


/* L-R COMPARISON BOXES */

.leftbox {
	width:45%;
	height: auto;
	float:left;
}

.rightbox {
	width:45%;
	height: auto;
	float:right;
}



.imagebox img {
	float:none;
	margin-right:10px;
}

/* HOMEPAGE NOTICE */

.notice, .notice-box {
	background-color: #d1cfe4;
	border: 1px solid #221f73;
	border-top:0;
	clear:left;
	margin:2px 0;
}

.notice-box {
	background-color:#221f73;
	border:0;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
}
.notice-box a {
	color:#fff;
}

#ContentLeft .notice {
	float:left;
	width:180px;
	margin:2px 3px 0 3px;
}

.notice h2 {
	border-top:0;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding: 0;
	margin:0 auto;
	background: url(../images/footer.gif) 0 0 repeat-x;
	text-align:center;
	font-size:1.1em;
	text-decoration:none;
}

.notice p {
	margin: 8px 10px;
	color: #111;
	font-weight:500;
}

.urgentnotice {
	border: 1px solid #750c07;
	border-top:0;
	clear:left;
	margin:2px 0;
}

.urgentnotice h2 {
	border-top:0;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	padding: 0;
	margin:0 auto;
	background: url(../images/redlink.gif) 0 0 repeat-x;
	text-align:center;
	font-size:1.1em;
	text-decoration:none;
}

.urgentnotice p {
	margin: 8px 10px;
	color: #111;
	font-weight:600;
}

.nright {
	clear:right;
	margin:5px;
	width:300px;
	float:right;
}

.adbox {
	background-color: #fff;
	border: 1px solid #221f73;
	margin:10px 0;
	padding:0 10px 10px;
}

.adbox h2 {
	border-top:0;
	margin:0 -10px;
	padding:0;
	background: url(../images/redlink.gif) 0 0 repeat-x;
	height:30px;
	line-height:30px; 
	color:#fff;
	text-align:center;
}

.adbox h3 {
	color:#221f73;
	margin:0;
}

.adbox p {
	margin: 10px 0;
}

ol.feedback {
	list-style-type:decimal;
	list-style-position:outside;
}

ol.feedback, ol.feedback th {
	font-weight:bold;
	color:#221f73;
}

ol.feedback li {
	padding: 10px 0;
	clear:both;
}

ol.feedback li span, ol.feedback td {
	font-weight:normal;
	color:#000;
}

ol.numlist {
	list-style-type:lower-roman;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol.numlist li {
	border:0;
	padding: 2px 0;
	font-weight:normal;
	color:#000;
	overflow:visible;
}

ul.ticklist {
	margin: 0 0 0 10px;
	list-style-position:inside;
}

ul.ticklist li {
	border-bottom:0;
	background:url(../images/tick-mark.gif) left center no-repeat;
	line-height:18px;
	text-indent:24px;
}

.objective-statement {
	clear:left;
	margin:10px 0;
	padding: 0;
}

.objective-goal {
	display:inline;
	float:left;
	padding: 0 50px 0 0;
	margin-bottom:20px;
}

.Accreditation {
	clear:both;
	padding-left:230px;
}

h2.highlight {
	color:#fff;
	background-color:#7570ab;
	font-size:1.1em;
	border-top: none;
	clear:both;
	padding: 5px 10px;
	margin-bottom:0;
}

h3.highlight {
	color:#fff;
	background-color:#221f73;
	padding: 5px 10px;
	margin-top:0;
}

h3.highlight a {
	color:#fff;
}

.vacancydetails, .vacancyinfo {
	border:1px solid #7570ab;
	margin-bottom:10px;
	overflow:hidden;
}

.vacancydetails p, .vacancyinfo p {
	margin:0;
	clear:left;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #e3e2ee;
}

.vacancydetails p.last, .vacancydetails p.last strong {
	border:0;
}

.vacancydetails p strong {
	float:left;
	display:inline;
	color:#fff;
	background-color:#7570ab;
	margin-right:10px;
	padding: 0 0 0 10px;
	width:160px;
	border-bottom:1px solid #b0adcf;
}

.vacancyinfo p {
	border-bottom:none;
	height:auto;
	margin-bottom:10px;
	line-height:normal;
	padding:0 10px;
}

p.vacancyheading {
	background-color:#7570ab;
	display:block;
	height:20px;
	line-height:20px;
}

p.vacancyheading strong {
	color:#fff;
}

/* Event calendar */

.calendar-month {
	border:1px solid #7570ab;
	background-color:#e3e2ee;
	margin-bottom:10px;
	overflow:hidden;
	color:#221f73;
}

.calendar-month h3 {
	color:#fff;
	background-color:#7570ab;
	padding: 5px 10px;
	margin:0;
}

.calendar-month ul {
	margin:5px 0 0;
}

.calendar-month li {
	padding:2px 5px;
	margin: 3px 0 -1px;
	border-bottom:1px solid #b0adcf;
}

.calendar-events {
	margin-top:2px;
	display:block;
	overflow:hidden;
}

.calendar-month li, .event-day {
	padding-left:30px;
}

.event-day {
	margin:3px 0 -1px;
	/*height:20px;*/
	line-height:/*20px;*/16px;
	padding:2px 5px 2px 30px;
	border-bottom:1px solid #b0adcf;
	overflow:hidden;
	display:block;
	position:relative;
}
.event-day strong {
	color:#fff;
	background-color:#7570ab;
	padding:2px 5px;
	position:absolute;
	left:0;
	top:0;
	height:16px;
	line-height:16px;
}
.event-day:hover strong {
	background-color:#221f73;
}