html {
	background: #CD1076;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
}

h1 {
	font-size: 14px;
	color: #FFC40F;
	margin-top: 9px;
	margin-bottom: 8px;
}

h2 {
	text-align: center;
	font-size: 100%;
	color: #000080;
	margin: 5px 1px 5px 1px;
}

.h2color {
	color: #fff;
}

h3 {
	text-align: center;
	padding-left: 20px;
	font-size: 100%;
  	color: #CD1075;
	margin: 5px 0px 0px 0px;
}

#header {
	background-image: url(/images/heading.png);
	background-repeat: repeat-x;
	height: 85px;
}

#headmenu {
	caption-side: top;
	border-collapse: collapse;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

.headlink {
	font-weight: bold;
	font-size: 10px;
	padding: 0px 3px;
}

a.headlink:link, a.headlink:visited {
	color:#00FF3C;
	text-decoration: none;
}

a.headlink:hover {
	color: #AFAFE0;
	text-decoration: underline;
}

.addfriend {
	text-align: left;
	font-weight: bold;
	color: #800080;
	font-size: 9pt;
	margin-top: 0px;
}

.addfriend a:link, .addfriend a:visited {
	color: #0066CC;
}

table {
	font-size: 100%;
	caption-side: top;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

th {
	background: #fff;
	text-align: center;
	color: #000080;
	padding: 10px 0px;
}

p {
	text-align: left;
	padding: 0px 10px;
}

#addthis {
	padding: 10px;
	float: right;
}

.allcats {
	font-size: 8pt;
	color: #777;
	padding: 0px;
	text-align: center;
}

.alltitle {
	font-size: 8pt;
	color: #555;
	text-align: center;
	font-style: italic;
}

.angle {
	color:#EDAC4B;
}

.attention {
	background: #ffffff;
	background-image: url(/images/attention.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 85%;
	margin: 5px;
	padding: 20px 5px;
	border: 1px solid #B1DDF6;
	text-align: left;
}

.attention2 {
	background-image: url(/images/attention2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
	font-size: 80%;
	margin-top: 10px;
	padding-left: 25px;
	text-align: left;
}

#barhead {
	background-image: url(/images/navig.png);
	background-repeat: repeat-x;
	height: 32px;
	caption-side: top;
	border-collapse: collapse;
	border: 0px;
}

.bgcat {
	width: 20%;
	border: 1px solid #B1DDF6;
}

.bgcell {
	width: 20%;
	border: 5px solid #fff;
}

.bgcell2 {
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}

.bgcode {
	width: 20%;
	text-align: center;
	padding-bottom: 15px;
}

.block img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.block1 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}

.block2 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.block3 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	padding: 1.5em;
}

.block4 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.block5 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 5px;
}

.block6 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	padding: 0.5em;
}

.blue {
	font-weight: bold;
	color: #0000ff;
}

.blue2 {
	font-size: 130%;
	font-weight: bold;
	width: 60%;
	color: #0000ff;
}

.box {
	border: 0px;
}

.boxin {
	width: 100%;
	background: #F7FCFF;
}

.browse {
	text-align: left;
	padding: 10px 5px 5px 10px;
	color: #000080;
	font-size: 8pt;
}

.browsep {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FF69B4;
	font-size: 10pt;
}

a.browse8:link, a.browse8:visited{
	color: #000080;
	font-size: 8pt;
}

.buttfi img {
    display: block;
	margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
	padding: 5px;
}

.buttons img {
	background-color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: solid 1pt #B1DDF6;
}

.buttons:hover img {
	background-image:url(/images/spark.gif);
	margin-left: auto;
	margin-right: auto;
	border: solid 1pt #9DD8FA;
}

#backgroundview {
	font-size: 100%;
	padding: 10px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border: 1px solid #B1DDF6;
}

#button img {
	position:relative;
	border: 0px;
	bottom: 155em;
}

#button a:link, #button a:visited {
	border: 0px;
}

#button2 img {
	border: 0px;
}

#button2 a:link, #button2 a:visited {
	border: 0px;
}

#buttonpic img {
	border: 0px;
}

