html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 

	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}
	body {

background-image: url("/images/9.gif");
		margin:0px;
		padding:0px;
	}
	a img{border:0px}

	#options li{	position:relative;

	left:0px;
	top:0px;
	width:auto;
	float:left;
	list-style-type:none;
margin:0px;
padding:0px;}
	#menubar {
		position:absolute;
		width:657px;
		left:0px;
		top:56px;
		font-family:arial, sans-serif;
		background-color:transparent;
		padding:0px;
		margin:0px;
	}
	
	* html	#menubar {
		width:640px;		top:54px;
		border-bottom:1px solid #765;
	}
	
		#menubaro {
		position:relative;
		width:660px;
		left:0px;
		top:0px;
		font-family:arial, sans-serif;
		background-color:transparent;
		padding:0px;
		margin:0px;
	}
	
	* html #menubaro {
		width:643px;
	}
	
	#menubarbottom {
		position:absolute;
		width:100%;
		left:0px;
		top:95px;
		font-family:arial, sans-serif;
		background-color:transparent;
		padding:0px;
		margin:0px;
	}
	
	* html#menubarbottom {
		width:640px;
	}

	ol{	
position:relative;
	left:0px;
	top:0px;
	list-style-type:none;
margin:0px;
padding:0px;
}
ol li {display:inline;}
	

.menu li {	
position:relative;
list-style-type:none;
margin:0px;
padding:0px;
width:96%;
}


	.menu .options {
	position:relative;
	top:0;left:0;
		background-color:transparent;
		margin:0px;
padding:0px;


	}

		#menubar a.active {
	color:#000;

}
			#menubaro a.active {
	color:#000;

}
.menu li {	
position:relative;
list-style-type:none;display:block;float:left;
margin:0px;
	background-color:transparent;
padding:0px;
}



	/*Proper link style order starts*/
		.menu a:link {  color:#765;	font-family: verdana, arial, sans-serif;
			display:block;
		position:relative;
	text-decoration:none;
border:1px solid transparent;
	background-color:transparent;		
			background:  url(/images/arrow_blue.gif) no-repeat left;
text-align:left; }
	.menu a{  color:#765;	font-family: verdana, arial, sans-serif;
			display:block;
		position:relative;
	text-decoration:none;
border:1px solid transparent;
	background-color:transparent;		
			background:  url(/images/arrow_blue.gif) no-repeat left;
text-align:left; }
		.menu a:visited {  color:#999;}

.menu :link:focus, .menu :visited:focus {  color:#000;
background:  url(/images/arrow_green.gif) no-repeat left;
background-color:#DDDAC8;}


	.menu a:hover {
 color:#000;
background:  url(/images/arrow_green.gif) no-repeat left;
background-color:#DDDAC8;}
.menu :link:active, .menu :visited:active {  color:#000;
background:  url(/images/arrow_green.gif) no-repeat left;
background-color:#DDDAC8;}
	.menu a:active {
 color:#000;
background:  url(/images/arrow_green.gif) no-repeat left;
background-color:#DDDAC8;}
	/*Proper link style order end*/
	
	.arr{ width:9px; height:9px; float:left; margin:4px 2px 0 2px;	background:  url(/images/arrow_blue.gif) no-repeat left;}
* html .arr{ margin-top:0px;}
 a.active .arr{
			background:  url(/images/arrow_green_down.gif) no-repeat left;
  }

 .arrs{ width:9px; height:9px; float:left; margin:4px 0 0 -10px;		background:  url(/images/arrow_blue.gif) no-repeat left;}
* html .arrs{ margin-top:0px;}
 a.active .arrs{
			background:  url(/images/arrow_black_down.gif) no-repeat left;
  } 

#current a .arr {background: url(/images/arrow_black.gif)  no-repeat left;}
#current a.active .arr {background: url(/images/arrow_black_down.gif)  no-repeat left;}
#leftnavo #menubaro a{	font-size:.7em;	font-family:verdana, arial, sans-serif; font-weight:normal; padding:3px 0 3px 14px;}
	
#navo .options a{	font-size:.6em;	font-family:verdana, arial, sans-serif; font-weight:normal; padding:3px 0 3px 14px;}
#leftnavo #menubaro a{	font-size:.7em;font-family:verdana, arial, sans-serif; font-weight:normal; padding:3px 0 3px 14px;}
	#menu1Container {margin: 6px 0 0 25%;}
	* html #menu1Container {margin: 4px 0 0 25%;}
		#menu1Container .options {  
 background:  url(/images/right2.gif) no-repeat left bottom; background-color:transparent; height:99%; margin-right:4px; padding-left:6px;}
   #menu1Container .rightys{ position: absolute; top:0px; right:0px; width:10px; height:100%; background:  url(/images/left2.gif) no-repeat right bottom; background-color:transparent;}

			#menu2Container {margin: 6px 0 0 50%;
	}* html #menu2Container {margin: 4px 0 0 50%;
	}
		
			#menu2Container .options {  
 background:  url(/images/right2.gif) no-repeat left bottom; background-color:transparent; height:99%; margin-right:4px; padding-left:6px;}
   #menu2Container .rightys{ position: absolute; top:0px; right:0px; width:10px; height:100%; background:  url(/images/left2.gif) no-repeat right bottom; background-color:transparent;}
				#menu3Container {margin: 6px 0 0 75%;
	}* html #menu3Container {margin: 4px 0 0 75%;
	}
			#menu3Container .options {  
 background:  url(/images/right2.gif) no-repeat left bottom; background-color:transparent; height:99%; margin-right:4px; padding-left:6px;}
   #menu3Container .rightys{ position: absolute; top:0px; right:0px; width:10px; height:100%; background:  url(/images/left2.gif) no-repeat right bottom; background-color:transparent;}


			#menu4Container .options {  
 background:  url(/images/right2.gif) no-repeat left bottom; background-color:transparent; height:99%; margin-right:4px; padding-left:6px;}
   #menu4Container .rightys{ position: absolute; top:0px; right:0px; width:10px; height:100%; background:  url(/images/left2.gif) no-repeat right bottom; background-color:transparent;}



