body {
min-height: 800px;
color:#000000;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}
a:link {
color:#1818d0;
}
a:visited {
color:#610094;
}
a:hover {
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
}
a:focus {
color:#059C0F;
}
a:active {
color:#FFFC24;
background-color:#8F13B7;
text-decoration: none;
}

h1 {
font-family: Verdana, Arial, sans-serif;
font-size:27px;
line-height:40px;
font-weight: bold;
background-color:#FFFFA0;
color: black;
margin:0px 0px 24px 0px;
padding:6px 8px 11px 8px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#ec8517;
border-bottom-color:#ff6800;
border-top-style:solid;
border-bottom-style:solid;
}

h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
line-height:18px;
font-weight: bold;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:4px;
margin-top:0px;
}

p {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:25px;
font-weight: normal;
color: black;
padding-left:12px;
padding-top:0px;
padding-right:8px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}


ul {
margin-top:0px;
margin-bottom:0px;
}

ol {
margin-top:0px;
margin-bottom:0px;
}


li {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:28px;
font-weight: normal;
color: black;
margin:0px 8px 25px 8px;
padding:0px;
}

pre {
font-family: "Droid Sans Mono Slashed", "Droid Sans Mono Dotted", "Courier New", monospace;
font-size:16px;
line-height:18px;
margin-top:14px;
margin-bottom:24px;
}