.cell {
	border: 1px solid #B1DDF6;
	text-align: left;
	padding: 5px 0px 5px 20px;
}

.center {
	font-size: 100%;
	padding: 10px;
	background: #F7FCFF;
	border: 1px solid #B1DDF6;
}

.center2 {
	font-size: 100%;
	padding: 10px;
	background: #F7FCFF;
	border: 1px solid #B1DDF6;
}

.codelink {
	text-align: center;
	padding-bottom: 15px;
}

.colorpick img {
	border: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.codespace {
	margin-bottom: 50px;
	color: #aaa;
}

.colorpick a:link, .colorpick a:visited {
	border: 0px;
}

.comments {
	width: 25%;
}

.comments img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.cursors img {
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #fff;
	border-spacing: 30pt 10pt;
}

.cursors:hover img {
	background: #fff;
	border: double 5pt #B1DDF6;
	border-spacing: 30pt 10pt;
}

.cursors2 img {
	background: #DBE8ED;
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #B1DDF6;
	border-spacing: 30pt 10pt;
}

.cursors2:hover img {
	background: #fff;
	border: double 5pt #64C1FA;
	border-spacing: 30pt 10pt;
}

.cursordiv {
	font-size: 100%;
	padding: 10px;
	background: #F4F4F4;
	border: 1px solid #B1DDF6;
	margin-bottom: 15px;
}

#cdown {
	border: 0px;
}

#cenal {
    display: block;
	margin-left: auto;
	margin-right: auto;
}

#centertd {
	width: 30%;
}

#codeback {
	font-style: italic;
	text-align: center;
	color: #800080;
	margin: 10px 15px;
}

#codeback2 {
	font-style: italic;
	text-align: center;
	color: #AFAFE0;
	margin: 10px 15px;
}

#colorcodes {
	font-size: 100%;
	padding: 10px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border: 1px solid #B1DDF6;
}

#contactusform {
	background: #fff;
	font-size: 100%;
	border: 0px;
}

#contact{
	width: 650px;
	font-size: 100%;
	padding: 10px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border: 1px solid #B1DDF6;
}

#contact3 {
	width: 94%;
	background-image: url(/images/write.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border: 0px;
	margin-top: 25px;
}

#content {
	caption-side: top;
	border-collapse: collapse;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

#cpick {
	text-align: center;
	margin: 10px;
}

#cse-search-box {
    margin-bottom: 0px;
}

#default {
	background-image: url(/images/default.gif);
}

.divfi img {
	border: 0px;
}

.dividers {
	background: #020101;
	height: 40px;
	border: solid 1px #CD1076;
	padding: 10px;
}

.dividers:hover {
	background: #ff0000;
	height: 40px;
	border: solid 1px #9DD8FA;
	padding: 10px;
}

.divider2 {
	background: #000;
	border: solid 1px #D5DFE5;
	padding: 25px 0px;
}

.divider2:hover {
	background: #ff0000;
}

.divintro {
	color: #ffeedd;
	text-align: left;
}

.footh3 {
	text-align: center;
	padding-left: 0px;
	font-size: 100%;
  	color: #AFAFE0;
	margin: 5px 0px 0px 0px;
}

.fnotes {
  	color: #AFAFE0;
	font-size: 80%;
}

.foot a:link, .foot a:visited {
	color: #AFAFE0;
}

.footnote {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.fsection {
	text-align: center;
	font-weight: bold;
	color: #000096;
	margin: 0px 0px 0px 5px;
}

#footblk {
	background: #fff;
	margin: 10px;
	padding: 5px;
}

#footer {
	clear: both;
	text-align: center;
	padding: 3px 0px 3px 0px;
	margin-top: 10px;
	font-size: 85%;
}

#fopen {
	display: none;
	margin-top: 15px;
}

