html,body{margin:0;padding:0;background-color: #efefef;}
body{ font:85% "Helvetica", Microsoft Sans serif;color: #333;text-align:center;padding: 10px;}
h1{font-size:104%; color:#00ff00; letter-spacing:1.4px;}
h2{margin: 0}
h2{font-size: 100%;color: #555;}
h3{font-size: 103%;color: #555;}
h6{font-size: 85%;color: #555; font-style:normal; font-weight:100;}
h6 a{ text-decoration:none; color:#555;}
p{margin: 0;padding: 0 5.5em 0.7em 5.5em;line-height: 1.5}
address{font-style: normal;line-height: 0.9}
hr{padding:0; margin:0;}
a { text-decoration:none; color:#00ff00;}
p a:hover{ text-decoration:none; color:#000;}
div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top; margin: 15px}
div.gradient p{margin:0;padding: 2px 5px;;text-align:center;font:90%}
p.codehere{color: #2A4D91}

div#container{width:800px; height:auto; margin: 0 auto;background-color: #fff; text-align: left;}
div#header{  height:60px;}

div#menu{width:800px;height:auto;display:block;overflow:auto;background: #fff;padding-top: 5px; text-align:center;}
div#examplesmenu{width:800px;height:15px;display:inline;overflow:auto;background: #fff; font-size: 100%; text-align:center;}
div#menu #nav{ padding-left:60px;}
div#examplesmenu ul#nav{ padding-left:150px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0 5px 0 5px;font-size: 104%; font-style:normal; line-height:1.8;}
ul#nav{padding-left:1px}
ul#nav li{float:left;width:160px;margin-right:1px;text-align: center}
ul#nav a{float:left;width:160px;text-decoration:none;background: #fcfcfc;color: #00ff00;}
ul#nav li.active a,ul#nav a:hover{color: #006633;}
div#content{clear:left;width:800px;border-top:1px solid #006633;padding-top:15px;background-color: #ffffff}
div#footer{padding-top:1px;text-align: center;font-size: 80%;background: #fff;color: #006600;line-height: 1.6; margin-bottom:5px;}
div#line{ height:1px; background-color:#006633;}
div#box{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:center}
div#box2{float:left;display:block;width:210px;margin: 5px 5px 5px 5px;background:#fff;text-align:center}
div#title {position:relativedisplay:inline;width:800px;height:30px;top: 15px;background-color:none;z-index: 9999;color:#00ff00;}

div#titlebox {position:relative; width:360px; float:left; font-size: 160%;font-style:italic; padding:2px 5px 5px 25px; text-align:left; color: #00ff00; font-weight: bold; text-decoration: none;  opacity: 1.0; filter: alpha(opacity=100);-moz-opacity: 1.0; z-index:0!important;}

div#welcome {position:relative; width:360px; float:right; font-size: 160%;font-style:italic; padding:2px 25px 5px 5px; text-align:right; color: #00ff00;font-weight: bold; text-decoration: none;  opacity: 1.0; filter: alpha(opacity=100);-moz-opacity: 1.0; z-index:0!important;}

div#box p{padding:0 5px}
div#box2 p{padding:0 0px}
div#minipics{float:left;width:240px; height:160px;padding:0 50px 10px 100px; text-align:center;}
div#minipics ul{list-style-type: none;margin:0 0 0 0;padding:0}
div#minipics li{float:left;width:200px;margin: 5px 5px 5px 5px;list-style-type: none;}
div#minipics li img{display: block;width: 210px;height: 160px;margin:5px 5px 5px 5px;border: 0px;background-color: #006633;list-style-type: none;}
.style3{font:80% "Helvetica", Microsoft Sans serif;color: #222;vertical-align:middle;}
.label{font:90% "Helvetica", Microsoft Sans serif;color: #222;}
.gradient#message{font:90% "Helvetica", Microsoft Sans serif;color:#FF0000;}

/*Main content text*/
.mytext {font-family: "Helvetica", Microsoft Sans serif; font-style:italic; font-size: 105%; color: #222222; line-height:1.2; text-align:justify;}
.mytext1 {font-family: "Helvetica", Microsoft Sans serif; font-style:italic; font-size: 105%; color: #222222; line-height:1.2;}
.mytext2 {font-family: "Helvetica", Microsoft Sans serif; font-size: 105%; color: #222222;line-height:1.2;}
.mytext3 {font-style:italic; font-size:105%; color:#006633;line-height:1.2; text-align:justify; }

div#mytext3 {position:relative;padding:10px 10px;width:420px;left: 10px;top: 12px;overflow: hidden;visibility: visible;z-index: 1;}

.mytext4 {font-family: "Helvetica", Microsoft Sans serif; font-size: 105%; color: #222222; line-height:1.2; text-align:center; font-style:normal;}
.mytext4i {font-family: "Helvetica", Microsoft Sans serif; font-size: 105%; color: #222222; line-height:1.2; text-align:center; font-style:italic;}
.mytext4ib {font-family: "Helvetica", Microsoft Sans serif; font-size: 100%; color: #000; line-height:1.2; text-align:center; }
.mytext4ibSm {font-family: "Helvetica", Microsoft Sans serif; font-size: 84%; color: #333; line-height:1.2; text-align:center; }

.mytext5i {font-family: "Helvetica", Microsoft Sans serif; font-size: 105%; color: #222222; line-height:1.2; text-align: justify; font-style:italic;}
.mytext2 a { color:#006600;}
.mytext2 a:hover { color: #00FF00;}
.it {opacity: 1.0; filter: alpha(opacity=100); background:#006633;text-align:right; font-style:italic; padding:5px 35px 5px 5px; color: #fff; font-size: 150%;font-weight: bold; text-decoration: none;text-shadow: rgb(99, 116, 171) 2px 1px 3px;}
#content img { padding:6px 6px 6px 6px; }
#content p img {margin:none;}

.webdesign {font-family: "Helvetica", Microsoft Sans serif; font-size: 98%; color: #666; line-height:1.2; text-align:center; font-style:normal; text-decoration:none;}
div#webdesign a:hover{ color:#000;}