/********************************************************************
 * General layout for the entire page 
 */

/* Setup floats and widths for main layout. */
/* Note - actual column widths are defined in another .css file as we have
 * two and three column layouts in the site */
#container #floatright, #container #main { 
        float: left;
}

/* We have a span that is at the bottom of #container that is used to assure
 * to grows vertically 
 */
.e {
    clear: both;
    display: block;
}
 
#container #floatright {
    font-size: 0.7em;
}

/* Setup default margins and fonts */
body
{
    margin: 0;
    color: #000000;
    font: 12px Verdana, Tahoma, Arial, sans-serif; /* FIXME */
    background: #FFFFFF;    
    text-align: center;
}

/* Arrange main container that holds all page content */
#container {
    margin: 0 auto;
    width: 79em;
    background: #FFFFFF;
    padding-top: 1em; 
    text-align: left;
}

/* Styling for white papers */
.wpheadings {
    font-weight: bold;
    font-size: 1.1em;
}

.informationalrisk {
    color: #00CD00;
}
.lowrisk {
    color: #CDFF00;
}
.mediumrisk {
    color: #FFA200;
}
.highrisk {
    color: #ff0000;
}

#container .more {
	display: block;
	font-weight: bold;
	padding-top: 0.2em;
	text-align: right;
}

/*****************************************************************************
 * Styling for the left hand bar
 */

#leftbar {
  padding-top: 0em;
}

#leftbar ul,
#leftbar li,
#leftbar a {
    padding: 0;
    margin: 0;
}
#leftbar #searchbox div.cont {
    margin: 0.2em;
    text-align: center;
}
#leftbar #searchbox {
    margin-top: 2em;
}
/* Arrange the logo */
#logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    text-align: center; /* Needed for IE and possibly others */
}

/* No styles on lists */
#leftbar ul {
        list-style-type: none;
}

/* Make top level headings bold and sub headings not */
#leftbar div.cont a {
    padding-left: 26px; /* FIXME */
    font-weight: bold;
    text-decoration: none;
    color: #6B6B6B;
}

#leftbar div.cont a:hover {
	text-decoration: underline;
}

#leftbar div.cont ul li a {
       font-weight: normal;
}

/* Select box colors */
#leftbar #searchbox .rbox, #leftbar #searchbox b.rtop b, #leftbar #searchbox b.rbottom b, #leftbar .rbox, #leftbar b.rtop b, #leftbar b.rbottom b {
        background: #BDBDBD;
}
#searchbox .rbox, #searchbox b.rtop b, #searchbox  b.rbottom b {
	background: #BDBDBD;
}
/* Select color of cut-out at corner */
#leftbar #searchbox b.rtop,
#leftbar #searchbox b.rbottom,
#leftbar b.rtop, 
#leftbar b.rbottom {
        background: #FFFFFF 
}
#leftbar #searchbox b.rtop,
#leftbar #searchbox b.rbottom{
        background: #FFFFFF
}

/* Make selected menu different colour */
#leftbar #selected .rbox,
#leftbar #selected b.rtop b,
#leftbar #selected b.rbottom b {
       background: #AFAFAF;
}
#leftbar #selected a {
    background-image: url("../images/buttons.gif");
}
#leftbar #selected a:hover {
    background-image: url("../images/buttons-p.gif");
}

/*******************************************************************************
 * Styling for the right hand column in 3 col layout
 * FIXME - Move this to 3col CSS file
 */

#news .rbox {
   margin-left: 0;
}
#news .rbox, #news b.rtop b, #news b.rbottom b 
{ 
   background: #BDBDBD 
}

#news h1 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    padding-left: 0.5em;
    margin-top: -0.3em;
}

#news .rbox .cont {
   	padding-left: 0.7em;
   	padding-right: 0.7em;
	top: -0.5em;
   	position: relative;
   	text-align: justify;
}

#news .rbox .cont h2 {
    text-align: left;
    font-size: 1em;
}  
#news .rbox .date {
    display: block;
    position: relative;
    top: -0.9em;
	font-size: 0.9em;
}
#news .rbox .date, #news .rbox .more {
    text-align: right;
    margin-right: 0.5em;
}
#news {
  	margin-right: 0.4em;
	font-size: 0.9em;
}
/*************************************************************************
 * Styling for the main page body.
 */