.g2 img {
    display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.g3 {
	background: #020101;
	border: 1px solid #9DD8FA;
    display: block;
	padding: 10px 0px;
    margin-left: auto;
    margin-right: auto;
	width: 488px;
}

.get {
	padding-top: 5px;
	text-align: center;
	font-size: 80%;
}

.get a:link {
	color: #0066CC;
}

.getcode {
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 80%;
}

.getcode a:link {
	color: #0066CC;
}

.getcode2 {
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 90%;
}

.getcode2 a:link {
	color: #CD1077;
    text-decoration: none;
	font-weight: bold;
}


.getcode2 a:visited  {
	color: #CD1077;
    text-decoration: none;
	font-weight: bold;
}

.getme {
	padding-bottom: 25px;
	text-align: center;
	font-size: 80%;
}

.getme a:link {
	color: #0066CC;
}

.getme1 {
	background: #4A3E54;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #EDEAF2;
	text-align: center;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}

.getme1 a:link {
	color: #EDEAF2;
    text-decoration: none;
}

.getme1 a:visited {
	color: #EDEAF2;
    text-decoration: none;
}

.getme2 {
	background: #A20F1A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #EDEAF2;
	text-align: center;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}

.getme2 a:link {
	color: #EDEAF2;
    text-decoration: none;
}

.getme2 a:visited {
	color: #EDEAF2;
    text-decoration: none;
}

.glitters  {
	width: 25%;
}

.glitters img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.gmenu {
	display: block;
	margin: -18px 0px 4px 1px;
	padding: 0px 0px 2px 1px;
}

.graphics {
	width: 25%;
}

.graphics img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.gray  {
	color: #AFAFE0;
}

a.gray:link, a.gray:visited  {
	color: #ddd;
}

.green {
	font-weight: bold;
	color: #008000;
}

.green2 {
	font-size: 130%;
	font-weight: bold;
	color: #008000;
}

.homecur {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}

.hexform {
	text-align: left;
	padding: 10px;
}

.hidden {
	display: none;
}

.homesec {
	border: 1px solid #D5DFE5;
}

.homesec1 {
	border: 1px solid #D5DFE5;
	border-collapse: separate;
}

.htmltag {
	font-weight: bold;
	text-align: left;
	padding: 5px;
	margin: 0px;
	color: #696969;
}

.icons {
	width: 25%;
}

.icons img {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #9DD8FA;
	border-spacing: 30pt 10pt;
}

.icons:hover img {
	background: #fff;
	border: double 5pt #FCFCF8;
	border-spacing: 30pt 10pt;
}

.icons2 img {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #9DD8FA;
	border-spacing: 30pt 10pt;
}

.icons2:hover img {
	background: #fff;
	border: double 5pt #FCFCF8;
	border-spacing: 30pt 10pt;
}

.icons3 {
	width: 25%;
}

.icons3 img {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #9DD8FA;
	border-spacing: 30pt 10pt;
}

.icons3:hover img {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: double 5pt #64C1FA;
	border-spacing: 30pt 10pt;
}

#instruction {
	background-image: url(/images/tutorial.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 10px;
	margin-right: 10px;
	border: 0px;
	text-align: left;
	padding-left: 10px;
}

#instruction2 {
	border: 0px;
	text-align: left;
	padding-left: 10px;
}

#instruction3 {
	background: #020101;
	border: 1px solid #9DD8FA;
	margin-top: 10px;
	margin-right: 10px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
	color: #ccc;
	padding-left: 10px;
}

#keyboard {
	background-image: url(/images/keyboard.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border: 0px;
	margin-top: 5px;
	margin-right: 5px;
}

.lacell {
	height: 160px;
	width: 33%;
	border: 5px solid #fff;
}

.lacell2 {
	height: 200px;
	width: 33%;
	border: 5px solid #fff;
}

.la-home {
	width: 25%;
	height: 130px;
	border: 5px solid #fff;
}

.lalign {
	text-align: left;
	color: #800080;
	font-size: 10pt;
}

.ldirect a:link, .ldirect a:visited {
	color: #00FF3C;
}

.ldirect a:hover {
	color: #00FF00;
	text-decoration: underline;
}

.lsection {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #800080;
}

.logocell {
	width: 35%;
}

#lal{
	width: 100%;
	margin-top: 10px;
}

