/* Main Text Definitions */

body {
 background: #ffffff;
 color: #555555;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 margin: 0;
}


.typeh3, .typeh4
{
		color: #600001;
		font-weight: bold;
}

.typeh3
{
	font-size: 120%;
	
}

.typeh4
{
	font-size: 110%;
}

/* Coloured styles start here */
h1, h2, h3, h4, h5 {
 color: #600001;
}
a {
 color: #600001;
}
a:hover {
 color: #555555;
}
#top {
 height: 120px;
 background: #600001;
}

div.tint_box1 {
 border: 0;
 background: #600001;
 background-image: url(../images/white_angle.gif);
 background-position:top right;
 background-repeat:no-repeat;
 padding: 5px 10px;
 color: #ffffff;
 margin-bottom: 10px;
}
div.tint_box1 p {
 margin-top: 0;
 color: #ffffff;
 margin-bottom: 5px;
}
div.tint_box1 h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #ffffff;
}
div.tint_box1 a {
 color: #ffffff;
 text-decoration: none;
}
div.tint_box1 a:hover {
 color: #ffffff;
 text-decoration: underline;
}



/* Tint Styles added from futurewise sheet by Alan Yardley 03/08/06 */
/* Need to be mdofoed for Isco, required for address book */
.tint1 {
 background: #600001;
 color: #ffffff;
 font-weight: bold;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint2 {
 background: #F9D4BA;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
.tint3 {
 background: #D8D8D8;
 color: #333333;
 border-right: 1px solid #ffffff;
 border-bottom: 10px solid #ffffff;
 padding: 5px;
}
table.tint a {
 color: #0A007D;
 text-decoration: underline;
}
table.tint a:hover {
 color: #333333;
 text-decoration: underline;
}
table.tint td {
 padding: 5px;
}
/* end of AY added styles */

/* Coloured styles end here */


h1 {
 font-size: 140%;
 margin-top: 0;
}
h2 {
 font-size: 130%;
}
h3 {
 font-size: 120%;
}
h4 {
 font-size: 110%;
}
h5 {
 font-size: 100%;
}

a img {
 border: 0;
}

.on {
 font-weight: bold;
}

#container {
 width: 100%;
}


#logo {
 float: left;
 width: 308px;
 height: 120px;
}
#topnav {
 float: right;
 text-align: right;
 padding-top: 25px;
 padding-right: 20px;
 margin-left: -308px;
 color: #ffffff;
}
#topnav ul {
float: left;
list-style: none;
padding: 0;
margin: 0;
} 
#topnav li {
float: left;
padding: 0;
margin-top: 5px;
}
#topnav li a {
 color: #ffffff;
 text-decoration: none;
 margin-right: 20px;
}
#topnav li a:hover {
 color: #ffffff;
 text-decoration: underline;
 margin-right: 20px;
}

#briefcase {
 float: right;
 width: 160px;
 padding: 25px 20px 10px 20px;
 height: 85px;
 color: #ffffff;
 border-left: 1px solid #ffffff;
}
#briefcase h1 { 
 color: #ffffff;
 font-size: 120%;
 margin-bottom: 5px;
}
#briefcase a {
 color: #ffffff;
 text-decoration: underline;
}
#briefcase a:hover {
 color: #ffffff;
 text-decoration: underline;
}

#date {
 padding-left: 30px;
 background: #7e7d82;
 height: 17px;
 padding-top: 3px;
 color: #ffffff;
}

#logout {
 float: right;
 width: 180px;
 padding-right: 20px;
 text-align: right;
}
#logout a {
 color: #ffffff;
 text-decoration: none;
}
#logout a:hover {
 color: #ffffff;
 text-decoration: none;
}



#main {
 float: left;
 background-image: url(../images/main_bg.gif);
 background-position: left;
 background-repeat: repeat-y;
}

#nav {
 float: left;
 width: 140px;
 padding-left: 30px;
 padding-right: 10px;
 padding-top: 45px;
}
#content {
/* Fix for 3px margin gap */ height: 1%;
 margin-left: 200px;
 margin-right: 220px;
 padding-top: 10px;
}

#right {
 float: right;
 width: 180px;
 padding-top: 50px;
 padding-right: 20px
}

/*#nav ul.nav1 {
 float: left;
 list-style: none;
 padding: 0; 
 margin: 0; 
} 
#nav ul.nav1 li {
 width: 140px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #A4A3A7;
}
#nav ul.nav1 li a { 
 color: #555555;
 text-decoration: none;
}
#nav ul.nav1 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav2 {
 float: left;
 list-style-type: square;
 margin: 0;
 padding-left: 15px;
} 
#nav ul.nav2 li {
 width: 135px;
 padding-left: 0;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav2 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav2 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav3 {
 float: left;
 display: block;
 list-style-type: circle;
 margin: 0;
 padding-left: 15px;
} 
#nav ul.nav3 li {
 width: 135px;
 padding-left: 0;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav3 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav3 li a:hover {
 color: #555555;
 text-decoration: underline;
}*/

#nav li {
 clear: left;
}

#nav ul.nav1 {
 display: block;
 list-style: none;
 padding: 0; 
 margin: 0; 
} 
#nav ul.nav1 li {
 display: block;
 width: 140px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid #A4A3A7;
}
#nav ul.nav1 li a { 
 color: #555555;
 text-decoration: none;
}
#nav ul.nav1 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav2 {
 display: block;
 list-style: none;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #E4E6E6;
} 
#nav ul.nav2 li {
 display: block;
 width: 135px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav2 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav2 li a:hover {
 color: #555555;
 text-decoration: underline;
}

