/**********************************************************/
/* xhtml
/**********************************************************/

body
{
   padding:0;
   margin:0;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:1.2;
   color:#585858;
}

ul,dl,dt,dd
{
   margin:0;
   padding:0;
   list-style:none;
}

h1,h2,h3,h4,h5,h6,p
{
   margin:0;
   padding:0;
   display:block;
}

h1
{
   font-size:24px;
   font-weight:normal;
   color:#013E63;
   padding-bottom:15px;
}

h2
{
   font-size:18px;
   font-weight:normal;
   color:#013E63;
   padding-bottom:10px;
}

h3
{
   font-size:12px;
   padding-bottom:5px;
   font-weight:bold;
}

p
{
  padding-bottom:5px;
}

a,
a:link,
a:visited
{
   color:#013E63;
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
}

img
{
  border:0;
}

/**********************************************************/
/* forms
/**********************************************************/

form
{
   float:none;
   clear:both;
   padding:0;
   margin:0;
}

form table
{
   width:92%;
   margin:10px 20px;
}

form table th
{
   width:44%;
   padding:8px; 
   border-right:1px solid #FFF;
   border-bottom:1px solid #FFF;
   background-color:#F5F5F5;
   text-align:right;
   vertical-align:top;
}

form table td
{
   width:56%;
   padding:8px;
   border-bottom:1px solid #FFF;
   background-color:#F9F9F9;
}

form h3
{
   color:#585858;
}

form p
{
  font-size:10px;
}

fieldset
{
   margin:0;
   padding:0;
   border:0;
}

label
{
   font-size:11px;
}

input,
select,
textarea
{
   font-family:Arial, Helvetica, sans-serif;
   border:1px solid #CCC;
   font-size:11px;
   width:200px;
}

input.checkbox
{

}

input.button
{
   display:block;
   width:58px;
   margin:20px auto;
}

/**********************************************************/
/* page layout
/**********************************************************/

#outer
{
   width:960px;
   margin:0 auto;
}

#header
{
   height:210px;
}

#computinglogo
{
   float:left;
   width:141px;
   height:63px;
}

#dynamicslogo
{
   float:left;
   width:179px;
   height:82px;
}

#leftcolumn
{
   float:left;
   width:225px;
   padding-bottom:20px;
}

#maincolumnhome
{
  float:left;
  width:730px;
  padding-bottom:20px;
}

#maincolumn
{
  float:left;
  width:507px;
  padding-bottom:20px;
}

#maincolumnhome h1,
#maincolumnhome h2,
#maincolumnhome h3,
#maincolumnhome h4,
#maincolumnhome h5,
#maincolumnhome h6,
#maincolumnhome p,
#maincolumnhome dl,
#maincolumn h1,
#maincolumn h2,
#maincolumn h3,
#maincolumn h4,
#maincolumn h5,
#maincolumn h6,
#maincolumn p,
#maincolumn dl
{
   padding-left:20px;
   padding-right:20px;
}

#rightcolumn
{
  float:right;
  width:225px;
  padding-bottom:20px;
}

/**********************************************************/
/* footer
/**********************************************************/

#footer
{
   background-color:#F6F6F6;
   clear:both;
   overflow:hidden;
   font-size:11px;
}

#footerinner
{
   margin:0 auto;
   width:960px;
}

#address
{
  float:left;
  width:450px;
  margin-left:20px;
  padding:10px 0;
}

#contact
{
  float:right;
  width:350px;
  padding:10px 0;
  text-align:right;
}

#copyright
{
   width:300px;
   float:left;
   clear:left;
   font-size:10px;
   padding:15px 0;
   margin-left:20px;
}

#footer2
{
   width:960px;
   margin:0 auto;
}

#footer2 ul
{
   float:right;
   list-style-type:none;
   padding:15px 0;
}

#footer2 li
{
   list-style-type:none;
   float:left;
   border-right:1px solid #CCC;
}