#layouts{
	position: relative;
	border: 0px;
	width: 100%;
	height: 2200px;
}

#layoutview {
	font-size: 100%;
	padding: 10px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	border: 1px solid #B1DDF6;
}

#lmap {
	width: 35%;
	text-align: left;
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 70%;
	color: #00FF3C;
}

#logo img {
	border: 0px;
	padding-top: 15px;
	padding-left: 10px;
}

.magnifier img {
	background-color: #fff;
	border: double 5pt #B1DDF6;
	border-spacing: 30pt 10pt;
	margin-top: 20px;
}

.magnifier:hover img {
	border: double 5pt #64C1FA;
	border-spacing: 30pt 10pt;
}

.margin {
	text-align: left;
	padding-right: 10px;
}

.marquee1 {
	border-right: 1px solid #B1DDF6;
	border-left: 1px solid #B1DDF6;
	padding: 20px 0px;
	text-align: center;
	font-size: 95%;
}

.marquee2 {
	border-right: 1px solid #B1DDF6;
	border-bottom: 1px solid #B1DDF6;
	border-left: 1px solid #B1DDF6;
	height: 20px;
	padding: 10px 0px;
	text-align: center;
}

.marquee3 {
	border-right: 1px solid #B1DDF6;
	border-bottom: 1px solid #B1DDF6;
	border-left: 1px solid #B1DDF6;
}

.marquee3 img {
	border: 0px;
    display: block;
	margin-left: auto;
	margin-right: auto;
}

.meaning {
	border: 1px solid #B1DDF6;
	text-align: left;
	padding: 5px;
}

#menu {
	width: 165px;
	background: #E0F5FC;
	border-bottom: 1px solid #B1DDF6;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	float: left;
}

#menu1{
	width: 165px;
	background: #E0F5FC;
	border-bottom: 1px solid #B1DDF6;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	float: left;
}

.menu2 {
	padding: 3px 0px 7px 0px;
}

.menuchapter {
	background: #CD1076;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding: 8px 0px 8px 5px;
}

.menuchapter1 {
	display: block;
	background: #CD1076;
	padding: 6px 0px 23px 5px;
}

.menulinks {
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 0px 5px;
}

.menulinks a:link {
	font-size: 12px;
	color: #0000FF;
}

.menulinks a:visited {
	font-size: 12px;
	color: #8B0000;
	text-decoration: none;
}

.menubh {
	position:relative; 
}

/* remove all the bullets, borders and padding from the default list styling */
.menubh ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menubh li {
	float:left;
	position:relative;
}

/* 1 - level */
.menubh a, .menubh a:visited {
	display:block;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	color:#fff;
	padding-left:10px; 
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menubh ul ul {
	visibility:hidden;
	position:absolute;
	top:32px;
	left:-1px;  
	width:100px;
}

/* 2 - level */
.menubh ul ul a, .menubh ul ul a:visited {
	background:#F4F4F4; 
	color:#CD1076; 
	padding:10px; 
	width:100px;
	border:1px solid #B1DDF6;
	border-top:0;
}

/* 1 - level hover */
.menubh a:hover, .menubh ul ul a:hover{
	color:#fff; 
	background:#CD1076;
}

/* make the second level visible when hover on first level list OR link */
.menubh ul li:hover ul,
.menubh ul a:hover ul{
	visibility:visible;
}

.mid {
	border: 1px solid #B1DDF6;
	text-align: center;
	padding: 10px 0px;
}

.mini {
	border: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mycom {
	padding: 0.5em;
}

a.myhelp:link, a.myhelp:visited {
	color: #FF69B4;
	font-size: 8pt;
	text-decoration : none;
}
	
a.myhelp:hover {
	color: #555D76;
	font-size: 8pt;
	text-decoration : underline;
}

a.myhelp2 {
	color: #800080;
}

a.myhelp3:link, a.myhelp3:visited  {
	color: #ddd;
	text-decoration : none;
}
	
a.myhelp3:hover {
	color: #ddd;
	text-decoration : underline;
}

#middle {
	font-size: 100%;
	padding: 15px;
	margin: 20px;
	background: #fff;
	border: 1px solid #B1DDF6;
}

a.news:link, a.news:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	font-size: 12px;
}

