/* CSS Document */

/* CAS 25-07-2005 added hover and active for
.navigationMSO to fix IE link colour problem */


/* Page background color */
body{
	background: #FFFFFF;
	text-align: center;
	margin-top: 0px
}

#container { width: 750px; margin-left: auto; margin-right: auto; text-align: left}

.logoBoxv2{
        float: left;
}

.topBar {position: absolute; top: 5px;}

/* Banner specifications */
.bannerBox{
	height:115px;
	width:750px;
	padding:0px;
	border: 1px solid black;
}

.bannerBoxv2 {
	    float: right;
}

.internalBox{
	height:20px;				
	padding-left:5px;
	padding-right:5px;
}

.noBreadcrumb{
	height:10px;
}

.noBreadcrumbText{
	font-size:1px;
}

.breadcrumbBox_old{
	padding-left:200px; height: 25px;  font-size: 70%;
}

.breadcrumbBox {
    background-color: #ffffff;
    padding: 2px 2px 4px 4px;
    margin: 0px 0px 5px 4px;
    font-size: 80%;
}


.breadcrumbBox a {
 font-family: Arial, Helvetica, sans-serif ; 
 text-decoration: none; color: #000000}

.breadcrumbemp { font-weight: bold}

.printVer { padding-right:9px; margin-bottom: 9px; font-size: 70%; font-weight: bold}


.printVer a {
	text-decoration: none;
	color: black;
}

.printVer a:hover {
	text-decoration: underline;
	}

.headerMenuBackgroundcolorInternal{
	background-color:#000000;
}

/* Specifies the size and background of the header menu */
.headerMenuBox{
	height:20px;				
	padding-left:0px;
	padding-right:20px;	
}

/* Specifies the right section of the header menu */
.headerMenuSearchBox{
	height:20px;
	width:1px;
	padding-right:5px;
	text-align:right;			
}

/* Special defnitions for the search input field */
.headerMenuSearchInput{
	border: 0px solid black;
	width:108px;
	font-size:0.9em;
}

/* Special definitions for the search submit button */
.headerMenuSearchButton{
	height: 11px;	
	width:11px;
	border: 0px;
}

/* Special definitions for the search submit button Internal pages */
.headerMenuSearchButtonInternal{
	height: 9px;	
	width:9px;
	border: 0px;
	background-color:#000000;
}	

.headerArrowImg{
	padding-top: 5px;
}

/* The navigation table has a padding right and left */
.navigationPadding{
	padding-left:0px;
	padding-right:5px;
}

/* Specifies the tiny colored space most right of the item section 
.navigationItem_PreColor{
	width:3px;
	font-size:0.1em;
}/*

/* Sets the width and height of a navigation item */
.navigationBox{
	width:150px;
}			

/* The spacing between the left color fields on each navigation item */
.navigationItem1pxSpacing{
	/*width:1px;*/
	background-color:white;
}

/* Specifies the section containing the arrow infront of each item */
.navigationArrowBackground{
	/*width:7px;*/
	padding-left:2px;
}

/* Specifies the apperance of the arrow */
.navigationArrow{
	font:bold 0.9em arial, Helvetica, sans serif, serif;
	color: #FFFFFF;							
}

/* Specifies the backgr?und and size of the textual part of each item */
.navigationItemBackground{
	background-color: #FFFFA4;
	height:20px;
	width:140px;
	padding-left:5px; font-size: 80%;
}

.navigationMSO{
	height:20px;
	width:145px;
	padding-left:5px; font-size: 80%;
}

.navigationMSO a.plain:active, .navigationMSO a.plain:hover { color: #ffffff;}


/* The spacing between each navigation item */
.navigationVerticalSpacing{
	height:1px;
	width:100%;
	background-color: #FFFFFF;
}

.navigationActiveArrow{
	width:7px;
	padding-left:2px;
}

.navigationActiveBackground{
	height:20px;
	width:150px;
	padding-left:5px;
}

.navigationActiveBackground a { font-size: 80%; color: #ffffff; text-decoration: none; font-weight: bold }

.navigationActiveBackground a:hover { text-decoration: underline; }
/* Specifies the most right section of the header containig the cut corner */
.navigationActiveCorner{
	width:12px;
	height:22px;
}

.navigationActiveBackground a:visited { color: #ffffff; }

.navigationSubBox{
	padding:2px;
	padding-left:15px;
}


.navigationSubLink,.navigationSubLink:active,.navigationSubLink:visited{
	font:bold 0.9em arial, Helvetica, sans serif, serif;
	text-decoration:none;
}

.navigationSubLink:hover{
	text-decoration:underline;
}


/* Defines textareas */
select{
	background-color:#FFFFFF;
	border:1px solid black;
}


/* Special defines for checkboxes */
.checkbox{
	border:0px;
}

/* Special defines for radio buttons */
.radiobutton{
	border:0px;
}

/* Used to remove margins */
form.thin {
	margin-bottom: 0px;
	margin-top: 0px;
}


/* sets the surrounding padding to 10 px */
.bottomMenuBox{
	padding:10px;				
}

/* Specifies the size and background for the footer section */
.footerBox{
	height:20px;				
	padding-left:5px;
	padding-right:5px;
}

dd{
	margin-bottom:10px;
	margin-left:20px;
}


/**
	The CSS classes for the navigation marker. **/
.navigationSwatch_default{
	background-color: #ffffa4;
	font-size:0.1em;
}
.navigationSwatch_amber{
	background-color: #C4660A;
	font-size:0.1em;
}

.navigationSwatch_lilac{
	background-color: #613568;
	font-size:0.1em;
}

.navhref:hover {
        color: white;
        text-decoration: underline;
}


.navhref {
        padding: 2px;
	    padding-left: 5px;
        color: #000066;
        text-decoration: none;
        font-size: 80%;
        font-weight: bold;
        display: block;
        width: 145px;
        background-repeat: no-repeat;
}

#blue-navhref:hover { background-image:  url("images/roll2.png"); 
}

#lilac-navhref:hover { background-image:  url("images/roll2222.gif"); 
}
              
.navul {
list-style: none; 
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.navdiv {
            padding-left: 0px;
            background-repeat: no-repeat;
			color: #000066;
}
        
.navli {
            float: left;
            background-image: url(images/grey-navback.gif);
			color: #000066;
            margin-top: 2px;
            background-repeat: no-repeat;
}

.navli-blue {
            float: left;
			background-image: url(images/roll2.png);
			color: #ffffff;
			font-size: 90%;
            font-weight: bold;
			display: block;
            width: 145px;              
	        margin-top: 2px;
            background-repeat: no-repeat;
}

ul.Index {
	width:400px;
	list-style-type:none;
}
ul.Index li.Binary h3 {

}
ul.Index li.Binary a.Binary {
	float:left; margin-right: 5px
}

/*Alsett clearing method used to allow as little text as desired in p without overlapping floats*/
ul.Index li.Binary:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.Index li.Section h3 {
	padding:0 0 15px 50px;
	background-image: url(../images/section.gif);
	background-repeat: no-repeat;
}
ul.Index li.FAQ h3 {
	padding:0 0 15px 50px;	
	background-image: url(../images/faq.gif);
	background-repeat: no-repeat;
}

ol li{
	margin-left:15px;	
}

/* FORM Wizard styles */

div.fw_label
{
	width: 35%;
	float: left;
}

div.fw_label_above
{
	width: 90%;
	float: left;	
}

div.fw_label_above_withmargin 
{
	width: 90%;
	float: left;
	margin-bottom: 1.0em;		
}

div.fw_input
{
	width: 55%;
	float: left;
	margin-bottom: 0.2em;	
}

div.fw_hr
{
	width: 95%;
	float: left;	
	border-top: black 1px solid;
	clear: all;
}

div.fw_errorMessage {
	color: red;
	width: 95%;
	border: red 1px solid;
	float: left;
	padding: 10px;
}

div.fw_input_below
{
	width: 90%;
	float: left;	
	margin-bottom: 0.2em;		

}

div.fw_input_below_optgrp
{
	width: 90%;
	float: left;	
	margin-bottom: 0.7em;		

}

textarea.fw_textarea
{
	width: 100%;	
}

select.fw_select
{
	width: 100%;	
}

input.fw_text 
{
	width: 100%;
}

#content{
	padding-left:0px;
	padding-right:0px;
	width:100%;
	
}

.contentImage{
	margin-right:10px;
	margin-bottom:0px;
	border-style: solid;
	border-width: 1px;
}

/* Adjusts and content below the article to be some pixels down */
.contentBottomSpacing{
	 padding-bottom:10px;
}


/* Specifies size and background of the heading area */			
.contentBoxHeaderBackground{
	height:22px;
	padding-left:5px;
}

/* Specifies the most right portion of the item box where the cut corner is */
.contentBoxHeaderCorner{
	width:7px;
	height:22px;
}

/* Specifies the content text area */
.contentBoxContentBackground{
	background-color:#FFFFCC;
	border: 1px solid #CCCCCC;
	border-top:0px
	padding-bottom:10px;
	padding-top:2px;
    padding-left: 6px;
}

/* Vertical space between box columns */
.contentBoxVerticalSpacing{
	width:4px;
}

/* Horizontal space between box rows */
.contentBoxHorizontalSpacing{
	height:4px;
}


/* Specifies the size and background of the header area */
.eventsHeaderBackground{
	height:22px;
	padding-left:5px;
}

/* Specifies the most right section of the header containig the cut corner */
.eventsHeaderCorner{
	width:7px;
	height:22px;
}

/* Specifies the content text area */
.eventsContentBox{
font-size: 80%; background-color:#FFFFCC;	
padding-left:7px; padding-top:2px; padding-bottom:10px;	padding-right:0px;
width:150px; color:#000066;
}	

.rightColBox{
	width:150px;
}

img { border-style: none; }

img.left, img.right, img.middle {
	display:block;
}

img.left {
	float:left;
}
img.right {
	float:right;
}
img.middle {
	float:center;
}

ul {
    margin-bottom: 0;
	padding-bottom: 0;
    }
	
/* Colour coding */

.contentImage{
	border-color:#718DFF;
}

/* Specifies size and background of the heading area */			
.contentBoxHeaderBackground{
	background-color:#718DFF;
}

/* Specifies the most right portion of the item box where the cut corner is */
.contentBoxHeaderCorner{
	background-color: #718DFF;
}

/* Specifies the size and background of the header area */
.eventsHeaderBackground{
	background-color:#5d8ed1;
}

/* Specifies the most right section of the header containing the cut corner */
.eventsHeaderCorner{
	background-color:#5d8ed1;
}

/* Images with border will exract their border color here */
.imgBorder{
	border-color:#718DFF;
}

.internalBox{
	background-color:#718DFF;
}

.headerMenuBackgroundcolor{
	background-color:#5d8ed1;
}

/* Special definitions for the search submit button */
.headerMenuSearchButton{
	background-color:#718DFF;
}

/* Specifies the tiny colored space most right of the item section 
.navigationItem_PreColor{
	background-color:#000000;
}*/

/* Specifies the section containing the arrow infront of each item */
.navigationArrowBackground{
	background-color:#A30327;
}

.navigationActiveBackground{
	background-color: #ecbd77;
}

/* Specifies the most right section of the header containig the cut corner */
.navigationActiveCorner{
	background-color:#ecbd77;
}

/* Specifies the Mouseover color in the navigation */
.navigationMSO{
	background-color:#000066;
}

.navigationSubBox{
	background-image:url('../images/navigationSubArrow.gif');
	background-repeat:no-repeat;	
}

.navigationSubLink,.navigationSubLink:active,.navigationSubLink:visited{
	color:#A30327;
}

/* Specifies the size and background for the footer section */
.footerBox{
	background-color:#5d8ed1;
	height:20px;				
	padding-left:5px;
	padding-right:5px;
}

h1, h2, h3 { color:navy; }

.textHeadingSmall{
	color:#000066;
}

/* Typography */

/* overall font */
body, td, div, th, tr { font-family: Arial, Helvetica, sans-serif }

/* Plain text */

.normal{
	font:normal 0.8em arial, Helvetica, sans serif;
	color:#000066;
	line-height:130%;
}


/* Plain text white */

.normalWhite{
	font:normal 0.8em arial, Helvetica, sans serif;
	color:#FFFFFF;
}


.emp{
	font:bold 0.8em arial, Helvetica, sans serif;
	color:#000066;
}



/* Bold text white */

.empWhite{
	font:bold 0.8em arial, Helvetica, sans serif;
	color:#FFFFFF;
}

/* inline links: added 25-07-2005 */

.normal a:link, .normal a:visited {text-decoration: none; color: #000066}
.normal a:hover, .normal a:active {text-decoration: underline; color: #000066}

/* Plain links */

a.plain,a.plain:active,a.plain:visited{
	font-face: Arial, Helvetica, sans serif;
	color:#000066;
	text-decoration: none;
}


/* Plain links onmouseover */

a.plain:hover{
	text-decoration: underline;
}


/* Bold links */

a.bold,a.bold:active,a.bold:visited{
	font-weight: bold; font-family: Arial, Helvetica, sans serif ;
	color:#000066;
	text-decoration: none;
}

/* Bold links onmouseover */

a.bold:hover { color: #000066 }

/* Plain links white */

a.plainWhite,a.plainWhite:active,a.plainWhite:visited{
	font:normal 0.8em arial, Helvetica, sans serif;
	color:#FFFFFF;
	text-decoration: none;
}


/* Plain links white onmouseover */

a.plainWhite:hover{
	text-decoration: underline;
}


/* Bold links white */

a.boldWhite,a.boldWhite:active,a.boldWhite:visited{
	font:bold 0.8em arial, Helvetica, sans serif;
	color:#FFFFFF;
	text-decoration: none;
}


/* Bold links onmouseover */

a.boldWhite:hover{
	text-decoration: underline;
}


.navigationMSO a.plain,.navigationMSO a.bold{
	color:white; display: block; width: 100%;
}


/* Box headings */

.boxHeadingWhite{
	font:bold 0.8em arial, Helvetica, sans serif;
	color:#ffffff;
}


h1{
	font:bold 1.5em arial, Helvetica, sans serif ;
	margin-top:0px;	margin-bottom:0.3em; }

h2 {
	font:bold 1.1em arial, Helvetica, sans serif;
	color:navy; padding-top:5px; padding-bottom:0px; margin-bottom:0.3em;
}


h3 {
	font:bold 1.0em arial, Helvetica, sans serif ;
	color:navy; margin-bottom:0px;
}


.textHeadingSmall{
	font:bold 0.8em arial, Helvetica, sans serif;
}


.imageText{
	font-style:italic;
}

.bottomMenuBox{
	font-size: 0.8em				
	}

.bottomMenuBox a, a:active, a:visited {
        color: black;
	text-decoration: none;
}


.bottomMenuBox a:hover {
	text-decoration: underline;
}

.contentBoxContentBackground { font-size: 0.8em }

/* Photo Gallery Styles */

span.pg_box {

	margin-left:3px;
	padding-left: 3px;
	padding-right: 3px;	
    display: block;
    float: left;	
	border: 1px solid black;
}

a.pg_linkbox,a.pg_linkbox:active,a.pg_linkbox:visited {

	margin-left:3px;
	padding-left: 3px;
	padding-right: 3px;	
	border: 1px solid gray;
    display: block;
    float: left;	
	color: gray;
}

a.pg_linkbox:hover {
	background-color: #ffffa4;
	border: 1px solid gray;	
	color: white;	
	text-decoration: none;
}

/* 2 column style */

.c1, .c2
	{
	width: 265px;
	padding: 0 10px 10px 10px;
	}
	
.c1 ul, .c2 ul
	{
	list-style: none;
	padding-left: 0;	
	margin: 0;
	}
	
.c1
	{
	float:left;
}

.c2
	{
	float:right;
}

/*the following is for IE box model*/	
* html .c1, * html .c2
	{
	width: 275px;
	padding: 0 10px 10px 10px;
	}