#footer2 a,
#footer2 a:link,
#footer2 a:visited,
#footer2 a:hover
{
   display:block;
   font-weight:normal;
   font-size:10px;
   padding:0 8px;
   color:#585858;
}

#footer2 a:hover
{
   text-decoration:underline;
}

/**********************************************************/
/* search
/**********************************************************/

#searchnav
{
   width:500px;
   padding:70px 25px 0 0;
   float:right;
   clear:right;
}

#searchnav form
{
   float:left;
   clear:none;
}

#searchnav input
{
   float:left;
   padding:4px 0;
   margin:0 4px;
}

#searchnav select
{
   margin:3px 0;
}

#searchnav #searchform
{
   padding-left:20px;
}

#searchnav #search
{
   width:21px;
   height:22px;
   padding:0;
   border:0;
}

#searchnav fieldset
{
   float:left;
   clear:none;
}

#searchnav label
{
   float:left;
   padding:5px 5px 0 0;
}

#searchnav input
{
   width:100px;
   float:left;
}

#searchnav select
{
   width:170px;
   float:left;
}

/***********************************************************************/
/* top nav                                                             */
/***********************************************************************/

#topnav
{
  clear:both;
  padding-top:30px;
}

#topnav ul
{
   list-style-type:none;
   padding:0 0 0 15px;
}

#topnav li
{
   list-style-type:none;
   float:left;
}

#topnav a,
#topnav a:link,
#topnav a:visited,
#topnav a:hover
{
   display:block;
   padding:8px 9px 8px 9px;
   font-weight:bold;
   color:#FFF !important;
   text-decoration:none;
   font-size:11px;
}

#topnav a:hover
{
   color:#FEC002 !important;
}


#topnav a.selected,
#topnav a.selected:link,
#topnav a.selected:visited
{
   color:#FEC002 !important;
}

/***********************************************************************/
/* login nav                                                           */
/***********************************************************************/

#loginnav
{
   float:right;
}

#loginnav ul
{
   list-style-type:none;
   padding:0 15px 0 0;
}

#loginnav li
{
   list-style-type:none;
   float:left;
}

#loginnav a,
#loginnav a:link,
#loginnav a:visited,
#loginnav a:hover
{
   display:block;
   padding:8px 6px 8px 6px;
   font-weight:bold;
   color:#FFF !important;
   text-decoration:none;
   font-size:10px;
}

#loginnav a:hover
{
   color:#FEC002 !important;
}

/***********************************************************************/
/* breadcrumb                                                          */
/***********************************************************************/

#breadcrumb
{
   clear:both;
   width:700px;
}

#breadcrumb ul
{
   list-style-type:none;
   padding:0 0 0 17px;
}