.note {
	font-weight: bold;
	font-size: 11px;
	color: #E91717;
}

.num {
	font-size: 80%;
	color: #4F4F4F;
}

.pages{
	text-align: center;
	padding: 10px 0px 10px 10px;
}

.pagination{
	padding-bottom: 10px;
}

.pagelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	margin: 0px -1px 0px -1px;
	padding-bottom: 5px;
}

.pagelink a:link {
	color: #000096;
	text-decoration: none;
	border:1px solid #ccc;
	background:#FFE000;
	padding:2px 4px;
}

.pagelink a:visited {
	color: #000096;
	text-decoration: none;
	border:1px solid #ccc;
	background:#FFE000;
	padding:2px 4px;
}

.pagelink a:hover {
	color: #FFE000;
	text-decoration: none;
	border:1px solid #ccc;
	background:#3b5998;
	padding:2px 4px;
}

.paging {
	font-size: 90%;
	color: #FFE000;
	text-decoration: none;
	border:1px solid #ccc;
	background:#3b5998;
	margin: 0px -2px 0px 2px;
	padding:2px 4px;
}

.picker img {
	border: 0px;
	margin-left: 10px;
}

.picker a:link {
	border: 0px;
}

.picker a:visited {
	border: 0px;
}

.pictures {
	width: 25%;
}

.pictures img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 0.5em;
}

.popular {
	font-size: 8pt;
	color: #777;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}

.post-it {
	background-image:url(/images/post-it.gif);
	background-repeat:no-repeat;
}

.purple2 {
	font-size: 130%;
	font-weight: bold;
	color: #ff1493;
}

.red {
	font-weight: bold;
	color: #E91717;
}

.red2 {
	font-size: 130%;
	font-weight: bold;
	color: #E91717;
}

.red3 {
	font-weight: bold;
	color: #E91717;
	display: block;
	text-align: center;
}

.rightlinks1 {
	font-size: 80%;
	font-weight: bold;
}

.rightlinks1 a:link, .rightlinks1 a:visited {
	color: #00FF3C;
	text-decoration: none;
}

.rightlinks1 a:hover {
	color: #00FF00;
	text-decoration: underline;
}

.rightlinks2 img {
	vertical-align: middle;
}

#rmap {
	width: 35%;
	text-align: right;
	padding: 7px 10px 0px 0px;
}

.section {
	font-weight: bold;
	font-size: 85%;
	color: #E91717;
}

.slide img {
	background-color: #fff;
	border: double 5pt #9DD8FA;
	border-spacing: 30pt 10pt;
}

.slide:hover img {
	border: double 5pt #64C1FA;
	border-spacing: 30pt 10pt;
}

.space {
	padding: 5px 0px;
}

.spacer {
	height: 5px;
}

.sidebarimg img {
	border: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar {
	width: 200px;
	height: 920px;
/*	background-image:url(/images/14n.gif);    */
	background: #E0F5FC;
	padding: 10px;
	float: right;
}

#sidebar img {
	border:none;
}

.sign {
	font-size: 130%;
	font-weight: bold;
	border: 1px solid #B1DDF6;
	text-align: center;
}

.spark img {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border: solid 1pt #B1DDF6;
}

.spark:hover img {
	background-image:url(/images/spark.gif);
	margin-left: auto;
	margin-right: auto;
	border: solid 1pt #9DD8FA;
}

.spot1 {
	width: 150px;
	border: 1px solid #B1DDF6;
	text-align: left;
	padding-left: 10px;
}

.spot2 {
	border: 1px solid #CCCCCC;
	height: 25px;
}

.spot3 {
	width: 100px;
	border: 1px solid #B1DDF6;
	text-align: left;
	padding-left: 10px;
}

.spot4 {
	width: 100px;
	border: 1px solid #B1DDF6;
	text-align: center;
}

.spot7 {
	border: 1px solid #8b0000;
}

.spot7 img {
	border: 0px;
}