body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
background-color:#FFF;	background-image: url("/images/9.gif");
	}
#leftnavo {
	display:block; 
	overflow:hidden; 
	position:absolute; 
	z-index:3; 
	top:76px; 
	bottom:25px; 
	width:161px; 
	margin-left:-321px; 
	left:50%; 
	background:  url(/images/lefty.jpg); 
		padding:0;

	
	}

* html #leftnavo {
	top:0; 
	bottom:0; 
	height:100%;
	width:161px;
	border-top:72px solid #fff; 
	border-bottom:25px solid transparent;
	}

#content {
	display:block;
	background-color:#FFF;
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:76px; 
	bottom:25px; 
	left:155px;
	width:481px; 
	margin:0;
	padding:0;
	margin-left:-161px; 
	left:50%; 

	border-right:1px solid #765;

	}
#switchlink {
position:absolute;
left:0px;top:0px;margin:0px;padding:0px;overflow:hidden; width:640px; height:77px;
}
#switchlink img {
position:absolute;
left:-11px;top:-7px;margin:0px;padding:0px;border:0px;
}
* html #content {
	top:0; 
	bottom:0; 
	height:100%;	margin-left:-161px; 
	width:482px;
	border-top:75px solid #fff; 	
	border-bottom:25px solid transparent;
	}

#head {
	position:absolute;
	margin-left:-321px;
	left:50%;
	top:0px;
	width:640px;
	min-width:640px;
	height:68px;
	background:#FFF url(/images/badass.jpg) repeat-y 0px -12px;
	font-size:.8em;
	z-index:5;
	border:0px;
	}

* html #head {
	position:absolute; top:2px; width:642px; height:70px;
	}
#navo{
	position:absolute;
	margin-left:-321px;
	left:50%;
	top:0px;
	width:640px;
	min-width:640px;
	height:74px;
	z-index:5;
	border:1px solid #765;
	background-color: #FFF;

	}
#navo a{	font-size:.8em;	font-family:verdana, arial, sans-serif; font-weight:normal;}
* html #navo {
		top:0px; width:642px; height:72px;	border:1px solid #765;
	}