#main 
{
  padding-left: 2.2em;
  padding-right: 1em;
  padding-top: 1em; 
  /*display: block;*/
  margin: 0;
  font: 11.5px Verdana, Tahoma, Arial, sans-serif;
  text-align: justify;
  line-height: 0.4cm;
  float: right;
}

#main td {
    vertical-align: top;
}

#main h1 {
    text-decoration: underline;
    font-weight: bold;
}

#main h2 {
    text-decoration: none;
    font-weight: bold;
    clear: both;
}

#main cite { font-size: 1.2em; font-weight: bold; }

#main .cite #rhs { float: right; }

#main .cite .clr { clear: right }

/* You'd better only use H1 once for the page title, as this styling does wacky things to it ;) */
#titlecontainer
{
    width: 33em;
    overflow: hidden;
    font: 28px Arial, sans-serif;
    height: 66px; /* Use pixel units to keep with the image */ /* 38px */
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0;
    padding-right: 0; 
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 1em;
    background-image: url("../images/heading-with-new-pci.png");
    background-repeat: no-repeat;
    background-position: top right;
    color: #000000;
    position: relative;
    float: left;
    z-index: 5;
}

#title {
    padding-top: 0.3em;
	padding-left: 6em;
	font: 32px Arial, sans-serif;
}

h1 { font-size: 1.1em; }

h2 { font-size: 1.1em; }

h3 {
	font-size: 1.0em;
}

#main table {
    border-style: solid;
    border-collapse:collapse;
}
#main {
   border-style: none;
}

#main td {
    border-style: solid;
}

#main #isntable {
   width: 100%;
   border-style: none;
}

#isntable td {
   border-style: none;
}

#isntable h3 {
	text-align: center;
}

a {
    color: #0250a3;
    text-decoration: none;
}

a:hover {
    color: #6F3737;
    text-decoration: underline;
}

/* Styles for summary pages */

#main .rbox {
    margin-left: 1em;
}
/* Make font colours in boxes grey */
.rbox a {
   color: #3F3F3F;
}
#main .rbox h3 {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	text-align: center;
}
#main .rbox div.cont {
   padding-bottom: 0.3em;
   margin-left: 1em;
   margin-right: 1em;
}

#main .rbox .date {
	display: block;
	margin-top: 0.2em;
	float: left;
}

/* Select box colors */
#main .rbox, #main b.rtop b, #main b.rbottom b {
        background: #BDBDBD;
}
/* Select color of cut-out at corner */
#main b.rtop, 
#main b.rbottom{
        background: #FFFFFF; 
}
/**************************************
 * Stuff for the page footer
*/
#footer {
    color: #707070;
    text-align: left; 
    font-size: 1.0em; 
    position: relative;
    display: block;
    bottom: -100%;
    clear: both;
}

#tandc {
 	 float: left;
 	 font-size: 1em;
 	 text-align: left;
 	 display: block;
}

/* Make elements block so we don't need br tags */
#contactfooter {
    float: right;
    text-align: justify;
    padding-top: 0em;
    position: relative;
}

.references a {
    display: block;
}

/****************************************
  * This does the nifty corners support *
  ***************************************/
b.rbox div.cont {padding-left: 5px;}
b.rtop, b.rbottom{display:block;}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden;}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
b.rtop, b.rbottom{background: #FFFFFF}
.rbox {margin-left: 5px; margin-top: 0.5em;}

/* Forms layout */
.contactForm fieldset {
    display: block;
    margin: 0 0 1em 0;
    border: 0 solid #FFFFFF;
    border-top: 1px solid #000000;
    padding: 0 1em 0em 1em;
}

.contactForm input.submit {
    clear: both;
}

.contactForm label { 
    clear: both;
    float: left;
    display: block;
    width: 15em;
    margin-top: -1em;
}

.contactForm label.first {
    margin-top: 1em;
}

.contactForm input, .contactForm select, .contactForm textarea {
    position: relative;
    top: -1.4em;
    left: 16em;
    display: block;
}
.contactForm fieldset div.fm-req {
    font-weight: bold;
}

.contactForm fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}

#rss {
	float: right;
	text-align: right;
	display: block;
}

#rss img {
	vertical-align: middle;
}