#breadcrumb li
{
   list-style-type:none;
   float:left;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited
{
   display:block;
   padding:7px 3px;
   font-weight:bold;
   text-decoration:none;
   font-size:10px;
   color:#000;
}

#breadcrumb a:hover
{
   text-decoration:underline;
}

/***********************************************************************/
/* extranav                                                            */
/***********************************************************************/

#extranav
{
   float:right;
}

#extranav ul
{
   list-style-type:none;
   padding:8px 17px 0 0;
}

#extranav li
{
   list-style-type:none;
   float:left;
   border-right:1px solid #000;
   line-height:1;
}

#extranav a,
#extranav a:link,
#extranav a:visited,
#extranav a:hover
{
   display:block;
   padding:0 6px;
   font-weight:bold;
   text-decoration:none;
   font-size:10px;
   color:#000;
}

#extranav a:hover
{
   text-decoration:underline;
}

/***********************************************************************/
/* corpnav                                                            */
/***********************************************************************/

#corpnav
{
   float:right;
   clear:right;
   text-align:right;
   width:485px;
   color:#0077C0;
   font-size:10px;
   padding-top:15px;
}

#corpnav div
{
   float:left;
}

#corpnav ul
{
   float:right;
   list-style-type:none;
   padding:0 10px 0 0;
}

#corpnav li
{
   list-style-type:none;
   float:left;
   line-height:1;
}

#corpnav a,
#corpnav a:link,
#corpnav a:visited,
#corpnav a:hover
{
   display:block;
   padding:0 5px;
   font-weight:bold;
   text-decoration:none;
   font-size:10px;
   color:#000;
}

#corpnav a:hover
{
   text-decoration:underline;
}

/***********************************************************************/
/* leftnav                                                            */
/***********************************************************************/

#leftnav
{
   margin-bottom:30px;
}

#leftnav h2
{
   display:block;
   padding:0 6px 6px 6px;
   border-bottom:1px dotted #000;
}

#leftnav h2 a,
#leftnav h2 a:link,
#leftnav h2 a:visited,
#leftnav h2 a:hover
{
   font-weight:normal;
   text-decoration:none;
   color:#013E63;
   font-size:18px;
}

#leftnav ul
{
   list-style-type:none;
   padding:0;
}

#leftnav li
{
   list-style-type:none;
   padding:0;
   border-bottom:1px dotted #000;
}

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited
{
   display:block;
   padding:6px;
   font-weight:bold;
   text-decoration:none;
   color:#000;
}

#leftnav li a:hover,
#leftnav li a.selected,
#leftnav li a.selected:link,
#leftnav li a.selected:visited,
#leftnav li a.selected:hover
{
   background-color:#F6F6F6;
   color:#013E63;
}

/***********************************************************************/
/* banner                                                              */
/***********************************************************************/

#banner
{
   clear:both;
   padding-bottom:4px;
   overflow:hidden;
   margin:20px 0;
}

#banner img
{
   float:left;
   border-bottom:1px solid #FFF;
}

#banner h2,
#banner h2 a,
#banner h2 a:link,
#banner h2 a:visited,
#banner h2 a:hover
{
   font-size:13px;
   font-weight:bold;
   color:#FFCB08;
}

#banner p
{
   color:#FFF;
}

#banner div.text1,
#banner div.text2
{
   float:left;
   width:211px;
   padding-top:17px;
}

#banner div.text1 h1,
#banner div.text1 h2,
#banner div.text1 h3,
#banner div.text1 h4,
#banner div.text1 h5,
#banner div.text1 h6,
#banner div.text1 p,
#banner div.text2 h1,
#banner div.text2 h2,
#banner div.text2 h3,
#banner div.text2 h4,
#banner div.text2 h5,
#banner div.text2 h6,
#banner div.text2 p
{
   padding-left:18px;
   padding-right:18px;
}

/**********************************************************/
/* right box
/**********************************************************/

div.rightbox
{
  margin-bottom:15px;
}

div.rightbox h2
{
  background:url(right-box-background.jpg) no-repeat;
  color:#FFF;
  padding:13px 10px;
  font-size:14px;
  font-weight:bold;
}

div.rightbox h3
{
  font-size:12px;
  font-weight:bold;
  margin:3px 0 5px 0;
}

div.rightbox ul
{
  padding-bottom:3px;
}

div.rightbox li
{
  padding-bottom:5px;
  line-height:1.3;
}

div.rightbox div.content
{
  background-color:#F6F6F6;
  padding:10px;
  border-bottom:2px solid #013E63;
  font-size:11px;
}

/**********************************************************/
/* newslisting
/**********************************************************/

dl.newslisting
{
  padding:5px 0;
}

dl.newslisting dt
{
  padding:5px 0;
  font-weight:bold;
  color:#013E63;
  clear:both;
}

dl.newslisting dd a,
dl.newslisting dd a:link,
dl.newslisting dd a:visited
{
  display:block;
  padding:5px 0 5px 12px;
  font-weight:bold;
  color:#013E63;
  text-decoration:none;
  background:url(newslisting-link-background.png) no-repeat left center;
}

dl.newslisting dd a:hover
{
  text-decoration:underline;
}


/**********************************************************/
/* resource centre
/**********************************************************/

dl.resourcecentre
{
  padding:5px 0;
}

dl.resourcecentre dt
{
  padding:5px 0 5px 25px;
  font-weight:bold;
  color:#013E63;
  clear:both;
  background:url(resource-centre-dt-background.png) no-repeat left center;
}

dl.resourcecentre dd a,
dl.resourcecentre dd a:link,
dl.resourcecentre dd a:visited
{
  display:block;
  padding:5px 0 5px 12px;
  font-weight:bold;
  color:#013E63;
  text-decoration:none;
  background:url(newslisting-link-background.png) no-repeat left center;
}

dl.resourcecentre dd a:hover
{
  text-decoration:underline;
}

/**********************************************************/
/* corporate pages 
/**********************************************************/

#corporate
{
   background:url(corp-body-background.jpg) repeat-x;
}

#corporate #header
{
   background:url(corp-header-background.jpg) no-repeat;
}

#corporate #computinglogo
{
   margin:50px 25px 0 25px;
}

#corporate #dynamicslogo
{
   margin:40px 25px 0 25px;
}

#corporate #banner
{
   background:url(banner-home-background.png) no-repeat bottom;
}

/**********************************************************/
/* computing pages 
/**********************************************************/

#computing
{
   background:url(computing-body-background.jpg) repeat-x;
}

#computing #header
{
   background:url(computing-header-background.jpg) no-repeat;
}

#computing #computinglogo
{
   margin:50px 25px 8px 25px;
}

#computing #banner
{
   background:url(banner-home-background.png) no-repeat bottom;
}

#computing #loginnav a,
#computing #loginnav a:link,
#computing #loginnav a:visited,
#computing #loginnav a:hover
{
   font-size:11px;
}

#computing #topnav a,
#computing #topnav a:link,
#computing #topnav a:visited,
#computing #topnav a:hover
{
   padding:8px 11px;
}

#computing #searchnav
{
   padding:50px 0 0 0;
   margin-right:5px;
   width:430px;
}

#computing #rightcolumn
{
   padding-top:20px;
}

#computing #banner
{
   background:url(banner-computing-home-background.png) repeat-x bottom;
}

#computing #maincolumnhome #banner
{
   width:715px;
}

#computing h1,
#computing h2,
#computing h3
{
   color:#0F964C;
}

#computing div.rightbox h2
{
   background-image:url(right-box-background-computing.jpg);
   color:#FFF;
}

#computing div.rightbox div.content
{
   border-color:#0F964C;
}

#computing #leftnav h2 a,
#computing #leftnav h2 a:link,
#computing #leftnav h2 a:visited,
#computing #leftnav h2 a:hover
{
   color:#0F964C;
}

#computing #leftnav li a:hover,
#computing #leftnav li a.selected,
#computing #leftnav h2 a.selected:link,
#computing #leftnav h2 a.selected:visited,
#computing #leftnav h2 a.selected:hover
{
   color:#0F964C;
}

#computing dl.newslisting dt
{
   color:#0F964C;
}

#computing dl.newslisting dd a,
#computing dl.newslisting dd a:link,
#computing dl.newslisting dd a:visited
{
   color:#0F964C;
}

/**********************************************************/
/* dynamics pages 
/**********************************************************/

#dynamics
{
   background:url(dynamics-body-background.jpg) repeat-x;
}

#dynamics #header
{
   background:url(dynamics-header-background.jpg) no-repeat;
}

#dynamics #dynamicslogo
{
   margin:40px 25px 0 25px;
}

#dynamics #banner
{
   background:url(banner-dynamics-background.png) no-repeat bottom;
}

#dynamics #loginnav a,
#dynamics #loginnav a:link,
#dynamics #loginnav a:visited,
#dynamics #loginnav a:hover
{
   font-size:11px;
}

#dynamics #topnav a,
#dynamics #topnav a:link,
#dynamics #topnav a:visited,
#dynamics #topnav a:hover
{
   padding:8px 11px;
}

#dynamics #searchnav
{
   padding:50px 0 0 0;
   margin-right:5px;
   width:430px;
}

#dynamics #rightcolumn
{
   padding-top:20px;
}

#dynamics #banner
{
   background:url(banner-dynamics-home-background.png) repeat-x bottom;
}

#dynamics #maincolumnhome #banner
{
   width:715px;
}

#dynamics h1,
#dynamics h2,
#dynamics h3
{
   color:#0077C0;
}

#dynamics div.rightbox h2
{
   background-image:url(right-box-background-dynamics.jpg);
   color:#FFF;
}

#dynamics div.rightbox div.content
{
   border-color:#AAE1F5;
}

#dynamics #leftnav h2 a,
#dynamics #leftnav h2 a:link,
#dynamics #leftnav h2 a:visited,
#dynamics #leftnav h2 a:hover
{
   color:#0077C0;
}

#dynamics #leftnav li a:hover,
#dynamics #leftnav li a.selected,
#dynamics #leftnav h2 a.selected:link,
#dynamics #leftnav h2 a.selected:visited,
#dynamics #leftnav h2 a.selected:hover
{
   color:#0077C0;
}

#dynamics dl.newslisting dt,
#dynamics dl.resourcecentre dt
{
   color:#0077C0;
}

#dynamics dl.newslisting dd a,
#dynamics dl.newslisting dd a:link,
#dynamics dl.newslisting dd a:visited,
#dynamics dl.resourcecentre dd a,
#dynamics dl.resourcecentre dd a:link,
#dynamics dl.resourcecentre dd a:visited
{
   color:#0077C0;
}

/***********************************************************************/
/* sitemap                                                             */
/***********************************************************************/

ul#sitemap
{
  margin:0px;
  padding:10px 10px 15px 20px;
  list-style-type:none;
}

#sitemap li
{
   padding:0px 0px 3px 0px;
   list-style-type:none;
   background:none;
}

#sitemap li ul
{
  margin:0px;
  padding:3px 0 5px 20px;
}

/***********************************************************************/
/* search results                                                      */
/***********************************************************************/

dl#searchresults
{
   margin:0;
   padding:0 20px;
}


#searchresults dt a,
#searchresults dt a:link,
#searchresults dt a:visited,
#searchresults dt a:hover
{
   display:block;
   font-weight:bold;
   margin:0;
   padding:10px 0 0 0;
   text-decoration:none;
}

#searchresults dd
{
   margin:0;
   padding:10px 0;
   border-bottom:1px solid #ccc;
}

#searchresults dd a,
#searchresults dd a:link,
#searchresults dd a:visited,
#searchresults dd a:hover
{
   display:block;
   clear:both;
   text-align:right;
}

/**********************************************************/
/* miscellaneous
/**********************************************************/

img.left
{
   float:left;
   clear:left;
   margin:0 15px 15px 0;
}

img.right
{
   float:right;
   clear:right;
   margin:0 0 15px 15px;
}

div.visualadvert
{
   margin-bottom:15px;
}

h3.computing
{
  padding:3px 0 3px 30px;
  background:url(h3-computing-background.png) no-repeat;
}

h3.dynamics
{
  padding:3px 0 3px 30px;
  background:url(h3-dynamics-background.png) no-repeat;
}

#maincolumnhome h3.computing,
#maincolumn h3.computing,
#maincolumnhome h3.dynamics,
#maincolumn h3.dynamics
{
  padding-left:50px;
  background-position:20px 0;
  margin-top:5px;
  display:block;
  clear:both;
}

a.pdflink
{
  display:block;
  clear:both;
  background:url(icon_pdf.png) left center no-repeat;
  padding-left: 20px;
  line-height:1.6;
}

/***********************************************************************/
/* pepperio application overrides                                      */
/***********************************************************************/

.pepperio_noneditable .pepperio_buttonbar
{
   display:none;
   width:0px;
   height:0px;
   overflow:hidden;
}