/*===================================================CSS SITE WIDE DESIGN============================================== */
/*Some Body Styling*/
 Body {
  margin:0px;
  padding:0px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  background:url(../images/bodygif2.gif) repeat-x;
  background-color:#00275d;
   
  }
  
/*form styling */
 form{
 padding:0px;
 }
 /*table styling*/
 table{
 border:0px;
 }
 /*class to hide items */
 .noDisplay{
 display:none;
 }
 /* class to clear floats down */
 .end{
 clear:both;
 }

/*----------------------------------------------------Containing box---------------------------------------------------*/

 #wrapper {/*---------------------------------------------------Outer Box*/
  margin:auto;
  width:761px;
  height:100%;
  margin-top:15px;
  }

 #pagecontainer {/*---------------------------------------------Inner Box*/
  float:right;
  width:733px;
  height:100%;
  background-color:#FFFFFF;
  border-top:2px #FFFFFF solid;
  
  }
 #leftsideContent {/*Wrapper for left hand side content*/
  float:left;
  width:564px;
  height:100%;
  background-color:#00275d;
  }
 
  /*-------------------------------------------------------CONTENT--------------------------------------------------------*/
/*Breadcrumbs*/

.bread1{
 /*display:inline;*/
 float:left;
 height:1em;
 color:#999999;
 }
.bread1 a{
 color:#999999;
 text-decoration:none;
 }
  
.bread1 a:hover {
 color:#F8991D;
 }
#breadcrumbs ul {
 padding:0;
 margin:0;
 list-style:none;
 }
#breadcrumbs li a{
 width:1em;
 margin-right:13px;
 display:inline;
 } 
#breadcrumbs li a.lastcrumb{
 margin-right:0px;
 }  
/* Menu Wrapper: containing box for menu*/
 #menubar {
  height:30px;
  width:465px;
  border-right:1px solid white;
  }
/*Top Mast Head Bar*/
 #mastheadhomepage {/*-------------------------------Containing Box for Masthead*/
  width:100%;
  height:60px;
  background-color:#FFFFFF;
  }
 #logoMasthead {/*-----------------------------------LOGO*/
  float:left;
  width:97px;
  height:60px;
  background:url(../images/logo3.gif) no-repeat #FFF;
  border-bottom:1px solid #fff
  } 
 #contentMasthead {/*--------------------------------Containing Box for menu and Links*/
  float:left;
  width:465px;					/*-------- changed to 465px from 466px to bring in line with the menu (Paul Madigan 06/06/07)*/
  background-color:#FFFFFF;		/*-------- changed to white from #00275D to prevent colour bleed at edge of search box (Paul Madigan 06/06/07)*/
  } 
 #topbar {/*-----------------------------------------Box for search bar and links*/
  width:465px;					/*-------- changed to 465px from 466px to bring in line with the menu (Paul Madigan 06/06/07)*/
  height:30px;
  background:url(../images/topgrey.jpg) repeat-x;
  }
 #links {/*------------------------------------------Top Quick links*/
  float:right;
  height:20px;
  margin-top:6px;
  margin-right:6px;
  }
 #searchbox {/*---------------------------------------Box for search bar*/
  float:left;
  height:20px;
  line-height:0px;
  margin-top:6px;
  }
  
  #searchbox table{/*---------------------------------tables within searchbox */
  background:#d7d8da;
  }
  
  #searchTerm{ /*--------------------------------------search box at top of screen */
  font-size:9px; 
  margin:0px; 
  margin-left:30px; 
  margin-bottom:0px; 
  margin-right:2px; 
  border:1px solid; 
  height:11px; 
  padding:0px 0px 3px 5px;
  }
  
  #searchBtn{ /*--------------------------------------search button at top of screen */
  border:0px; 
  background-color:#00275D;
  }
  
 #orangeBarTop {/*-------------------------------------Thin Orange bar seperaing menu and content*/
 clear:both;
  height:4px;
  width:562px;
  background-color:#F8991D;
  font-size:0px;
  border-left:2px #FFFFFF solid;
  }
/*quicklinks ---------- links on left hand side of site for sitemap, text enlargement and homepage link*/  
 #leftsideMainContentbar {/*----------------------------Quicklink wrapper*/
  float:left;
  width:17px;
  height:68px;
  background-color:#FFFFFF;
  }
 .quicklinks {/*----------------------------------------inner containing box*/
  float:right;
  width:15px;
  height:68px;
  }
 .ql1 {/*-----------------------------------------------home page link*/
  background:url(../images/ql1.gif);
  width:15px;
  height:22px;
  cursor:pointer;
  }
 .ql2 {/*-----------------------------------------------text enlargement link*/
  background:url(../images/ql2.gif);
  width:15px;
  height:22px;
  cursor:pointer;
  border-top:1px solid orange;
  border-bottom:1px solid navy;
  } 
 .ql3 {/*-----------------------------------------------site map link*/
  background:url(../images/ql3.gif);
  width:15px;
  height:22px;
  cursor:pointer;
  }