#search {
	width: 294px;
	height: 32px;
    font-weight: bold;
	font-size: 10px;
	color: #76EE00;
	text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 7px;
}

.stuff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EDEAF2;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.tag {
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #B1DDF6;
	text-align: left;
	padding: 5px;
}

.thcell {
	background: #FF9900;
	border-top: 1px solid #B1DDF6;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #B1DDF6;
	border-left: 1px solid #FF0000;
	text-align: left;
	padding-left: 20px;
}

.thmid {
	background: #FF9900;
	border-top: 1px solid #B1DDF6;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #B1DDF6;
	border-left: 1px solid #FF0000;
	text-align: center;
	color: #191970;
}

.thmid2 {
	background: #D1EAF7;
	border-top: 1px solid #fff;
	border-right: 1px solid #B1DDF6;
	border-bottom: 1px solid #B1DDF6;
	border-left: 1px solid #B1DDF6;
	text-align: center;
	color: #191970;
}

.thspot1 {
	width: 150px;
	background: #F4F4F4;
	border: 1px solid #B1DDF6;
	text-align: left;
	padding-left: 10px;
}

.thspot2 {
	background: #F4F4F4;
	border: 1px solid #B1DDF6;
	text-align: center;
}

.thspot3 {
	width: 100px;
	background: #F4F4F4;
	border: 1px solid #B1DDF6;
	text-align: center;
}

.thspot4 {
	width: 100px;
	background: #F4F4F4;
	border: 1px solid #B1DDF6;
	text-align: center;
}

.thumb{
	font-weight: bold;
	color: #E91717;
}

#tbcent {
	padding-left: 60px;
	padding-right: 60px;
}

#tdh1 {
	width: 30%;
	text-align: center;
	padding-top: 8px;
}

#tdlinks {
	width: 35%;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 12px;
}

.unhidden {
	display: block;
}

#userInput {
	color: #888;
}

.white {
	background: #ffffff;
	margin: 5px;
	padding: 10px;
	border: 1px solid #B1DDF6;
	text-align: center;
	color: #FF69B4;
	font-size: 10pt;
}

.widget {
	background: #CD1076;
	border: 1px solid #E0E0E1;
	text-align: center;
	color: #191970;
}

.widget1 {
	background: #CD1076;
	border-bottom: 1px solid #B1DDF6;
	text-align: center;
	color: #191970;
}

.widget2 {
	background: #CD1076;
	border-bottom: 1px solid #F4F4F4;
	text-align: center;
	color: #191970;
}

.wrap {
	background: #ffffff;
	font-size: 85%;
	margin: 5px;
	padding: 10px 5px;
	border: 1px solid #B1DDF6;
	text-align: left;
}

.wrapalign {
	text-align: left;
	padding: 10px 5px;
}

#mybox1 {
	width: 650px;
}

#mybox {
	background: #E0F5FC;
	width: 650px;
	padding: 10px;
	margin-bottom: 15px;
	border: 2px solid #B1DDF6;
	text-align: left;
}

.myred {
	text-align: center;
	font-weight: bold;
	color: #f00;
	margin-top: 10px;
	margin-bottom: 10px;
}

#imageInput {
	color: #777;
}

#textInput {
	color: #777;
}

.overhead {
	font-weight: bold;
}

.sidehead {
	font-weight: bold;
	margin-right: 10px;
	
}

.roverhead {
	font-weight: bold;
    display: block;
	text-align: center;
}

#rflow {
	width: 205px;
	float: right;
    display: block;
	margin-right: auto;
	margin-left: auto;
}

#ldrop {
	text-align: left;
}

#imageshow {
	float: left;
	padding: 0px 10px 3px 0px;
}

#textshow {
	text-align: left;
}

#wrap {
	width: 650px;
	height: 100%;
	padding: 10px;
	border: 2px solid #B1DDF6;
	overflow-x: auto;
	overflow-y: hidden;
}

textarea {
	overflow: auto;
	overflow: hidden;
}

#imagewrap {
	background-color: #bbb;
	color: #ff0000;
	overflow: hidden;
}

#codewrap {
    display: block;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}