/* CSS Document */
/********* Updated Mar. 1, 2010 *********/
body
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 1em;
	color: #000;
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat;
	background-position: center center;
}
#myrelative {
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	z-index: 100;
}
#myabsolute {
	position: absolute;
	width: 900px;
	left: 0px;
	top: 180px;
	background-color: #FFF;
	z-index: 99;
	height: auto;
}
.myabsolutetable {
	width: 900px;
	height: 1300px;
	background-color: #D51989;
}

a.footer:link {
	color: #00c;
	font-size: 85%;
	text-decoration: none;
}
a.footer:visited {
	color: #00c;
	font-size: 85%
}
a.footer:hover {
	color: #FFF;
	font-size: 85%;
	font-weight: bold;
}
a.footer:active
{
	color: #466324;
	background-color: #FFF;
	font-size: 85%;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
}
a.main:link, a.Submain1:link, a.Submain2:link, a.main1:link, a.main2:link, a.main3:link, a.main4:link, a.main5:link
{
	color: #00c;
	background-color: #FFF;
	font-size: 100%;
	font-weight: bold;
}
a.main:visited, a.Submain1:visited, a.Submain2:visited, a.main1:visited, a.main2:visited, a.main3:visited, a.main4:visited, a.main5:visited
{
	color: #F0F;
	background-color: #FFF;
	font-size: 100%;
	font-weight: bold;
}
a.main:hover, a.Submain1:hover, a.Submain2:hover, a.main1:hover, a.main2:hover, a.main3:hover, a.main4:hover, a.main5:hover
{
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	background-color: #03C;
	text-align:center;
	font-style: italic;
}
a.main3:active { color: #00c; font-size: 75%; }
a.main:active, a.Submain1:active, a.Submain2:active, a.main1:active, a.main2:active, a.main4:active, a.main5:active
{
	color: #00c;
	background-color: #FFF;
	font-size: 100%;
	font-weight: bold;
}
a.newbutton {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #D51989;
	color: #FFF;
}
a.newbutton:link { text-decoration:none; color:#FFF; }
a.newbutton:visited { text-decoration:none; color:#FFF; }
a.newbutton:hover 
{
	/*text-decoration:none;
	position: relative;
	top: 1px;
	left: 1px;*/
	border-color: #000 #aaa #aaa #000;
	font-family: "Brush Script Std Medium";
	color: #FF0;
	font-style: normal;
}

a.top:link { color: #00c; font-size: 120%; font-weight: bold; }
a.top:visited { color: #00c; font-size: 95%; font-weight: bold; }
a.top:hover
{
	color: #0F6;
	font-size: 120%;
	font-style: italic;
	font-weight: bolder;
}
a.top:active { color: #00C; font-size: 95%; font-weight: bold; }
a:link {
	text-decoration: none;
	color: #00F;
	font-weight: bold;
	text-align: center;
}
a:visited { text-decoration: none; font-weight: bold; color: #0C3; }
a:hover {
	color: #F00;
	font-style: italic;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	font-size: 90%;
	text-align: left;
	color: #00F;
}
h2 {
	text-align: left;
	margin-top: 25px;
	text-indent: 3px;
	padding-left: 5px;
}

.div1 { position: static; left: 550px; overflow: visible; }
.footer2
{
	position: absolute;
	top: 1030px;
	left: 5px;
	text-align: center;
	width: 890px;
	height: 254px;
	z-index: 85;
	background-color: #FFF;
}
.headr {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 91;
	height: 128px;
	background-color: #FFFFFF;
	width: 890px;
}
	
.mainText20 { color:  #00c; font-size:   75%; }

.p1, .p2, .p3, .p5 { color:  #000; font-weight: normal; vertical-align: middle; }
.p4 {
	color:       #000;
	font-weight: normal;
	vertical-align: middle;
	margin:      1px 0 0; }
#divheader1 {
	position: absolute;
	left: 133px;
	top: 8px;
	font-size: 1.8em;
	z-index: 95;
	height: 74px;
	width: 462px;
	font-family: "Comic Sans MS", cursive;
}
#divheader2 {
	position: absolute;
	left: 107px;
	top: 1210px;
	height: 26px;
	font-size: 0.85em;
	font-weight: 800;
	z-index: 99;
	width: 22px;
}
#divheader3 {
	position: absolute;
	top: 45px;
	font-size: 0.7em;
	width: 276px;
	text-align: center;
	z-index: 90;
	right: 10px;
}
#divheader4 {
	position: absolute;
	left: 10px;
	top: 95px;
	width: 214px;
	height: 27px;
	padding-top: 2px;
}
#divheader5 {
	position: absolute;
	left: 250px;
	top: 90px;
	width: 312px;
	font-size: 85%;
	z-index: 95;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #D51989;
}
#divheader6 {
	position: absolute;
	top: 10px;
	font-size: 0.7em;
	width: 276px;
	text-align: center;
	z-index: 90;
	right: 10px;
}
.span1 {
	color: #0000FF;
	font-weight: bold;
	font-size: 1.4em;
}
.span11 { color:       #0000FF; font-size:   95%; font-weight: bold; }
.span2 {
	color:  #390;
	font-weight: bold;
	font-size: 1.4em;
}
.span21 { color:       #390; font-size:   105%; font-weight: bold; }
.span3 {
	color: #d51989;
	font-size: 1.4em;
	font-weight: bold;
}
.span31 {
	color:       #FFF;
	font-size:   85%;
	font-weight: bold;
	margin:      0;
}
.span41 {	color: #FFF; font-size:   75%; font-weight: bold; margin:      0; }
.span48 {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	background-color: #d51989;
	background-position: 100% 0;
	text-align: center;
	width: 153px;
	margin: 0;
	padding: 1px;
	height: 26px;
	vertical-align: top;
}
.span48w 
{
	color: #FFFFFF;
	font-size: 95%;
	font-weight: bold;
	background-color: #D51989;
	background-position: 100% 0;
	text-align: center;
	margin: 0;
	padding: 1px;
	height: 22px;
	vertical-align: top;
	text-indent: 10px;
}
.span52 { color: #090; font-weight: bold; margin:      0; }
.span52:hover {
	color:            #fff;
	font-size: 75%;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-style: italic;
	text-decoration:  underline;
	background-color: #090;
	text-align: center;
}
.span60o { font-style: oblique; font-weight: bold; }
.spanh3 { color: #fff; font-size: 65%;  font-weight: bold; background-color: #d51989; text-transform: uppercase; margin: 0; padding: 5px; }
.spanh3f
{
	color: #fff;
	font-size: 65%;
	background-color: #d51989;
	text-align: center;
	vertical-align: middle;
	font-weight: bolder;
	height: 15px;
}
.spanh34f, .spanh35f, .spanh36f, .spanh37f, .spanh38f
{
	color: #00F;
	background-color: #999;
	text-align: center;
	vertical-align: middle;
	font-weight: bolder;
	height: 15px;
}
.spanh3:hover {
	color:            #d51989;
	font-size:        75%;
	font-weight:      bold;
	background-color: #fdffa8;
	margin:           0;
	padding:          5px;
	text-align: center;
}
.table801 { width: 143px; z-index: 13; text-align: center; }
.td20 { background-color: #E09F87; }
.td289 { background-color: #fffbf0; }
.td30 { background-color: #fff; text-align: left; vertical-align: top; }
.td31 {	text-align:       center; }
.td32 { text-align: left; font-weight: bold; }
.td32m2, .td32m4 { text-align: center; width: 130px; }
.td32m3, .td32m5, .td32m6, .td33 { text-align: center; }
.td32m7 { text-align: center; width: 180px; }
.td34 { background-color: #BDF4FF; width: 280px; height: 195px; }
.webdesign {
	position: absolute;
	top: 266px;
	z-index: 10;
	overflow: visible;
	background-color: #FFFFFF;
	width: 890px;
	left: 5px;
	border: 0;
	height: 757px;
}
.webdesign1 {	position: absolute; z-index:  10; top:      80px; left:     20px; }
.webdesign2 { text-align: center; z-index: 0; }
.webdesign3 {
	color:      #000000;
	font-size:  120%;
	text-align: center;
	z-index:    100;
	position: absolute;
	text-indent: 20px;
	vertical-align: middle;
	left: 500px;
	top: 121px;
	width: 289px;
}
#content   {
	margin-top: 50px;
	margin-right: 230px;
	margin-left: 250px;
	padding: 0;
}
 
#pic1 { height: 10px; }
.td48w1 { font-size: 75%; width: 70px; }
.td48w2 { font-size: 65%; background-color: #FFFFFF; }
.td1w { width: 50%;}
.td2w { width: 50%;}
.td3w {width: 68px;}
.td4w {width: 146px;}
.td5w {width: 176px;}
.td6w {width: 42px;}
.td7w {width: 30px;}
.td8w {height: 140px;}
.tdcenter1, .tdcenter2, .tdcenter3 { text-align: center; background-color: #D51989; }
.tdcenter4
{
	position: absolute;
	left: 270px;
	top: 1px;
	height: 30px;
}
#logo {
	position: absolute;
	width: 267px;
	top: 15px;
	height: 150px;
	background-color: #DC3B9A;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 92;
	right: 35px;
	color: #FFF;
}
.logo2 {
	text-align: left;
	border-top-color: #0000FF;
	border-right-color: #00b200;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: outset;
	border-right-style: inset;
	border-left-style: outset;
	border-bottom-style: inset;
	height: 69px;
	width: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 7px;
	margin-left: 10px;
}
#logo3 {
	position: absolute;
	width: 900px;
	top: 0px;
	height: 180px;
	z-index: 1020;
	color: #FFF;
	left: 0px;
	text-align: right;
	background-color: #333;
}
.td403 { width: 200px; height: 157px; border: 0; }
#details {
	position: absolute;
	left: 278px;
	top: -97px;
	background-color: #BDF4FF;
	width: 173px;
	height: 81px;
	visibility: visible;
}
 
.whole_footer_web {
	position: absolute;
	height: 20px;
	width: 869px;
	left: 15px;
	top: 220px;
	text-align: center;
	background-color: #DC3B9A;
	font-size: 0.75em;
	padding-top: 5px;
}

.footer_home_web, .footer_web_Home
{
	width: 600px;
	text-align: center;
	vertical-align: middle;
	width: 75px;
	border: thick outset #D51989;
	background-color: #FFFF33;
}
.whole_footertd2 {
	text-align: center;
	vertical-align: middle;
	width: 700px;
	background-color: #D51989;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tdhomef112, .tdhomef113, .tdhomef114, .tdhomef115, .tdhomef116, .tdhomef117, .tdhomef118, .tdhomef119, .tdhomef120, .tdhomef121, .tdhomef122, .tdhomef123, .tdhomef124, .tdhomef125, .tdhomef126, .tdhomef127, .tdhomef128 {
	text-align:center;
	background-color: #999;
	width: 50%;
}
.tdhomef111 {
	text-align:center;
	background-color: #999;
	width: 50%;
	height: 345px;
}
.caphome1
{
	color:#FFF;
	font-weight:bold;
	vertical-align:top;
	font-size: 120%;
	text-align: left;
	background-color: #333;
}
.noscripth1 { font-size:75%; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; }
#myexamples {
	position: absolute;
	z-index: 99;
	height: auto;
	left: 0px;
	top: 1310px;
	width: 890px;
	background-color: #999;
	border: 5px solid #DC3B9A;
}
img { border: 0; }

hr { border: medium ridge #FDEED4; }

#help_message8, #help_message9, #help_message10, #help_message11
{
	font-size: 1em;
	color: #FFFFFF;
	background-color: #391300;
	border: medium ridge #F84E0E;
	position: absolute;
	z-index: 1023;
	left: 50px;
	top: 700px;
	visibility: hidden;
	width: 85%;
	padding-bottom: 10px;
	padding-left: 5px;
}
#table1a {
	z-index: 1000;
	width: 158px;
	font-size: 80%;
	font-weight: bold;
}
#table2 {
	z-index: 1000;
	width: 160px;
	font-size: 75%;
	font-weight: bold;
	height: 364px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	position: absolute;
	left: 1px;
	top: 5px;
}
#myMenus {
	z-index: 1000;
	width: 160px;
	font-size: 75%;
	font-weight: bold;
	height: 364px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.newMenu
{
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #00c;
	border-right-color: #090;
	border-bottom-color: #00c;
	border-left-color: #00c;
	width: 175px;
}

#webtext0
{
	position:absolute;
	top:-126px;
	left:0px;
	background-color:#FFF;
	color:#000;
	font-size:1em;
	height:112px;
	width:890px;
	text-align:center;
	z-index:99;
	padding-top: 5px;
}

.yournewdiv
{
	height:345px;
	width:400px;
	background-color:#FFC;
	text-align:center;
	border: 5px ridge #909;
	margin-top: 0px;
	margin-bottom: 0px;
}

#Extendabsolute {
	width: 1050px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 900px;
	text-align: center;
}
#hdrimg1 { float: right; margin-top: 10px; }
#hdrimg2 {
	float: right;
	margin-top: 2px;
}
#nofees {
	position: absolute;
	left: 10px;
	top: 15px;
	font-family: "Trajan Pro Bold";
	font-size: 120%;
	font-style: oblique;
	font-weight: bold;
	color: #CF0;
	line-height: 50px;
	border: medium ridge #E259AA;
	z-index: 999;
	background-color: #3A9DF7;
	background-image: url(../images/cam1.png);
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	height: 156px;
	padding-right: 5px;
	padding-left: 5px;
	width: 228px;
}
#divheader7 {
	position: absolute;
	right: 10px;
	bottom: 5px;
	height: 25px;
	vertical-align: middle;
	font-size: 70%;
	font-weight: bold;
}
#w3c {
	position: absolute;
	left: 360px;
	top: 187px;
	z-index: 600;
}

.tools
{
	position:absolute;
	left:22px;
	width:852px;
	height:22px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	top: 1370px;
	color: #FFF;
}

#footer .tools ul li { font-size:80%; text-align: center; }

.tools1 { font-weight:bold; font-size:1em; text-align:left; }

#divheader4 a:link
{
	color: #00c;
	font-size: 120%;
	font-weight: bold;
	text-decoration:none;
}
#divheader4 a:visited
{
	color: #00c;
	font-size: 95%;
	font-weight: bold;
	text-decoration:none;
}
#divheader4 a:hover
{
	color: #0F6;
	font-size: 120%;
	font-style: italic;
	font-weight: bolder;
	text-decoration:none;
}
#divheader4 a:active
{
	color: #00c;
	font-size: 95%;
	font-weight: bold;
	text-decoration:none;
}


.Submain1 { font-size: 100%; }
.Submain2 { font-size: 100%; }
#myphoto{
	z-index: 222;
	float: right;
	text-align: center;
}
#hdr1
{
	font-size: 90%;
	position: absolute;
	left: 60px;
	bottom: 5px;
	background-color: #B72713;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	border: thin outset #FF0;
	width: 100px;
}
#hdr2
{
	font-size: 90%;
	position: absolute;
	left: 210px;
	bottom: 5px;
	background-color: #B72713;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	border: thin outset #FF0;
	width: 100px;
}
#hdr3
{
	font-size: 90%;
	position: absolute;
	left: 360px;
	bottom: 5px;
	background-color: #B72713;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
	border: thin outset #FF0;
	width: 140px;
}
#hdrcontact {
	font-size: 90%;
	position: absolute;
	left: 550px;
	bottom: 5px;
	background-color: #B72713;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border: thin outset #FF0;
	width: 100px;
} 
#hdrMe {
	font-size: 90%;
	position: absolute;
	left: 700px;
	bottom: 5px;
	background-color: #B72713;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border: thin outset #FF0;
	width: 100px;
}