#foot {
	position:absolute;  padding:0;
 margin:0;
	margin-left:-321px; 
	left:50%; 
	bottom:0; 
	width:642px; 
	min-width:642px; 
	height:24px; 
	z-index:5; 
 background:transparent;
 overflow:hidden;
 border-top:1px solid #765;
	}

* html #foot {
	  border:0px; border-right:1px solid #999; border-left:1px solid #999; border-top:1px solid #765; position:absolute; left:50%; bottom:8px;  width:642px; height:16px; padding:0; margin:0 0 0 -321px; overflow:visible;
	}


#content p {
	padding:0;margin:0; text-align:left;color:#808080;
	}
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #000;}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}





#footnav {
position:absolute; top:0px; left:0px;
  width:100%;
  height:24px;
  background:#DAE0D2 url(/images/bg2.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;  width:642px;
  padding:0; margin:0;
   background:transparent; 
 overflow:hidden;
  }
* html #footnav {    overflow:hidden;  width:697px; left:0px;}
#footnav li {position:relative;
display:block; float:left;
  background: url(/images/left2.gif) no-repeat right bottom;
  margin:0;
  padding:0;
  top:-96px;
  height:23px;
  width:25%
  }
* html #footnav li {
 top:-95px;height:23px;
  width:23%;
  }
#footnav a {position:relative;
  float:left; top:0px;
  display:block;
  background: url(/images/right2.gif) no-repeat left bottom;
  margin:0 9px 0 0;
  padding:5px 0 5px 0;
  text-decoration:none;
  color:#765;
  text-align:center; color:#765; font-size:.7em;	font-family: verdana, arial, sans-serif;

  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#footnav a {float:none;}

/* End IE5-Mac hack */
#footnav a:visited {
  color:#666;
  }
#footnav a:hover {
  color:#333;
  }





#topper {
  float:left;
  width:100%;
  background:#DAE0D2 url(/images/bg.gif) repeat-x bottom;
  font-size:93%;
  line-height:normal;

  }
#topper li {
  float:left;
  background: url(/images/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  width:23%
  }
* html #topper li {

  width:25%
  }

#topper a {
  float:left;
  display:block;
  background: url(/images/right.gif) no-repeat right top;
  padding:2px 15px 2px 6px;
  text-decoration:none;
  color:#765;
  text-align:center;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topper a {float:none;}
/* End IE5-Mac hack */
#topper a:visited  {
  color:#666;
  }
#topper a:hover {
  color:#333;
  }
  
#topper #current {
  background-image: url(/images/left_on.gif);
  }
#topper #current a {
  background-image: url(/images/right_on.gif);
  color:#333;

  }

#topper #current a:visited  {
  color:#666;
  }
#topper #current a:hover {
  color:#333;
  }
  

 .loader
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}
  /*
  #leftsidepic{position:absolute; top:10px; left:10px; width: 103px;height:155px; border:1px solid #000; background: url(/images/brightsteve.jpg); }
 */
   #sids {
	width: 100%;
	padding: 0;
	margin:0;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #333;		border: 1px solid #90bade;
		border-width:1px 0 0 0;
	}
	
	#sids ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#sids li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
		
		#sids li a {
		display: block;
		padding: 5px;
font-size:.8em; letter-spacing:1px;
		color: #fff;
		text-decoration: none;
		width: 100%;font-weight:bold;
		}

	html>body #sids li a {
		width: auto;
		}
	#sids li a:visited  {		padding: 5px; color:#90bade;
		}
 
	#sids li a:hover {		padding: 5px; color:#FF0;
		}
 
 
 
 
 
  #button {
  display:block; position:relative; top:0px; left:0px;
	width: 100%;
	padding:0;
	margin:-5px 0 0 0;

	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #333;		
	border: 1px solid #90BADE;
		border-width:1px 0 0 0;
	}
			* html #button{margin:0px 0 0 0;}
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		display:block; height:auto;

		}
		
	#button li {
		border-bottom: 1px solid #90BADE;
		margin: 0;
		}
		
		#button li a {
		display: block;
		padding: 7px 5px 7px 1.5em;
		border-left: 4px solid transparent;
