body
{
font-size: 70%;
color:#5B5B5B;
background-color:#D9D9D9;
margin:0px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
font-family: verdana,helvetica,arial,sans-serif;
}

/* 21centuryweb.com CSS Starts  */

a.otherlink:link    {color:#FDBF03; background-color:transparent}
a.otherlink:visited {color:#FDBF03; background-color:transparent}
a.otherlink:active  {color:#FDBF03; background-color:transparent}
a.otherlink:hover   {color:#F96210; background-color:transparent}

a.homelink:link    {color:#FDBF03; background-color:transparent}
a.homelink:visited {color:#FDBF03; background-color:transparent}
a.homelink:active  {color:#FDBF03; background-color:transparent}
a.homelink:hover   {color:#800000; background-color:transparent}

.datetxt{
color:#FFAF03;
}

.whitetxt{
color:#FFFFFF;
}

.headerbg{
background-image: url('../images/header-bg.jpg'); background-repeat: repeat
}

.headergreybgleft{
background-image: url('../images/grey-bg-top-left.jpg'); background-repeat: repeat
}

.headergreybgright{
background-image: url('../images/grey-bg-top-right.jpg'); background-repeat: repeat
}

.leftoptionimgbig{
background-image: url('../images/option-button-big.jpg'); background-repeat: no-repeat
}
.leftoptionimgsmall{
background-image: url('../images/option-button-small.jpg'); background-repeat: no-repeat
}


.leftoptionbackground{
background-image: url('images/left-option-bg.jpg'); background-repeat: repeat
}

.lefboxbg{
background-image: url('images/box-bg.jpg'); background-repeat: repeat
}



.greyboxbg{
background-image: url('images/grey-box-bg.jpg'); background-repeat: repeat
}


.greybg{
background-image: url('images/grey-partion-bg.jpg'); background-repeat: repeat
}

.rightbg{
background-image: url('images/right-bg.jpg'); background-repeat: repeat
}

.bigtxt{
font-size:11px;
font-weight:bold;
}

.bigtxtwhite{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

.whitetext{
color:#FFFFFF;
}

.redtxt{
color:#FF0000;
font-weight:bold;
}

a.smallboldyellowtxt:link    {color:#FFD800; background-color:transparent;text-decoration:none;font-family: arial,verdana,helvetica,sans-serif;font-size:11px;font-weight:bold;}
a.smallboldyellowtxt:visited {color:#FFD800; background-color:transparent;text-decoration:none;font-family: arial,verdana,helvetica,sans-serif;font-size:11px;font-weight:bold;}
a.smallboldyellowtxt:active  {color:#FFD800; background-color:transparent;text-decoration:none;font-family: arial,verdana,helvetica,sans-serif;font-size:11px;font-weight:bold;}
a.smallboldyellowtxt:hover   {color:#F96210; background-color:transparent;text-decoration:none;font-family: arial,verdana,helvetica,sans-serif;font-size:11px;font-weight:bold;}

.smallcopyrighttxt{
font-family: arial,verdana,helvetica,sans-serif;
font-size:11px;
color:#555555;
}


a.nounderline{text-decoration:none}
a:link{
	color:#FDBF03; 
	background-color:transparent;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none
}
a:visited{
	color:#FDBF03; 
	background-color:transparent;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none
}
a:active{
	color:#FDBF03;  /**/
	background-color:transparent;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none
}
a:hover{
	color:#800000; /*ffffff*/
	background-color:transparent;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration:none
}

/* 21centuryweb.com CSS Ends  */

table, input, textarea
{
font-size: 100%;
}

table.ex
{
color:#000000;
background-color:#f1f1f1;
font-size: 100%;
padding:0px;
}

table.tip
{
color:#000000;
background-color:#ffffff;
font-size: 100%;
border:1px solid;
}

table.db
{
color:#000000;
background-color:#ffffff;
font-size:100%;
}

th.db
{
color:#000000;
background-color:#f1f1f1;
}

div {width:100%;}

h1 {font-size:160%;}
h2 {font-size:120%;margin-top:10px;margin-bottom:10px;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

h2.home
{
margin-top:0px;
margin-bottom:5px;
font-size:120%;
padding-top:1px;
padding-bottom:1px;
padding-left:1px;
color:#900B09;
background-color:#ffffff;
}

h2.tutheader
{
margin-top:0px;
margin-bottom:5px;
font-size:110%;
padding-top:0px;
padding-bottom:1px;
padding-left:4px;
color:#ffffff;
background-color:#808080;
}

h2.right
{
text-align:center;
font-size:100%;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:2px;
padding-left:0px;
color:#ffffff;
background-color:#808080;
}

table.right
{
color:#000000;
background-color:#ffffff;
border:2px ridge;
margin-bottom:1px;
}

th.right
{
color:#ffffff;
background-color:#808080;
padding-bottom:2px;
}

td.right
{
color:#000000;
background-color:#FFFFFF;
padding-top:3px;
padding-bottom:6px;
}

td.content
{
color:#900B09;
background-color:#f1f1f1;
}

td.deprecated
{
color: #FF0000;
background-color:transparent;
}

td.red
{
color: #FF0000;
background-color:transparent;
}

p.red
{
color: #FF0000;
background-color:transparent;
}

p.intro
{
font-size:100%;
font-weight:bold;
color:#000000;
background-color:transparent;
margin-top:10px;
}

p.introcenter
{
text-align:center;
font-size:110%;
color:#8B4513;
background-color:transparent;
}

pre
{
font-family:"Courier New",monospace;
font-size:110%;
margin-left: 0;
margin-bottom: 0;
}

span.blue
{
color:#00008B;
background-color:transparent;
}

span.red
{
color:#FF0000;
background-color:transparent;
}

span.ieonly
{
color:#000080;
background-color:transparent;
font-size:80%;
}

span.t
{
color:#0033cc;
background-color:transparent;
font-size:80%;
}

img.float
{
float:left;
}

h1, h2, h3
{
background-color:transparent;
color:#000000; 
}

h1.att, h2.att, h3.att, hr.att
{
background-color:transparent;
color:#000000; 
}

hr
{
background-color:transparent;
color:#000000;
height:1px;
}

table.front
{
color:#000000;
background-color:#f1f1f1;
}

th.front
{
color:#ffffff;
background-color:#666666;
}

td.front
{
color:#000000;
background-color:#f1f1f1;
}



a.left:link    {text-decoration:none;color:black;background-color:transparent}
a.left:visited {text-decoration:none;color:black;background-color:transparent}
a.left:hover   {text-decoration:underline;color:#900B09;background-color:transparent}
a.left:active  {text-decoration:underline;color:#900B09;background-color:transparent}



/* CSS Document - SitePoint specific CSS for W3Schools */ 
#sp
{
	padding:10px 3px;
	text-align:left;
}
#sp p
{
	float:left;
	border:0px none;
	padding:0px;
	margin:4px 0px;
}
#sp p img
{
	float:left;
	border:0px none;
	padding-right:2px;
}
#sp p.splink
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 14px 0px;
}
#sp p.splink a
{
	color:#0000FF;
	font:bold xx-small Verdana, Arial, Helvetica, sans-serif; 
}
span.insert
{
	color:#e80000;
	background-color:transparent;
}