/*LEFT SIDE CONTENT WRAPPER*/
 #leftsideMainContent {/*--------------------------------left side content wrapper*/
  float:right;
  width:460px;
  height:100%;
  background-color:#FFFFFF;
  }
 #pagetitlecontainer {/*----------------------------------Small gif container for page titles*/
  float:left;
  width:80px;
  height:25px;
  background:url(../images/pagetitlebar.jpg)
  }
 #leftContent{/*-----------------------------------------Left side main content wrapper*/
  float:left;
  min-height:500px;
  width:400px;
  padding:0 15px 15px 15px;
  margin:10px 5px 15px 5px;
  background-color:#FFFFFF;
 }
 #leftlinks {/*------------------------------------------containing box for menu left side!!Internal pages only*/
  position:absolute;
  padding:0 1px 0 0;
  width:103px;
  background-color:#FFFFFF;
  /*float:left;
  top:82px;*/
  }
#spacer {
 clear:both;
 display:block;
 width:103px;
 height:100px;
 }
#spacer2 {
 clear:both;
 width:103px;
 height:40px;
 }
#spacer3 {
    content: "."; 
    display: block; 
    clear: both;
	padding-top:10px;
}

#spacer3 {display:block;}

/* Hides from IE-mac \*/
* html #spacer {height: 1%;}
#spacer {display: block;}
/* End hide from IE-mac */ 

 #leftmenu {/*-------------------------------------------inner box for left hand side menu*/
  clear:both;
  float:left;
  width:103px;
  height:100%;
  margin-top:10px;
  }   
 #leftcurve {
  clear:both;
  display:block;
  margin-top:5px;
  width:70px;
  height:20px;
  background:url(../images/curvebar_07.gif) no-repeat;
  background-color:#999999;
  float:left
  }


/*RIGHT SIDE CONTENT WRAPPER*/
 #rightsideContent {/*-------------------------------------Right side content wrapper*/
  float:left;
  width:167px;
  height:100%;
  background-color:#FFFFFF;
  font-size:0px;
  line-height:0px;
  }
 #quotetop {
  width:167px;
  height:25px;
  background:url(../images/quotetop.jpg) no-repeat;
  }
 #quoteboxspacer {
  float:left;
  clear:both;
  width:167px;
  height:100%;
  background:url(../images/quoteboximg.jpg) repeat-y;
  }
 #quotebase {
  clear:both;
  width:167px;
  height:31px;
  background:url(../images/quotebottom.jpg) no-repeat;
  } 
 #imagebarRight {/*------------------------------------------Right side inner wrapper*/
  width:167px;
  height:100%;
  background-color:#F8991D;
  }
 #topimageRight {/*------------------------------------------Right hand side Top Image*/
  width:167px;
  height:167px;
  background-color:#FFFFFF;
  }
 #wrapperright{/*----------------------------------------isolating wrapper for two bars under image*/
  width:167px;
  height:40px;
  clear:both;
  }
 #imageRight{/*------------------------------------------Top Right image*/
  float:right;
  width:160px;
  height:167px;
  background-color:#FFFFFF;
  }
 #orangeRight {/*---------------------------------------------Orange bar under image*/
  float:none;
  height:15px;
  width:167px;
  background-color:#F8991D;
  }
 #blueRight {/*-----------------------------------------------Blue bar under image*/
  float:none;
  height:25px;
  width:167px;
  background-color:#00275D;
  background:url(../images/curvebar_06.jpg)
  }
 #rightlink {/*------------------------------------------------Right hand side lower box under image*/
  clear:both;
  width:167px;
  height:100%;
  }
  #careerstext {
  margin-top:20px;
  }
  #iiplogo {
  display:block;
  clear:both;
  margin:auto;
  margin-top:10px;
  background:url(../images/IIPlogo.gif) no-repeat;
  width:80px;
  height:54px;
  }
 #padplogo {
 display:block;
  clear:both;
  margin:auto;
  margin-top:10px;
  background:url(../images/PADPlogo.gif);
  width:80px;
  height:66px;
  }     
/* COLOURED ECHO BRAND BAR */

 #bar{
  float:right;
  height:5px;
  width:733px;
  font-size:0px;
  line-height:0px;
  }
 #barorange {
  float:left;
  height:5px;
  width:212px;
  background-color:#F8991D;
  }
 #baryellow {
  float:left;
  height:5px;
  width:209px;
  background-color:#FEBE10;
  }
 #barblue {
  float:left;
  height:5px;
  width:209px;
  background-color:#00275D;
  }
 #barblue2 {
  float:left;
  height:5px;
  width:103px;
  background:#00275d;
  }   
/* FOOTER BAR */

 #footer {
  clear:both;
  height:30px;
  margin:auto;
  
  }
 #footerblockleft {
  clear:both;
  float:left;
  height:40px;
  width:104px;
  background-color:#00275d;
  }
 #footerlinks {
  float:right;
  width:627px;
  background-color:#FFFFFF;
  padding-bottom:10px;
  }
   
/*---------------------------------------------------------END--------------------------------------------------------*/