/*** The Essential Code ***/

		BODY, TD {
			min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
			

    color : #000;  /*change color to suit*/
margin : 0;
padding : 0;
		}
		
		#counter {padding-left:75px; }
		#container {
			padding-left: 200px;      /* LC fullwidth */
			padding-right: 190px;     /* RC fullwidth + CC padding */
			background-color:#000;
			min-width:780px;
			max-width:1090px;
			background: transparent;
		}
		
		#container .column {
			position: relative;
			float: left;
			
		}
		
		#center {
			padding: 1px 10px 0 20px;       /* CC padding */
			width: 98%;
			background-color:clear;
			
		}
		
		#left {
			width: 190px;             /* LC width */
			padding-left: 20px ;          /* LC padding */
			padding-top:20px;
			right: 240px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
			background-color:transparent;
			padding-bottom:70px; /* testing 24 july 07 */
		}
		
		#right {
			width: 170px;             /* RC width */
			padding: 0 0px;          /* RC padding */
			margin-right: -100%;
		}
		#java {width: 300px;
		       border:1px solid #ccc;
			   align:center;
		}
		
		#footer {
			clear: both;
		}
		
		/*** IE Fix ***/
		* html #left {
			left: 150px;              /* RC fullwidth */
		}
		
		 img { float:left;
					margin : 5px 0px 5px 0px;}
		div.thumbnail
	{
		width: 130px;
		float: left;
		margin: 0 0px 0px 0;
		
	}
	/****************** Image Floats ****************/
.floating {} 
.to_left {float:left; margin : 5px 10px 5px 0px} 
.to_right {float: right; margin : 5px 0px 0px 10px;} 
.center  {float: center; margin : 5px 0px 5px 10px;}
/***********************************************/
	div.thumbnail img
	{
		border: 1px solid #777;
		margin: 0;
	}
	div.thumb {list-style: bullet;
						width:230px;}
		
		/*** Equal-height Columns ***/

		#container {
			overflow: hidden;
		}

	#poweredby {width:100px;height:80px;position:absolute;top:0;right:10px;}	

		/*** Footer Fix ***/

		* html body {
			overflow: hidden;
		}
		
		* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			/* padding-bottom: 10010px;
			margin-bottom: -10000px; blanked out 24 July 07*/
			background: #000;         /*** Same as body background ***/
		}

		/*** Just for Looks ***/


		#header {
			font-size: large;
			text-align: center;
			padding:  0;
			background: #000000;
			height:80px;
		}
		#footer {
			font-size: large;
			text-align: center;
			padding:  0;
			background: #000090;
			height:35px;
		}


		#left {
			height:100%;
			
		}

		#center {
			background: transparent;
			height:100%;
		
		}

		.date {
	font-size: 55%;
	font-style: bold;
	font-family: tahoma;
	color: black;
}
		
		#container .column {
			height:100%;
			
			text-align: justify;
		}
		p,h1,pre {
		margin:0px 10px 10px 10px;
		}
.date{font : 6.7pt verdana,geneva,helvetica;}		
p, ul, ol, li {
font : 8pt verdana,geneva,helvetica;
}

ul
{

list-style-type: none
}
h1 {
font : bold 10pt Tahoma, Verdana, Arial, Helvetica, geneva; color: #990000;

}
h2 {
font : bold 12pt Arial, Helvetica, geneva;
}
h3 {font-family:verdana;font-size:10pt;	font-type:bold;	color:#0066cc;}
.a2 {
	font-size: 6.4pt;
	font-style: bold;
	font-family: verdana;
	color: 000080;
}
.a3 {
	font-size: 6.4pt;
	font-style: bold;
	font-family: verdana;
	color: #990000;
	text-decoration:none;
}
.a3:Hover {
	color: #0099ff;
	text-decoration:none;
	}
	

.sel2 {
	font-size: 55%;
	font-style: bold;
	font-family: tahoma;
	color: black;
}


.sel4  {
    font-size: 7pt;
	font-weight: bold;
	font-family: verdana;
	color: red;
}
.sel5  {
    font-size: 8pt;
	font-weight: regular;
	font-family: verdana;
	color: #bbb;
}
.sel6 {
	font-size: 86%;
	font-style: bold;
	font-family: tahoma;
	color: #000080;
}
.sel7 {
	font-size: 105%;
	font-style: bold;
	font-family: verdana;
	color: red;
}

	}

	
A {
	color: #CC0033;	font-size: 7pt;	font-style: bold;	font-family: verdana;}
a.one:link {color: #000000}
a.one:visited {color: #cccccc}
a.one:hover {color: #ff6600}
a:one:active {color: #0000FF}

A:Hover {
	color: #0099ff;
	text-decoration:none;
	}
	
A {text-decoration:	none;
}
div#footer {width:100%;  /* makes the div fill its container - usually body */
 			
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.65em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					clear:both;
					}
					
div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#AFF; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:white; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */

/* curly border*/

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 100%;
}

.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;

position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.table2 {
		padding: 0; margin:0}
		
/* background image */
.tab2 
{width:100%;
.tab2 td {background: #fff url("sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #000}
		.tab2 tr {text-align:left;border: 1px solid #CCC}
		.tab2 thead th {color:#fff;font-size:145%;background: #fff url("sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.tab2 tbody th {color:#fff;font-size:115%;background: #ccc url("sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.tab2 tbody th.sub {font-size:100%;color:#000;background: #efefef url("sprites.gif") repeat-x 0 -1500px;padding: 6px}

}
.tab2 p{
 height : 10px;
 font-family:verdana; 
 font-size: 8pt;
   }
.line{ padding:5px 0 5px 0;font-family:verdana; text-align:center;background:#E9EAEA;font-size: 7.5pt;font-weight: bold;color:#000080;}
.line1{ padding:5px 0 5px 0; text-align:center;color:white;background:#0066cc;font-family:verdana;font-size: 7.5pt;font-weight: bold;}
.line2{ padding:5px 0 5px 0; text-align:center;background:#E9EAEA;font-family:verdana;font-size: 7.5pt;font-weight: bold;color:#000080;}
.line3{ padding:5px 0 5px 0; text-align:center;background:#E9EAEA;font-family:verdana;font-size: 8pt;font-weight: bold;color:#990000;}
.line4{ padding:5px 0 5px 0; text-align:center;background:#990000;font-family:verdana;font-size: 8pt;font-weight: bold;color:#ffffff;}
.space {height:150px;width:100%;border-top:1px solid #ccc;}