<style type="text/css">
<!--

* {background-color: #f0f0f0;}
body {
margin: 10px;
padding: 10;
font-family:arial, verdana, helvetica, sans-serif; font-size:11px; font-weight:normal;background-color: #f0f0f0;
}
h1 {
font-family: comic-sans-ms, verdana,  helvetica, sans-serif;
margin: 0 0 12px 0;
font-size:14pt; text-decoration:none; text-align: center;font-weight: 600;
padding: 0;
color:#0000ff;
}
h2 {
font-family: comic-sans-ms, arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 13pt; text-decoration: underline;text-align:center;
color:blue;
}
h3 {
font-family: comic-sans-ms, arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 9pt;
color:maroon;
}
img
 {
float:center;
margin:0 0 5px 10px;
border:1px black;
text-align:left;
}
ul.image {list-style-image: url('arr_1.gif')}
 ul.disc {list-style-type: disc} 
 ul.circle {list-style-type: circle} 
 ul.square {list-style-type: square} 
 ul.none {list-style-type: none} 
 
.content>p {
margin: 0; font-family: arial, verdana; font-size:11px; weight:normal; text-align:justify;
}
.content>p+p {
text-indent: 9px; 
}

a {
color: teal;
font-family: arial, verdana,  helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-family:arial;font-size:12px; font-weight: bold;
}
a:link {
color:#0000ff; font-family:arial;font-size:12px; font-weight: bold;
}
a:visited {
color: #0000ff;
}
a:hover {
background-color:#FFCCFF;
}
/* All the content boxes belong to the content class. */
.content {
position: relative;
width: 580px;
min-width: 120px;
margin: 0 200px 20px 200px;
border: 0px solid black;
background-color: #f0f0f0;
font-family: arial, verdana; font-size:12px; weight:normal; text-align:justify;
padding: 5px;
z-index: 3;
}
	


#navleft {
position: absolute;
width: 165px;
top: 200px;
left: 20px;
background-color:""; 
font-size: 11px; font-weight:+600;
border: 0px solid;
padding: 10px;
z-index: 2;
}

#navright {
position: absolute;
width: 160px;
top: 220px;
right: 10px;
font-size: 11px; font-weight: 600;
border: 0px solid;
background-color:"";
padding: 10px;
z-index: 1;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 5px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 50px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

-->
</style>