/* Extra Padding for Some Links */
p.apad {
padding:0px;
margin:0px;
}
p.apad a {
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
display: inline-block;
}
p.apad a:visited {
color:#610094;
}
p.apad a:hover {
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.apad a:focus {
color:#FFFC24;
background-color:#CC0032;
text-decoration: none;
}
p.apad a:active {
text-decoration: none;
}


/* Extra Padding for Some Links */
p.bbapad {
padding:0px 0px 0px 8px;
margin:0px;
}
p.bbapad a {
font-weight: bold;
text-decoration: none;
padding:3px 8px 5px 8px;
margin:0px;
display: inline-block;
}
p.bbapad a:visited {
color:#610094;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.bbapad a:hover {
color:#FFFC24;
font-weight: bold;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.bbapad a:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.bbapad a:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}


/* Credits: Dynamic Drive CSS Library mixed with scientificpsychic.com code example */
/* URL: http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P520/ */
/* URL: http://www.scientificpsychic.com/etc/css-mouseover.html */

span.dropt {
border-bottom: 1px dashed #000;
cursor:help;
position: relative;
z-index: 50;
}

span.dropt span {
position: absolute; left: -1000px;
background-color: #FEF9CD;
padding: 10px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

span.dropt:hover span {
visibility: visible;
position:absolute;
top: 20px;
left: 50px;
} 



span.bbwarn {
font-size:18px;
background-color:#E50000;
color:#FFFFFF;
font-weight:bold;
padding:2px 6px 5px 6px;
border: 1px solid #820000;
border-left: 1px solid #FB355C;
border-top: 1px solid #FB355C;
text-shadow: black 0.1em 0.1em 0.2em;
}


/* Spoiler hover effect for divs */
div.spoiler {
background-color:#000000;
background-image:url('files_tutorials/spoiler.gif');
padding-top:8px;
padding-bottom:16px;
margin-bottom:40px;
border-width:16px;
border-color:#03B40F;
border-style:solid;
}
div.spoiler:active{
background-color:#FFFFFF;
background-image:none;
}




/* Section Title (green)  */
.sectiontitle02 {
font-size:22px;
line-height:48px;
font-weight: bold;
color: black;
background-color:#A8FF9F;
margin-top:0px;
margin-right:0px;
margin-bottom:16px;
margin-left:0px;
padding-top:2px;
padding-right:8px;
padding-bottom:4px;
padding-left:8px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#03B40F;
border-bottom-color:#03B40F;
border-top-style:solid;
border-bottom-style:solid;
}
.sectiontitle02 a{
text-decoration:none;
background-color:transparent;
color:black;
}


/* Section Title (blue)  */
.sectiontitle03 {
font-size:22px;
line-height:48px;
font-weight: bold;
color: black;
background-color:#B9EEFF;
margin-top:0px;
margin-right:0px;
margin-bottom:16px;
margin-left:0px;
padding-top:2px;
padding-right:8px;
padding-bottom:4px;
padding-left:8px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#4C97DE;
border-bottom-color:#4C97DE;
border-top-style:solid;
border-bottom-style:solid;
}
.sectiontitle03 a{
text-decoration:none;
background-color:transparent;
color:black;
}

acronym {
border-bottom: 1px dashed #000;
cursor:help;
}


/* External Full Line Red Links */
p.extredline {
padding:0px;
margin:0px;
}
p.extredline a {
color:#D40035;
text-decoration: none;
font-weight: bold;
padding:2px 8px 4px 12px;
margin:0px;
display: block;
}
p.extredline a:visited {
color:#AE002C;
text-decoration: none;
font-weight: bold;
background: transparent;
text-shadow:none;
}
p.extredline a:hover {
color:#FFFC24;
text-decoration: none;
font-weight: bold;
background-color:#DA0036;
background: -moz-linear-gradient(top, #FE1F52, #DA0036); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.extredline a:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.extredline a:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* External Red Links */
a.external {
color:#D40035;
text-decoration: none;
font-weight: bold;
padding-top:2px;
padding-bottom:4px;
}
a.external:visited {
text-decoration: none;
color:#AE002C;
font-weight: bold;
}
a.external:hover {
color:#FFFC24;
text-decoration: none;
background-color:#DA0036;
background: -moz-linear-gradient(top, #FE1F52, #DA0036); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
a.external:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
a.external:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}


div.emptytopkey {
width:32px;
height:72px;
color:#000000;
border-left-width:1px;
border-left-color:#777777;
border-left-style:solid;
border-top-width:1px;
border-top-color:#777777;
border-top-style:solid;
}

div.emptytopkey2 {
width:33px;
height:72px;
color:#000000;
}

div.thintopkey {
width:16px;
height:72px;
color:#000000;
border-left-width:1px;
border-left-color:#777777;
border-left-style:solid;
border-top-width:1px;
border-top-color:#777777;
border-top-style:solid;
}

div.thintopkey2 {
width:17px;
height:72px;
color:#000000;
}

div.blacktopkey {
width:32px;
height:72px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
line-height:11px;
text-align:center;
background-color:#000000;
color:white;
}

div.blacktopkey2 {
width:32px;
height:68px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
line-height:11px;
text-align:center;
padding-top:4px;
color:white;
}

div.bottomkey {
width:48px;
height:72px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
line-height:11px;
text-align:center;
color:#000000;
border-left-width:1px;
border-left-color:#777777;
border-left-style:solid;
border-bottom-width:1px;
border-bottom-color:#777777;
border-bottom-style:solid;
}

div.bottomkey2 {
width:49px;
height:72px;
font-family: Verdana, Arial, sans-serif;
font-size:11px;
line-height:11px;
text-align:center;
color:#000000;
padding-top:12px;
}


a.bblink {
text-decoration: none;
font-weight: bold;
padding-top:2px;
padding-bottom:4px;
}
a.bblink:visited {
text-decoration: none;
color:#1818d0;
font-weight: bold;
background: transparent;
text-shadow: none;
}
a.bblink:hover {
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
a.bblink:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
a.bblink:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}


p.jlink {
padding:0px;
margin:0px;
}
p.jlink a {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:26px;
font-weight: bold;
padding:2px 4px 4px 12px;
margin:0px;
color:#1a1ad3;
display: block;
text-decoration: none;
}
p.jlink a:visited {
color:#1a1ad3;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.jlink a:hover {
font-size:13px;
color:#FFFC24;
font-weight: bold;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.jlink a:focus {
font-size:13px;
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.jlink a:active {
font-size:13px;
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* New Hub Effects */
p.newfx {
font-weight: bold;
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
p.newfx a {
padding-left:12px;
padding-right:8px;
padding-top:3px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
display: block;
}
p.newfx a:visited {
color:#610094;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.newfx a:hover {
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.newfx a:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.newfx a:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* Navigation and Link Full Line Effects */
p.fullfx {
font-weight: bold;
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
text-indent:14px;
}
p.fullfx a {
font-size:12px;
text-decoration: none;
padding-left:12px;
padding-right:8px;
padding-top:3px;
padding-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
display: block;
}
p.fullfx a:visited {
font-size:12px;
color:#610094;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.fullfx a:hover {
font-size:13px;
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.fullfx a:focus {
font-size:13px;
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.fullfx a:active {
font-size:13px;
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}


/* Padding for plain links - no margin-bottom */
p.nmlapad {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
p.nmlapad a {
font-weight: normal;
padding-top:3px;
padding-right:8px;
padding-bottom:4px;
padding-left:12px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
display: block;
}
p.nmlapad a:visited {
color:#610094;
background: transparent;
text-shadow:none;
}
p.nmlapad a:hover {
color:#FFFC24;
text-decoration: none;
font-weight: bold;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.nmlapad a:focus {
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.nmlapad a:active {
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* Table of Contents Section Links */
p.tocsec {
font-weight: bold;
padding:0px;
margin:18px 0px 0px 0px; 
}
p.tocsec a {
text-decoration: none;
padding:2px 8px 4px 12px;
margin:0px;
display: block;
}
p.tocsec a:visited {
color:#610094;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.tocsec a:hover {
font-size:13px;
color:#FFFC24;
text-decoration: none;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.tocsec a:focus {
font-size:13px;
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.tocsec a:active {
font-size:13px;
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* Table of Contents Subsection Links */
p.tocsub {
padding:0px;
margin:0px;
}
p.tocsub a {
text-decoration: none;
font-weight: normal;
padding:2px 8px 4px 12px;
margin:0px;
display: block;
}
p.tocsub a:visited {
color:#610094;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.tocsub a:hover {
font-size:13px;
color:#FFFC24;
text-decoration: none;
font-weight: bold;
background-color:#8F13B7;
background: -moz-linear-gradient(top, #B850C9, #8F13B7); /* for firefox 3.6+ */ 
text-shadow: black 0.1em 0.1em 0.2em;
}
p.tocsub a:focus {
font-size:13px;
color:#059C0F;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow:none;
}
p.tocsub a:active {
font-size:13px;
color:#FF5600;
font-weight: bold;
text-decoration: none;
background: transparent;
text-shadow: none;
}



/* A little smaller than H1 for big text that is lower on the page */
.bigtext {
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
line-height:28px;
font-weight: bold;
color: black;
padding:0px;
margin:8px 12px 12px 12px;
}
.bigtext a{
text-decoration:none;
background-color:transparent;
color:black;
}


/* Medium text, a little smaller than bigtext */
.mtext {
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
line-height:19px;
font-weight: bold;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:12px;
margin-top:8px;
}

/* Small Text  */
.smalltext {
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
line-height:14px;
font-weight: normal;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:6px;
margin-top:0px;
}

/* Side Titles  */
.sidetitle {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:40px;
margin-bottom:8px;
font-weight: bold;
color: black;
}

/* Bottom Navigation  */
.btext {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height:14px;
font-weight: normal;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:14px;
margin-top:0px;
}

/* Secondary Navigation */
.secnav {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:20px;
font-weight: normal;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:4px;
margin-top:0px;
}

/* External Links */
.elinks {
margin-bottom:18px;
}

/* Page Links */
.pagelinks {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:20px;
font-weight: normal;
color: black;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:6px;
margin-top:0px;
}


/* Spacer  */
.spacer {
line-height:32px;
}


/* Related Future  */
.related {
font-family: Verdana, Arial, sans-serif;
font-size:14px;
margin-top:24px;
margin-bottom:8px;
font-weight: bold;
color: black;
}


table {
empty-cells: show;
}


table.bigborder {
border: 1px solid #000;
}


td.boxborders {
border: 1px solid #000;
}

.myinput {
width:168px;
height:18px;
font-family:Verdana, Arial, sans-serif;
font-weight:normal;
font-size:12px;
padding-top:5px;
padding-left:4px;
background-color:#F5F5F5;
margin-left:9px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
border-width:2px;
border-color: #a7a7a7 #ededed #ededed #a7a7a7;
border-style:solid;
}
.myinput[type="submit"] {
border-style: none;
font-family: Verdana, Arial, sans-serif;
color:#000000;
font-size:12px;
width:100px;
height:28px;
margin-left:4px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
padding:0px;
background-color:#e4e4e4;
border:2px solid;
border-color: #ededed #a7a7a7 #a7a7a7 #ededed;
}
.myinput[type="submit"]:hover{
color:#bf2898;
cursor:pointer;
background-color:#e6caf0;
border:2px solid;
border-color: #eedbf4 #ad50cc #ad50cc #eedbf4;
}



.bsubmit {
border-style: none;
font-family: Verdana, Arial, sans-serif;
color:#000000;
font-size:12px;
height:28px;
width:100px;
margin-left:4px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
padding:0px;
background-color:#e4e4e4;
border:2px solid;
border-color: #ededed #a7a7a7 #a7a7a7 #ededed;
}

.bsubmit:hover{
color:#bf2898;
cursor:pointer;
background-color:#e6caf0;
border:2px solid;
border-color: #eedbf4 #ad50cc #ad50cc #eedbf4;
}


/* Navigation Button Setup */
.navbutton a {
margin:0px;
display: block;
text-decoration: none;
background-color:transparent;
padding:0px;
}
.navbutton a:visited {
color: #000000;
}
.navbutton a:hover {
margin-top:2px;
color: #000000;
background-color:transparent;
}
.navbutton a:active {
margin-top:2px;
color: #000000;
}
.navbutton a:focus {
margin-top:2px;
color: #000000;
}

/* Navigation Button 02 Setup */
.navbuttonroll a {
display: block;
text-decoration: none;
background-color:transparent;
margin:0px;
}
.navbuttonroll a:visited {
color: #000000;
}
.navbuttonroll:hover{
margin-top:1px;
color: #000000;
background-color:transparent;
}
.navbuttonroll a:active {
color: #000000;
}
.navbuttonroll a:focus {
color: #000000;
}
.navbuttonroll a img {
height: 0;
border-width: 0;
text-decoration: none;
background-color:transparent;
margin-top:2px;
padding-top:33px;
}
.navbuttonroll a:hover img {
height: 33px;
padding:0px;
position: relative;
top: 0px;
left: 0px;
margin-top:1px;
}

/* Navigation button that is turned off */
.navoff {
margin-top:2px;
display: block;
text-decoration: none;
background-color:transparent;
padding:0px;
}
.navoff a:visited {
color: #000000;
}
.navoff a:hover {
color: #000000;
background-color:transparent;
}
.navoff a:active {
color: #000000;
}
.navoff a:focus {
color: #000000;
}


/* Navigation Button 02 Setup */
.navcatroll {
margin-top:2px;
display: block;
text-decoration: none;
background-color:transparent;
padding:0px;
}
.navcatroll a {
display: block;
text-decoration: none;
background-color:transparent;
background-repeat:no-repeat;
}
.navcatroll a:visited {
color: #000000;
}
.navcatroll:hover{
color: #000000;
background-color:transparent;
}
.navcatroll a:active {
color: #000000;
}
.navcatroll a:focus {
color: #000000;
}
.navcatroll a img {
height: 0;
border-width: 0;
text-decoration: none;
background-color:transparent;
padding-top:33px;
}
.navcatroll a:hover img {
height: 33px;
padding:0px;
position: relative;
top: 0px;
left: 0px;
}



/* Side Titles 05 new green with 3D border */
.sidetitle05 {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:0px;
margin-right:16px;
margin-bottom:0px;
margin-left:16px;
padding-right:8px;
padding-left:8px;
line-height:40px;
font-weight: bold;
color: black;
border: 2px outset #fff;
background-color:#A8FF9F;
}
.sidetitle05 a{
text-decoration:none;
background-color:transparent;
color:black;
}


/* Side Titles 06 new blue with 3D border */
.sidetitle06 {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:0px;
margin-right:16px;
margin-bottom:0px;
margin-left:16px;
padding-right:8px;
padding-left:8px;
line-height:40px;
font-weight: bold;
color: black;
border: 2px outset #fff;
background-color:#B9EEFF;
}
.sidetitle06 a{
text-decoration:none;
background-color:transparent;
color:black;
}


/* Side box yellow */
.sidebox01 {
margin-right:16px;
margin-left:16px;
padding-top:8px;
padding-bottom:24px;
border: 2px outset #fff;
background-color: #FEF9CD;
}


/* Quote Name */
.qname {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
line-height:28px;
font-weight: normal;
color: #74009F;
padding:0px;
margin-left:8px;
margin-right:8px;
margin-bottom:52px;
margin-top:4px;
font-style: italic;
}


/* Quote Spacer for Quotes with More than one paragraph */
.qspace {
margin-bottom:18px;
}


/* Bumper Sticker Margins */
.bumpstick {
margin-left:8px;
margin-bottom:48px;
}


/* Background Color */
#c1 {
background-color:#FFFFFF;
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c1:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c2 {
background-color:#F1EcE7;
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c2:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c3 {
background-color:rgb(228,228,228);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c3:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c4 {
background-color:rgb(209,209,209);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c4:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c5 {
background-color:rgb(255,255,204);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c5:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c6 {
background-color:rgb(255,255,182);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c6:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c7 {
background-color:#FFF0C7;
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c7:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c8 {
background-color:rgb(204,240,255);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c8:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c9 {
background-color:rgb(139,221,255);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c9:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c10 {
background-color:rgb(216,255,204);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c10:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c11 {
background-color:rgb(172,255,170);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c11:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c12 {
background-color:rgb(226,208,255);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c12:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c13 {
background-color:rgb(208,173,255);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c13:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c14 {
background-color:rgb(253,240,215);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c14:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c15 {
background-color:rgb(251,228,207);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c15:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c16 {
background-color:rgb(249,216,198);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c16:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c17 {
background-color:rgb(226,187,178);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c17:hover{
border: 2px inset #fff;
cursor:pointer;
}

#c18 {
background-color:rgb(214,158,143);
border: 2px outset #fff;
width:14px;
height:14px;
overflow:hidden;
margin-right:8px;
float:left;
}
#c18:hover{
border: 2px inset #fff;
cursor:pointer;
}

.qpicborder img{
border:2px;
border-color:transparent;
border-style:solid;
}
.qpicborder:hover img{
border:2px;
border-color:#8200B1;
border-style:solid;
}
.qpicborder:hover{
color:#8200B1;
}


/* Side Titles 02 with Border (purple)  */
.sidetitle02 {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:80px;
margin-right:4px;
margin-bottom:8px;
margin-left:4px;
padding-right:8px;
padding-left:8px;
line-height:40px;
font-weight: bold;
color: black;
background-color:#ebcbf1;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#aa47c9;
border-bottom-color:#aa47c9;
border-top-style:solid;
border-bottom-style:solid;
}
.sidetitle02 a{
text-decoration:none;
background-color:transparent;
color:black;
}

/* Side Titles 03 with Border (green) */
.sidetitle03 {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:80px;
margin-right:4px;
margin-bottom:8px;
margin-left:4px;
padding-right:8px;
padding-left:8px;
line-height:40px;
font-weight: bold;
color: black;
background-color:#A2FF9F;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#05B410;
border-bottom-color:#05B410;
border-top-style:solid;
border-bottom-style:solid;
}

/* Side Titles 04 with Border (blue) */
.sidetitle04 {
font-family: Verdana, Arial, sans-serif;
font-size:17px;
margin-top:80px;
margin-right:4px;
margin-bottom:8px;
margin-left:4px;
padding-right:8px;
padding-left:8px;
line-height:40px;
font-weight: bold;
color: black;
background-color:#ABEBFF;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#5D87E0;
border-bottom-color:#5D87E0;
border-top-style:solid;
border-bottom-style:solid;
}



.bbborder {
margin-top:24px;
margin-right:8px;
margin-bottom:32px;
margin-left:32px;
padding-top:8px;
padding-right:8px;
padding-bottom:8px;
padding-left:5px; 
border-width:1px;
border-color:#05b410;
border-style:solid;
font-size:13px;
line-height:18px;
font-family: "Droid Sans Mono Slashed", "Droid Sans Mono Dotted", "Courier New", monospace;
background-color:white;
}


.bbmain {
font-size:22px;
line-height:48px;
font-weight: bold;
color: black;
background-color:#A8FF9F;
margin: 2px 0px 16px 0px;
padding: 3px 12px 4px 12px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#03B40F;
border-bottom-color:#03B40F;
border-top-style:solid;
border-bottom-style:solid;
}
.bbmain a{
text-decoration:none;
background-color:transparent;
color:black;
}


.bbsecondary {
font-size:18px;
line-height:40px;
font-weight: bold;
background-color:#FEEAC6;
margin: 2px 0px 16px 0px;
padding: 3px 12px 4px 12px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#FA9719;
border-bottom-color:#FA9719;
border-top-style:solid;
border-bottom-style:solid;
}
.bbsecondary a{
text-decoration:none;
background-color:transparent;
color:black;
}

.bbtertiary {
font-size:18px;
line-height:40px;
font-weight: bold;
background-color:#B9EEFF;
margin: 2px 0px 16px 0px;
padding: 3px 12px 4px 12px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#4C97DE;
border-bottom-color:#4C97DE;
border-top-style:solid;
border-bottom-style:solid;
}
.bbtertiary a{
text-decoration:none;
background-color:transparent;
color:black;
}

.bbquaternary {
font-size:18px;
line-height:40px;
font-weight: bold;
background-color:#EBD7FF;
margin: 2px 0px 16px 0px;
padding: 3px 12px 4px 12px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#A74BDE;
border-bottom-color:#A74BDE;
border-top-style:solid;
border-bottom-style:solid;
}
.bbquaternary a{
text-decoration:none;
background-color:transparent;
color:black;
}


td.myhover {
color:black;
}
td.myhover:hover{
background-color: #FFFFA0;
color:black;
}


tr.mytrhover {
color:black;
}
tr.mytrhover:hover{
background-color:#FFFFA0;
color:black;
}


td.bbtdbot {
border-bottom-width:1px;
border-bottom-color:#BBBBBB;
border-bottom-style:solid;
text-decoration:none;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:8px;
padding-bottom:0px;
padding-left:16px;
}

td.bbtdside {
border-left-width:1px;
border-left-color:#BBBBBB;
border-left-style:solid;
text-decoration:none;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:8px;
padding-bottom:0px;
padding-left:16px;
}


td.bbtdtop02 {
border-top-style:solid;
border-top-width:1px;
border-top-color:#777777;
}

td.bbtdright02 {
border-right-style:solid;
border-right-width:1px;
border-right-color:#777777;
}

td.bbtdbot02 {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#777777;
}

td.bbtdside02 {
border-left-style:solid;
border-left-width:1px;
border-left-color:#777777;
}



.bbjl {
font-weight: bold;
margin-bottom:3px;
}

.bbjlbg {
font-weight: bold;
margin-bottom:3px;
background-color:#FFFF66;
border-top-width:1px;
border-top-color:#FFFFFF;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-color:#F0D724;
border-bottom-style:solid;
}

.bm a{
text-decoration:none;
background-color:transparent;
color:black;
}

/* Main Section Title (purple)  */
.sectiontitle {
font-size:22px;
line-height:40px;
font-weight: bold;
color: black;
background-color:#ebcbf1;
margin-top:0px;
margin-right:0px;
margin-bottom:16px;
margin-left:0px;
padding-top:2px;
padding-right:8px;
padding-bottom:4px;
padding-left:8px;
border-top-width:2px;
border-bottom-width:2px;
border-top-color:#aa47c9;
border-bottom-color:#aa47c9;
border-top-style:solid;
border-bottom-style:solid;
}
.sectiontitle a{
text-decoration:none;
background-color:transparent;
color:black;
}