font-size:.7em; letter-spacing:1px;
		background:  url(/images/arrow.gif) no-repeat left;
		color: #fff;
		text-decoration: none;
		width: 100%;font-weight:bold;
		}
		#button li a:visited {
		color: #CCC;
		}
	html>body #button li a {
		width: auto;
		}

	#button li a:hover {		padding: 7px 5px 7px 2em;		background:  url(/images/arrow_over.gif) no-repeat left;
		border-left: 8px solid transparent; color:#FF0;
		}
#padds{display:block; float:left; width:430px; overflow:hidden; padding:0 0 10px 0; margin:-12px 0 0 11px;}
#padds a{color:#06F;display:block; float:left; width:430px; font-size:1em; font-weight:bold; line-height:1em; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; padding:2px 0 2px 0; margin:10px 0 0 0; text-align:left;}
#padds a:visited{color:#A9CEC7;}
#padds a:hover{color:#036; }
#padds a:active{color:#000;}
h1, h2, h3, h4, h5, h6{  font-family:Verdana, Arial, Helvetica, sans-serif; color:#036; position:relative; display:block; float:left; left:0; top:0; margin:15px 0 -10px 0; padding:0; font-size:1.4em; font-weight:normal;	text-transform: capitalize;}
h1{margin:0 0 -8px 10px;}
p{display:block; left:0; top:0px; width:430px; float:left; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em; color:#765; font-weight:normal;}
.inputc{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.6em;
color:#000;
padding:2px;
border:1px solid #003366;
width:95px;
text-align:left;
background-color:#FFF;}
* html .inputc{width:100px;}
.inputd{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.6em;
font-weight:bold;
color:#FFF;
padding:2px;
border:1px solid #003366;
border-right:#FFF;

height:18px;
top:2px;
margin-bottom:0px;
   cursor: pointer;
 /* cursor: hand;*/
background-color:#003366;
}

* html .inputd{
padding:0px;
border-right:1px solid #003366;
height:16px;
top:0px;
}

.hundwide{
width:auto;
margin-right:auto;
margin-left:auto;
}
#tact{margin:0px;padding:0px;}
.oneeig{display:block;width:210px;margin:0;float:left;}
* html .oneeig{display:block;width:210px;margin:-20px 0 0 0;float:left;}
.oneeid{display:block;width:225px;margin:0;float:left;}
#sixsix{width:66px}
#xhtmlval { border:0;width:88px;height:31px;}
#cssval { border:0;width:88px;height:31px;}
.lefs{font-weight:bold;display:block;width:167px;height:50px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF;font-size:.7em; text-align:center;}
#leta a{ background-color:#036;text-decoration:underline; font-weight:bold;display:block;width:167px; font-family:Arial, Helvetica, sans-serif; color:#FFF;font-size:.8em; text-align:left; margin:0; padding:5px 5px 1px 0;}
* html .lefs{height:30px;}
.topz p{margin:0px;}
* html .topz p{padding:20px 10px 10px 10px; margin:10px 0 0 0;}
#homecontent p{margin:10px 0 0 0;}
#topads {display:block; width:450px; height:42px; overflow:hidden; margin:0 0 0 10px;}
#bottomads {display:block; width:450px; height:42px; overflow:hidden; margin:10px 0 0 0;}
ul#examples-resources {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
margin:47px 0 0;
padding:0;
list-style:none;
color:#666;
}
ul#examples-resources a,ul#examples-resources a:link,ul#examples-resources a:visited,#free-rss-parsing a,#free-rss-parsing a:link,#free-rss-parsing a:visited,#homecontent a,#homecontent a:link,#homecontent a:visited{
color:#06F;
display:inline;
width:auto;
height:auto;
font-weight:normal;
float:none;
}
ul#examples-resources a:hover,#free-rss-parsing a:hover,#homecontent a:hover {
color:#036;
text-decoration:underline;
}


#examples-resources li {
margin:0 0 30px;
padding:0;
list-style:none;
display:block;
float:none;
clear:both;
}