body  {
font-family: Arial, Helvetica, sans-serif; color: #5a5b5b; font-size: 75%; line-height: 140%; background-color: #bfd6de; text-align: left; height: 100%; width: 100%; margin: 0; padding: 0; }
p { font-size: 100%; line-height: 140%; text-align: left; }
ol { font-size: 100%; margin-top: 0.8em; margin-bottom: 0.8em; }
ul { font-size: 100%; margin-top: 0.8em; margin-bottom: 0.8em; }
li { font-size: 100%; margin-top: 0.8em; margin-bottom: 0.8em; }
form { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
table {  font-size: 100%; vertical-align: top; }
td { font-size: 100%; vertical-align: top; }
tr {  font-size: 100%; vertical-align: top; }
table p { margin: 0; padding-bottom: 10px; } 
	
.twoColFixLt #container { 
margin: 0 auto;
width: 800px;
margin-top: 5px; /* the auto margins (in conjunction with a width) center the page */


	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #sidebar1 {
		float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999;
background-color:#FFFFFF;
position:fixed;

	padding: 10px 25px 10px 20px; }
	
.twoColFixLt #sidebarlondon {
		float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
	
#sidebar ul {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebar li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebar li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/blue1.png");
}
#sidebar li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/blue1.png");
}
#sidebar li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/blue2.png");
}
#sidebar li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/blue3.png");
}

#sidebarg ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebarg li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebarg li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/green1.png");
}
#sidebarg li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/green1.png");
}
#sidebarg li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/green2.png");
}
#sidebarg li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/green3.png");
}

#sidebarn ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebarn li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebarn li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/navy1.png");
}
#sidebarn li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/navy1.png");
}
#sidebarn li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/navy2.png");
}
#sidebarn li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/navy3.png");
}

#sidebaro ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebaro li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebaro li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/oran1.png");
}
#sidebaro li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/oran1.png");
}
#sidebaro li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/oran2.png");
}
#sidebaro li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/oran3.png");
}

#sidebarpink ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebarpink li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebarpink li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/pink1.png");
}
#sidebarpink li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/pink1.png");
}
#sidebarpink li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/pink2.png");
}
#sidebarpink li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/pink3.png");
}

#sidebargrey ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebargrey li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebargrey li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/grey1.png");
}
#sidebargrey li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/grey1.png");
}
#sidebargrey li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/grey2.png");
}
#sidebargrey li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/grey3.png");
}

#sidebarpurp ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
#sidebarpurp li {
	margin: 0;
	padding: 0 0 3px 0;
	border: none;

}
#sidebarpurp li a:link {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/purp1.png");
}
#sidebarpurp li a:visited {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/purp1.png");
}
#sidebarpurp li a:hover {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required_parts/purp2.png");
}
#sidebarpurp li a:active {
	margin: 0;
padding: 6px 3px 6px 6px;
color: white;


	display: block;
	background-image: url("../required_parts/purp3.png");
}

	
.twoColFixLt #mainContent { 
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999;
background-color:#FFFFFF;
width:550px;
float:right;

	padding:  10px 10px 25px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixLt #mainContentkeyword { 
background: white url("../required_parts/content-shadow-alt-key.png") no-repeat bottom right;
padding:  10px 10px 3px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */


} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a:visited { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a:hover { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; background-color: #017bba; text-decoration: none; }
a:active { color: #35b8fc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.keyword:link { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.keyword:visited { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.keyword:hover { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; background-color: #017bba; text-decoration: none; }
a.keyword:active { color: #35b8fc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.contact:link { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.contact:visited { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.contact:hover { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; background-color: #017bba; text-decoration: none; }
a.contact:active { color: #35b8fc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.nav:link { color: #ffffff; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.nav:visited { color: #ffffff; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.nav:hover { color: #9ad1f1; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; background-color: transparent; text-decoration: none; }
a.nav:active { color: #ffffff; font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.return_to_top:link { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 45px; padding: 5px; }
a.return_to_top:visited { color: #017bba; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 45px; padding: 5px; }
a.return_to_top:hover { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; background-color: #FFFFFF; text-decoration: none; margin-left: 45px; padding: 5px; }
a.return_to_top:active { color: #46b9f4; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; margin-left: 45px; padding: 5px; }

a.key_link:link { color: #50575b; font-size: 120%; font-weight: bold; text-align: center; }
a.key_link:visited { color: #50575b; font-size: 120%; font-weight: bold; text-align: center; }
a.key_link:hover { color: white; background-color: #50575b; font-size: 120%; font-weight: bold; text-align: center; }
a.key_link:active { color: #AEB4B7; font-size: 120%; font-weight: bold; text-align: center; }

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

.h1_chaptertitle { line-height: 120%; color: #50575b; font-size: 160%; font-weight: bold; font-style: normal; }
.h2_mainheading { color: #50575b; font-size: 130%; font-weight: bold; font-style: normal; border-bottom: 1px solid #0495df; }
.h2_mainheading_no_underline { color: #50575b; font-size: 135%; font-weight: bold; font-style: normal; }
.h3_subheading { color: #50575b; font-size: 115%; font-weight: bold; font-style: normal; border-bottom: 1px solid #0495df; }
.h3_subheading_no_underline { color: #50575b; font-size: 115%; font-weight: bold; font-style: normal; }
.h4_minorheading_no_underline { color: #50575b;	font-size: 105%; font-weight: bold; font-style: normal; }
.scope_box { padding: 10px; border: solid 5px #aad2df; }
.reference_box { padding: 10px; border: solid 5px #a7e6c3; }
.version_number { color: #50575b; font-size: 115%; font-style: normal; }
.table_header { color: #FFFFFF; font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #5c5c5c; text-align: left; vertical-align: text-top; }
.italic { font-style: italic; }
.bold {	font-weight: bold; color: #666666;}
.table_row_odd { font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align: left; vertical-align: text-top; }
.table_row_even { font-size: 100%; background-color: #cbdaf5; text-align: left; vertical-align: text-top; }
.outstanding { font-style: italic; color: #FF0000; font-weight: bold; }
.end_of_chapter { color: #50575b; font-weight: bold; text-align: center; }
.to_follow {color: gray; }
.tiny_text {font-size: 9px}
.yellow_highlight{background-color:#FF3; }
.table_light{background-color:#efefef;}
.highlight { background: #FFFF40; }
.table_row_even_bold { font-size: 100%; background-color: #cbdaf5; text-align: left; vertical-align: text-top; font-weight: bold;}

/*hide class (add to ant element to hide)*/
.hide {display: none;}