.buttonWeb {
	color: #060;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 85%;
	font-weight: bold;
}

#footer .tools
{
	position:absolute;
	top:15px;
	left:280px;
	width:255px;
	height:161px;
	background-color: #000;
	text-align: left;
	background-image: url(../images/tools.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Comic Sans MS", cursive;
	font-size: 120%;
	font-weight: bold;
	color: #CF0;
	text-indent: 30px;
}


.spantext1
{
	color:#D51989;
	font-weight:bold;
	text-transform: uppercase;
}
.spantext0
{
	color:#D51989;
	font-weight:bold;
}

#webtext1
{
	font-size: 100%;
	padding-right: 5px;
	height: 120px;
	padding-left: 5px;
	position: absolute;
	left: 180px;
	top: 5px;
}

#webtext1 .s1 { font-family: "Arial Black", Gadget, sans-serif; }

#webtext1 p {
	padding-bottom:20px;
	padding-right: 5px;
}
#webtext2
{
	font-size: 100%;
	padding-right: 5px;
	height: 248px;
	padding-left: 5px;
	position: absolute;
	left: 180px;
	top: 111px;
}

#webtext1 ul li
{
	list-style-position:inside;
	padding-left: 25px;
	list-style-type: circle;
}
#webtext3
{
	font-size: 100%;
	z-index: 90;
	padding-right: 5px;
	width: 870px;
	height: 260px;
	padding-left: 5px;
	position: absolute;
	left: 6px;
	top: 490px;
}

#webtext4
{
	padding-left:5px;
	padding-right:5px;
	height: 106px;
	position: absolute;
	left: 5px;
	top: 380px;
	width: 871px;
}
#myexamples table tr td table tr td table {
	width:50%;
	text-align: center;
}
.tdhr{ width:880px;}
#myexamples table tr td table tr td { text-align:center; }