<STYLE>
/*globals*/
ul {
	list-style-type: none;
}
/*body {
	/*background: url(bg.gif) 50% 0 repeat-y #F5F5F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;*/
	color: #000099;
	scrollbar-base-color:darkblue;
}*/

#km-wrapper {
	/*width: 768px;*/
	margin: auto;
	background: #330066;
	link:#FFFF33;
	scrollbar-base-color:#009;
	font-color : red;
}
#km-wrapper-inner {
	padding: 40px 20px;
 	background: #333366;
	scrollbar-base-color:skyblue;
}



/* links */

a.km-def {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

a.km-def:hover {
	background: #F3F3F3;
	color: #000;	
}

/* demo */

div.demolayout {
	width: 100%;
	margin: 0 0 0 0;
}

ul.demolayout {
	list-style-type: none;
	width: 98%;
	float: left;
	/*background: url(tan2.gif) bottom left repeat-x;*/
}

ul.demolayout li {
	margin: 0 0 0 0;
	float: left;
}

ul.demolayout a {
        color: #000;
        background: blue url(left-tabblu.gif) left top no-repeat;
        text-decoration: none;
        padding-left: 10px
}

ul.demolayout a span{
	background: url(right-tabblu.gif) right top no-repeat;
	padding-right: 10px
}


#demo-nav a, #demo-nav a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#demo-nav a, #demo-nav a span
{
float: none
}
/* End hide */ 

ul.demolayout a:hover {
	
	color: #fff;
	background: #000000 url(left-tab-hoverb.gif) left top no-repeat;
	padding-left: 10px
}

ul.demolayout a:hover span {
	background: url(right-tab-hoverb.gif) right top no-repeat;
	padding-right: 10px
} 

ul.demolayout a.active {
	color: #fff;
	background: #000000 url(left-tab-hoverb.gif) left top no-repeat;
	padding-left: 10px
}

ul.demolayout a.active span {
	color: #fff;
	background: #000000 url(right-tab-hoverb.gif) right top no-repeat;
	/*padding-left: 10px*/
}

/*#demo-nav ul {
	list-style: none;
	padding: none;
	margin: 0
}

#demo-nav li {
	float: left;
	margin: 0;
}*/

ul.demolayout {
	list-style-type: none;
	width: 98%;
	float: left;
list-style: none;
	padding: none;
	margin: 0	
}

ul.demolayout li{
	float: left;	
	margin: 0;
}
div.bar
{
background: #000000;
width:100%;
height: 8px;
position:relative;
} 
/*.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 20px 8px 0 8px;
}*/

/*#demo h2 {
	font-size: 100%;
	margin: 0 0 20px 0;
	scrollbar-base-color:darkblue;
}*/

	#PG1 {BORDER:none ;color: red;YELLOW;background-color:BLACK;height:200px;width:100%}
        	#PG2 {POSSITION:RELATIVE;MARGIN-LEFT:55}
	#PG3 {POSSITION:ABSOLUTE left:55}
	#PG4 {possition:relative;left:100}
	#FRM1 {POSSITION:RELATIVE;MARGIN-LEFT:100} 
	#IM2 { position:absolute;left:100px}
	#IM3 {position:absolute;right:100px}
	Body {scrollbar-base-color:skyblue}

.boarder{display:block}
.boarder *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.boarder1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #00005b;
  border-right:1px solid #00005b;
  background:#000028}
.boarder2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #000090;
  border-right:1px solid #000090;
  background:#00001e}
.boarder3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #00001e;
  border-right:1px solid #00001e;}
.boarder4{
  border-left:1px solid #00005b;
  border-right:1px solid #00005b}
.boarder5{
  border-left:1px solid #000028;
  border-right:1px solid #000028}
.boarderfg{
  background:#000000}

</STYLE>