* {margin:0; padding:0;}

html{
font-size:125%; /* This sets 1em to 20 pixels */
}

body{
font-family: verdana, arial, helvetica, sans-serif;
font-size:50%; /* Now 1em is 10 pixels (points) */
margin: 1em 2em;
color: rgb(0,0,0);
background-color: rgb(240,240,240); /* silvery */
min-width:1024px;
}

* a{
font-size: 1.0em;
text-decoration: none;
color: rgb(0,0,255); /* blue */
cursor: pointer;
cursor: hand;
}

* a:hover{ 
color: rgb(255,0,0); /* red */
}

* a:hover{
text-decoration: underline;
}

h1{
font-size: 3.0em;
color: orange; /* to match logo */ 
margin:0;
padding:0;
border-width:0;
}

h2{
font-size: 2.2em;
padding: 0.1em 0em 0.2em 0em;
margin: 0;
color: rgb(255,165,0); /* orange */
}

h3{
font-size: 1.5em;
padding: 0.1em 0em 0.1em 0em;
margin: 0;
color: red;
}

h4{
font-size: 1.3em;
padding: 0.1em 0em 0em 0em;
margin: 0;
color:green;
}

h5{
font-size: 1.3em;
padding: 0.1em 0em 0em 0em;
margin: 0;
color: purple;
}

h6{
font-size:1.2em;
font-weight: bold;
padding: 0.1em 0em 0.2em 0em;
}

p{
font-size: 1.2em;
padding: 0.1em 0em 0.2em 0em;
}

ul, ol, dl {
font-size:1.2em;
margin: 0.0em 0.0em 0.0em 1.0em;
}

ul{
list-style-type:none;
}

ul.spots{
list-style-type:disc;
}

dt{
padding: 0 0 0.1em 0
}

dd {
padding: 0.0em 0.0em 0.2em 1.0em;
color: purple;
}

.block-up {display: block;}
.line-up {display: inline;}

.aleft {text-align: left;}
.acenter {text-align: center;}
.aright{text-align: right;}

.clear-top{margin-top: 1em;}
.float-left{float: left;}
.float-right{float: right;}

.clear-left{clear: left;}
.clear-right{clear: right;}
.clear-both{clear: both;border-width:0;}

.no-margin{margin:0;}
.no-padding{padding:0;}
.no-border{border-width:0;}

.padding-one{padding:5px;}

.left-margin-one{margin: 0em 1em 0em 1em;}

.no-clearance{margin:0;padding:0;border-width:0;}

.block-center{margin: auto;}
.inline-center{text-align: center;}

.inside-markers{list-style-position: inside}

.orange{color:orange}
.red{color:red}

#d1 {margin-bottom:30px;}
#logo {float: left; margin: 20px 20px 20px 20px;}
#rangi {float: right; margin: 5px 20px 0px 0px;}

/* set general button styles */
dt.btn {margin-bottom: 3px; text-align: center}

/* set general anchor styles - fill the container */
dt.btn a {display: block; text-decoration: none; color: white; font-size: 1.3em; font-weight: bold}

/* MouseOut state (default) */
dt.btn a {background: #65A1C3; border: 5px outset #65A1C3}

/* MouseOver state (hover) */
/* bug in IE - must restate color */
dt.btn a:hover {background: red; border: 5px outset red; color:white}

/* Horizontal tabs from CSS Easy p168 */
/* set general tab styles - horizontal format */
dl#hmenu{float: left;clear:right; margin-left: 0px}
dt.tab	{display: block; float: left; margin-right: 0px; text-align:center; }
/* set general anchor styles - fill the container */
dt.tab a	{display: block; text-decoration:none; color:white; font-size: 1.0em; font-weight: bold; width: 100px }
/* MouseOut state (default) */
dt.tab a	{ background: #65A1C3; border: 5px outset #65A1C3;}
/* MouseOver state (hover) */
dt.tab a:hover {background: red; border: 5px outset red; color:white;}
/* end of Horizontal tabs from CSS Easy p168 */

table.category{
width: 100%;
table-layout: fixed;
text-align: left;
margin: 0em;
padding: 0em;
}

table.category td
{
padding: 0em;
}

table.category a
{
margin: 0 0 0 30px;
}

.alert{color: red;}


/* Header **************************************/
#header {
margin:0;
padding:0;
}

#headerleft{
float: left;
width: 250px;
text-align: left;
}

#headercenter{
margin-left: 255px;
margin-right: 405px;
text-align: center;
}

#headerright{
float: right;
width: 400px;
text-align: left;
}

#headerright_full{
float: right;
text-align: center;
}

.header-left30{
float: left;
text-align: left;
}

.header-right70{
float: right;
text-align: right;
padding: 0 10px;
}

/************************************************/
#mainleft {
float: left;
width: 160px;
height: 700px;
text-align: center;
padding: 0.5em 0em;
margin: 0;
}

#maincenter{
text-align: left;
margin-left: 165px;
margin-right: 165px;
padding:0 0.5em;
}

#mainright{
float: right;
width: 160px;
height: 700px;
text-align: center;
padding: 0;
margin: 0;
}

/* For registration and login windows */
#mainleftwide{
float: left;
width: 33%;
text-align: left;
}
#maincenterslim{
text-align: left;
float:left;
width:33%;
//margin-left: 255px;
//margin-right: 255px;
}
#mainrightwide{
float: left;
width: 33%;
text-align: left;
}

.hard-left500{
float: left;
width: 500px;
}

.hard-right500{
margin-left: 510px;
}

.content-left50{
float: left;
width: 49%;
}

.content-right50{
float: right;
width: 49%;
}

.content-left60{
float: left;
width: 60%;
}
.content-right70{
float: right;
width: 70%;
}

.content-left30{
float: left;
width: 30%;
}
.content-right40{
float: right;
width: 40%;
}

.content-left40{
float: left;
width: 40%;
}
.content-right60{
float: right;
text-align: right;
width: 60%;
}

.content-left70{
float: left;
width: 70%;
}
.content-right30{
float: right;
width: 30%;
}

.related-links{
padding:0;
margin:0;
text-align:left;
}

h5.related-links{
text-align:center;
}

/* Footer ********************************************************/
/* ensure footer stays at the bottom */
.footer {
//clear:both;
width: 750px;
text-align: center;
margin:auto;
padding: 2px;
}

.bold{font-weight:bold}

.font14{font-size:1.4em}
.font13{font-size:1.3em}
.font12{font-size:1.2em}
.font11{font-size:1.1em}
.font10{font-size:1.0em}
.font09{font-size:0.9em}
.font08{font-size:0.8em}
.font07{font-size:0.7em}
.font06{font-size:0.6em}

.aquamarine{color:aquamarine}
.black{color:black}
.blue{color:blue}
.blueviolet{color: blueviolet}
.brown{color:brown}
.coral{color:coral}
.crimson{color:crimson}
.darkorange{color:darkorange}
.darkslategray{color:darkslategray}
.darkviolet{color: darkviolet}
.deeppink{color:deeppink}
.fuchsia{color:fuchsia}
.goldenrod{color:goldenrod}
.green{color:green}
.gray{color:gray}
.limegreen{color:limegreen}
.mediumvioletred{color:mediumvioletred}
.navy{color:navy}
.orange{color:orange}
.orangered{color:orangered}
.red{color: red}
.royalblue{color:royalblue}
.salmon{color:salmon}
.sandybrown{color:sandybrown}
.teal{color:teal}
.tomato{color:tomato}