#nav ul.nav3 {
 display: block;
 list-style: none;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #D7DADA;
 font-size: 90%;
} 
#nav ul.nav3 li {
 display: block;
 width: 130px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav3 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav3 li a:hover {
 color: #555555;
 text-decoration: underline;
}


#nav ul.nav4 {
 display: block;
 list-style: none;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #CCCCCC;
 font-size: 90%;
} 
#nav ul.nav4 li {
 display: block;
 width: 125px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav4 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav4 li a:hover {
 color: #555555;
 text-decoration: underline;
}


#nav ul.nav5 {
 display: block;
 list-style: none;
 margin: 0;
 margin-bottom: 2px;
 padding: 0;
 background: #CCCCCC;
 font-size: 90%;
} 
#nav ul.nav5 li {
 display: block;
 width: 120px;
 padding-left: 5px;
 padding-top: 1px;
 padding-bottom: 1px;
 border-bottom: 0;
}
#nav ul.nav5 li a {
 color: #555555;
 text-decoration: none;
}
#nav ul.nav5 li a:hover {
 color: #555555;
 text-decoration: underline;
}



div.keyline_box {
 border: 1px solid #A4A3A7;
 background: #ffffff;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
}
div.keyline_box a {
 color: #5E5D60;
 text-decoration: underline;
}
div.keyline_box a:hover {
 color: #5E5D60;
 text-decoration: underline;
}

div.grey_box {
 border: 1px solid #A4A3A7;
 background: #F1F2F2;
 padding: 5px 10px;
 color: #5E5D60;
 margin-bottom: 10px;
}

div.keyline_box p {
 margin-top: 0;
 margin-bottom: 5px;
}
div.keyline_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}


div.grey_box p {
 margin-top: 0;
 margin-bottom: 5px;
}
div.grey_box h4 {
 margin-top: 0;
 margin-bottom: 5px;
 color: #333333;
}




#footer {
 clear: both;
 padding-left: 200px;
 padding-top: 20px;
 height: 20px;
 color: #555555;
 background-image: url(../images/main_bg.gif);
 background-position: left;
 background-repeat: no-repeat;
 font-size: 80%;
}

#footer ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
} 
#footer li {
 float: left;
 margin-right: 20px;
}
#footer li a { 
 color: #555555;
 text-decoration: none;
}
#footer li a:hover {
 color: #555555;
 text-decoration: underline;
}

#bread{
color:#555555;
font-size: 90%;
padding-bottom: 27px;
}
#bread a{
color:#A0A0A0; 
text-decoration: none;
}
#bread a:hover{
 color: #A0A0A0;
 text-decoration: none;
}



.list_item {
 margin-bottom: 15px;
}
.list_item img {
 float: left;
 margin-right: 10px;
}

a.rlheader1 {
 color: #333333;
 font-size: 100%;
 text-decoration: none;
}
a.rlheader1:hover {
 color: #333333;
 font-size: 100%;
 text-decoration: underline;
}
.rlheader1 {
 color: #333333;
 font-size: 100%;
 text-decoration: none;
}
a.rlheader2 {
 color: #333333;
 font-size: 90%;
 text-decoration: none;
}
a.rlheader2:hover {
 color: #333333;
 font-size: 90%;
 text-decoration: underline;
}
.rlheader2 {
 color: #333333;
 font-size: 90%;
 text-decoration: none;
}

.whoswho {
 margin-bottom: 20px;
}
.whoswho img {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
}


div.sitemap_column {
 float: left;
 width: 250px;
 margin-right: 10px;
}
div.sitemap_head {
 background: #E5E9EC;
 border-bottom: 1px solid #E5E9EC;
}
div.sitemap_head a {
 font-weight: bold;
 color: #002942;
 text-decoration: none;
}
div.sitemap_head a:hover {
 font-weight: bold;
 color: #002942;
 text-decoration: underline;
}
div.sitemap_item {
 padding-bottom: 10px;
 border-bottom: 1px solid #E5E9EC;
}
div.sitemap_item a {
 color: #002942;
 text-decoration: none;
}
div.sitemap_item a:hover {
 color: #002942;
 text-decoration: underline;
}


/* Forms */
FORM {
	 padding: 0;
	 margin: 0;
	 border: 0;
}

.fmlabel {
	float: left;
	width: 120px;
	margin-bottom: 5px;
}

INPUT.fmfield {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
INPUT.fmbutton {
	BACKGROUND: #ffffff;
	color: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #333333;
}
INPUT.search {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
SELECT {
	BACKGROUND: #ffffff;
	color: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #333333;
}
textarea {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
}
textarea.large_box {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 420px;
	height: 120px;
	color: #333333;
	border: 1px solid #333333;
}

textarea.mid_box {
	BACKGROUND: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 296px;
	height: 90px;
	color: #333333;
	border: 1px solid #333333;
}

input.password {
 BACKGROUND: #ffffff;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 height: 14px;
 font-size: 11px;
 color: #333333;
 border: 1px solid #333333;
 margin-bottom: 5px;
}

/* wysiwyg styles */

.emph {
font-weight: bold;
}
.header {
 font-size: 140%;
 FONT-WEIGHT: bold;
}

.subheader {
 font-size: 120%;
 FONT-WEIGHT: bold;
}
