body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#F8C618;
}
a:link { color:#808080; }
a:visited { color:#0066CC; }
a:hover, a:focus {color:#9FB61F; text-decoration: none;}

.center{
text-align: center
}
.larger{
font-size:larger;
}

.right{text-align:right;}

            #content {

	margin: 20px 20px 0 20px;
	padding: 0;
				color:#000000;
				font-family: Verdana, Geneva, Arial, sans-serif;
				font-size:smaller;
				background-color: #ffffff;
				background-image:url(css-images/paperclip.gif);
				background-repeat:no-repeat;

            }
			

			/************** .topic styles *****************/
.topic{
	clear: both;
	padding: 5px;
	margin: 5px;
	font-size: 80%;

}
.topic div.summary{ /* ensures that summary divs in topics use normal font size */
	font-size: 100%;
	margin-top:0;
}
.topic div.topic{ /* ensures that sub-topic divs in topics use normal font size */
	font-size: 100%;
	margin-top:0;
}

.topic p{
	margin-top:10px;
	padding: 0px 0px 10px 10px;
}
p.write-here {
	margin:0 60px 0 30px;
	border-bottom:1px dashed #000000;
	}
h1{
	padding:30px 20px 10px 10px;
		margin-left:100px; /* stops header hitting the paper clip */
			margin-bottom:40px; /* required for single title docs */
	color:#000000;
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	}

	h2{
	padding:0 20px 3px 10px;
	margin-left:100px; /* stops header hitting the paper clip */
		color:#210000;
			text-align:right;
	}

.topic h2{
margin-left:0;
padding: 3px 0px 3px 5px;
	background-color:#454545;
	color:#ffffff;
	font-size:150%;
	text-align:left;
}
.topic h3{
	padding: 3px 0px 3px 5px;
	background-color:#666666;
	color:#ffffff;
	font-size:120%;
	font-style:italic;
}
.topic h4{
	padding: 3px 0px 0px 10px;
	margin:0;
	color:#000000;
	font-size:100%;
}
.topic img{
	padding: 0px 10px 11px 5px;
	margin: 5px 10px 5px 5px;
	background-color:transparent;
}
.topic ul li{
	margin-left: 5px;
}
ul li ul{
	padding-left: 5px;
	margin-left: 5px;
}
	/* nested UL to the right of an img element -> IE fix */
		/* the following rule is recognized only by IE */
	* html body div#content div.topic ul li ul.imageSpacing {
		margin-left: 130px;
	}
.topic ol li{
	margin-left: 10px;
}
ul.indent li, ol.indent li{
	margin-left: 30px;
}
.noBullet{
list-style:none;
}
.numberBullet{
list-style-type:decimal;
}
.letterBullet{
list-style-type:lower-alpha;
}
.leftBox{
width:46%;
float:left;
padding:10px;
border: 1px solid #333; 
}
.rightBox{
width:46%;
float:right;
padding:10px;
border: 1px solid #333; 
}
/* tablular data styles */
.table-type-a {
	width:80%;
	margin:0 auto;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	}
	.table-type-a td {
		border-bottom:1px solid #666666;
		border-right:1px solid #666666;
		padding:5px;
		}
.table-type-b {
	width:80%;
	margin:0 auto;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	}
	.table-type-b td, .table-type-b th {
		border-left:1px solid #666666;
		padding:5px;
		font-weight:normal;
		}
	.table-type-b th { border-bottom:1px solid #666666; }
	.table-type-b td.no-border, .table-type-b th.no-border { border-left:none; }		

/* footer styles */
/* generic footer styles */	
.footer {
	width:92%;
	margin:20px auto;
	font-size:smaller;
	text-align:center;
	}
	.footer div { margin:10px 0; }
	.footer a:hover {
		color:#606060;
		}