body  {
font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 80%; line-height: 150%; background-color: #a3ddf0; text-align: left; height: 100%; width: 100%; margin: 0; padding: 0; }
p { font-size: 105%; line-height: 150%; text-align: left; }
ol { font-size: 105%; margin-top: 0.8em; margin-bottom: 0.8em; }
ul { font-size: 105%; margin-top: 0.8em; margin-bottom: 0.8em; }
li { font-size: 105%; margin-top: 0.8em; margin-bottom: 0.8em; }
form { font-family: Arial, Helvetica, sans-serif; font-size: 105%; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 105%; }
table {  font-size: 105%; vertical-align: top; }
td { font-size: 105%; vertical-align: top; }
tr {  font-size: 105%; vertical-align: top; }

	
.twoColFixLt #container { 
		width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	

	margin: 0 auto; /* 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 */

	background: white url("../required parts/side_shadow_larger.png") no-repeat bottom right; 
/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 25px 10px 20px; }
	
	.twoColFixLt #sidebar_lond {
		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 */

	background: white url("../required parts/side_shadow_larger.png") no-repeat bottom right  ; 
/* the background color will be displayed for the length of the content in the column, but no further */
	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 {
	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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/blue1.png");
}
#sidebar li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/blue1.png");
}
#sidebar li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/blue2.png");
}
#sidebar li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/green1.png");
}
#sidebarg li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/green1.png");
}
#sidebarg li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/green2.png");
}
#sidebarg li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/navy1.png");
}
#sidebarn li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/navy1.png");
}
#sidebarn li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/navy2.png");
}
#sidebarn li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/oran1.png");
}
#sidebaro li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/oran1.png");
}
#sidebaro li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/oran2.png");
}
#sidebaro li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/pink1.png");
}
#sidebarpink li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/pink1.png");
}
#sidebarpink li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/pink2.png");
}
#sidebarpink li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/grey1.png");
}
#sidebargrey li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/grey1.png");
}
#sidebargrey li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/grey2.png");
}
#sidebargrey li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
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: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/purp1.png");
}
#sidebarpurp li a:visited {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/purp1.png");
}
#sidebarpurp li a:hover {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;
font-weight: bold; 


	display: block;
	background-image: url("../required parts/purp2.png");
}
#sidebarpurp li a:active {
	margin: 0;
padding: 3px 3px 6px 3px;
color: white;


	display: block;
	background-image: url("../required parts/purp3.png");
}
	
.twoColFixLt #mainContent { 
background: white url("../required parts/shadow_larger.png") no-repeat bottom right;


	margin: 0 0 0 210px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	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: #563e23; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }
a.contact:visited { color: #563e23; 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: #563e23; 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: #35b8fc; 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: #017bba; 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 { color: #50575b; font-size: 160%; font-weight: bold; font-style: normal; }
.h2_mainheading { color: #50575b; font-size: 135%; font-weight: bold; font-style: normal; border-bottom: 1px solid #0495df; }
.h2_mainheading_no_underline { color: #50575b; font-size: 140%; font-weight: bold; font-style: normal; }
.h3_subheading { color: #50575b; font-size: 120%; font-weight: bold; font-style: normal; border-bottom: 1px solid #0495df; }
.h3_subheading_no_underline { color: #50575b; font-size: 120%; font-weight: bold; font-style: normal; }
.h4_minorheading_no_underline { color: #50575b;	font-size: 110%; 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: 120%; font-style: normal; }
.table_header { color: #FFFFFF; font-size: 105%; 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: 105%; font-family: Arial, Helvetica, sans-serif; text-align: left; vertical-align: text-top; }
.table_row_even { font-size: 105%; 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: 12px}
/* Expanding box */
#box {
	margin:auto;
	width:760px;
	text-align:left;
}

.expand, .expand:hover {
	background: url(../images/articleGrow.gif) left top no-repeat !important;
	padding: 1px 10px 5px 20px !important;
	cursor: pointer;
	font-weight: bold !important;
	font-size: 100%;
	display:block;
	color: #4394D6 !important;
}

.expanded, .expanded:hover {
	background: url(../images/articleShrink.gif) left top no-repeat !important;
	padding: 1px 10px 5px 20px !important;
	cursor: pointer;
	font-weight: Bold !important;
	font-size: 100%;
	display:block;
	color: #4394D6 !important;
}

.expand, .expanded a:hover {

}

.expanded, .expanded a:hover {

}


ul.expand-list li {
	list-style-image: url(../images/mediBullet.gif);
	margin-bottom: 0px;
	font-size: 100%;
	padding-left: 0px;
}