* { margin: 0px; padding: 0px;}
html { font-size: 100%; }
ol,ul,
h1,h2,h3 { margin: 0px 0px 1.2em 0px;}
p { margin: 20px 10px; }
li { margin: 6px 20px 6px 40px;}
body { width: 100%; background-color: #192832;
color: #FFFFFF; font-size: 62.5%; /* default font 10px */
font-family: Helvetica, Verdana, Arial, sans-serif;
margin: 20px 0px; }
logo { background-image: url('./images/logo.png');
background: color: #FFFFFF;}
a:link { color: #192832; text-decoration: none; background: none; }
a:visited { color: #E4DC8B; text-decoration: none; background: none; border-bottom: 1px solid #9FBCC4; }
a:hover { color: #008B8B; text-decoration: none; background-color: transparent;
border-top: 1px solid #008B8B; border-bottom: 1px solid #008B8B;}
a:active { color: #FF7F00; text-decoration: none; background: none;
border-top: 1px solid #FF7F00; border-bottom: 1px solid #FF7F00; }
a.ring { color: #336699; text-decoration: none; background: none; border-bottom: 1px solid #336699;}
a.ring:visited { color: #FF6600; text-decoration: none; background: none; border-bottom: 1px solid #FF6600;}
a.ring:hover { color: #AA8921; text-decoration: none; background-color: transparent;
border-top: 1px solid #AA8921; border-bottom: 1px solid #AA8921;}
a.ring:active { color: #9FBCC4; text-decoration: none; background: none; border-bottom: 1px solid #9FBCC4;}
a.white:link { color: #FFFFFF; text-decoration: none; background: none; }
a.white:visited { color: #666666; text-decoration: none; background: none; }
a.white:hover { color: #D59D69; text-decoration: none; background-color: transparent;
border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
a.white:active { color: #999999; text-decoration: none; background: none; }
a.content { color: #D59D69; text-decoration: none; background: none; }
a.content:visited { color: #FFFFFF; text-decoration: none; background: none; }
a.content:hover { color: #FFFFFF; text-decoration: none; background-color: transparent;
border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
a.content:active { color: #999999; text-decoration: none; background: none; }
a.copyring2 { color: #FBF09E; text-decoration: none; background: none; }
a.copyring2:visited { color: #FF8C00; text-decoration: none; background: none; }
a.copyring2:hover { color: #FF8C00; text-decoration: none; background-color: transparent;
border-top: 1px solid #FF8C00; border-bottom: 1px solid #FF8C00;}
a.copyring2:active { color: #999999; text-decoration: none; background: none; }
.background { color: #000033; background-color: transparent }
.back { color: #FFFFFF; background-color: #000066; vertical-align: top;
border-color: #000066; border-width: 4px; border-style: double; }
/**************************************************************************** FONTS *****/
h1 { font-size: 2.0em; color: #FF0000; font-style: italic; font-family: "Times New Roman", Georgia, Helvetica; }
h2 { font-size: 1.6em; color: #D59D69; font-family: Georgia, Helvetica; margin: 16px;}
h3 { font-size: 1.4em; color: #FFFFFF; font-family: Georgia, Helvetica; }
h4 { font-size: 1.2em; color: #192832; font-style: italic; font-weight: bold;
font-family: Georgia, Helvetica; margin: 8px 120px 8px 0px; }
.subring { font-size: 1.5em; font-weight: bold; color: #FFFFFF; font-family: Georgia; }
.subring2 { font-size: 1.5em; font-weight: bold; color: #192832; font-family: Georgia; }
.contact { font-size: 1.2em; font-weight: bold; color: #000066; background-color: transparent; }
.content { font-size: 1.3em; color: #FFFFFF; background-color: transparent; }
.content2 { font-size: 1.3em; color: #192832; background-color: transparent; }
.copyring { font-size: 1.2em; color: #FFFFFF; background-color: transparent; }
.copyring2 { border-top: none; border-bottom: none; text-decoration: none; }
.highlight { font-size: 1.1em; color:#008000; background-color: #FAFAFA; }
.inputlink { font-size: 1.2em; color: #000066; background-color: transparent; }
.inputring { font-size: 1.2em; color: #000033; background: #FFFFFF; cursor: pointer;
font-family: 'courier new', monospace; }
.inputring2 { font-size: 1.3em; color: #000033; background: #FFFFFF; cursor: pointer;
font-family: 'courier new', monospace; }
input.formsubmit { font-size: 1.3em; color: #336699; font-weight: bold; cursor: pointer;
font-family: arial, helvetica, sans-serif; background: #FFFFFF; }
input.formsubmit2 { font-size: 1.3em; color: #FFFFFF; font-weight: bold; cursor: pointer;
font-family: helvetica, sans-serif; background: transparent }
input.formsubmit:hover { color: #FFFFFF; background: #336699; }
input.formreset { font-size: 1.3em; color: #FF0000; font-weight: bold; cursor: pointer;
font-family: arial, helvetica, sans-serif; background: #FFFFFF; }
input.formreset:hover { color: #FFFFFF; background: #ff0000; }
input.getcode { font-size: 1.3em; color: #006600; font-weight: bold; cursor: pointer;
font-family: arial, helvetica, sans-serif; background: #FFFFFF; }
input.getcode:hover { color: #FFFFFF; background: #006600; }
input.editsite { font-size: 1.3em; color: #FF6600; font-weight: bold; cursor: pointer;
font-family: arial, helvetica, sans-serif; background: #FFFFFF; }
input.editsite:hover { color: #FFFFFF; background: #FF6600; }
input.remove { font-size: 1.3em; color: #ff0000; font-weight: bold; cursor: pointer;
font-family: arial, helvetica, sans-serif; background: #FFFFFF; }
input.remove:hover { color: #FFFFFF; background: #ff0000; }
.linkring { font-size: 1.5em; color: #FFFFFF; font-family: Georgia; font-weight: bold; background-color: transparent }
.resource2 { background: #FFFFFF; color: #192832; vertical-align: middle;
border-color: #192832; border-width: 4px; border-style: double; }
.ringindex { font-size: 1.3em; font-weight: bold; color: #000066; background-color: transparent; }
.ringlink { font-size: 1.2em; font-weight: bold; color: #FFFFFF; background-color: transparent; }
.ringring { font-size: 1.6em; font-weight: bold; color: #FBF09E; background-color: transparent; }
.title { font-size: 1.2em; font-weight: bold; color: #192832; font-style: italic; font-family: "Times New Roman";}
.title2 { font-size: 1.1em; font-weight: bold; color: #192832; font-style: italic; font-family: "Times New Roman";}
.yourring { font-size: 1.0em; font-weight: bold; color: #ff0000; background-color: transparent; }
.yourring2 { font-size: 1.0em; font-weight: bold; color: #006600; background-color: transparent; }
.yourring3 { font-size: 1.0em; font-weight: bold; color: #FBF09E; background-color: transparent; }
.yourringzx { font-size: 1.1em; font-weight: bold; color: #ff0000; background-color: transparent; }
/*************************************************************** TABLES & ROWS *****/
.chainlinks { background-color: #FFFFFF; color: #192832; font-family: Helvetica, Times, serif; }
.mainbody { background-color: #192832; color: #FFFFFF; font-family: Helvetica, Times, serif; }
.navigation { background-color: #880000; color: #FFFFFF; }
.ringlist { background-color: #880000; color: #FFFFFF; }
.example { background: silver; color: #FFFFFF; }
.row1 { background-color: #880000; color: #FFFFFF; padding: 8px;}
.row2 { background-color: #192832; color: #FFFFFF; padding: 8px;}
.ringback { background-color: #9FBCC4; color: #000066 }
.footer { background-color: #192832; color: #FFFFFF; }
.whitering { background-color: #FFFFFF; color: #FFFFFF; }