/* CSS reset - sets default margins and padding to 0. */
a,body,html,div,h1,h2,h3,h4,h5,h6,p { 
margin:0;
padding:0;
text-decoration: none;
}

a {outline: none;} /* prevents dotted blue line around selected/visited image links */

html, body { /* saves you from the "centering jump" on short pages */
min-height: 100%;
margin-bottom: 1px;
}

body {
margin: 0;
padding: 0;
font-family: times new roman, times, serif;
color: #666666;
font-size: 10pt;
font-weight: normal;
font-style: italic;
text-align: left;
line-height: 11pt;
background: #e5e5e5;
}

/* magic code that makes everything line up correctly */
.brclear { 
clear: both; 
height: 0; 
margin: 0;
font-size: 1px;
line-height: 0px;
}

/* main container */
#maincontainer {
width: 870px;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center;
background: #e5e5e5;
}

#closed {
display: block;
width: 696px;
margin: -20px auto 10px auto;
padding: 0; 
font-family: trebuchet ms, arial, helvetica, sans serif; 
font-size: 24pt; 
font-style: normal; 
font-weight: bold;
text-align: center;
letter-spacing: 0.05em;
line-height: 125%;
color: #000000;
}

/* ----------------------------- LEFT SIDE ----------------------------- */
#left {
width: 170px;
margin: 0;
padding: 10px 0 0 0;
float: left;
background-color: #e5e5e5;
}

/* text properties for links in the left column */
#sidelinks {
display: block;
width: 140px;
margin: 0 0 0 15px;
padding: 0; 
font-family: arial, helvetica, sans serif; 
font-size: 9pt; 
font-style: normal; 
font-weight: bold;
text-align: left;
letter-spacing: 0.025em;
line-height: 125%;
border-bottom: 1px dotted #009900;
color: #cccccc;
}

#sidelinks a {
border: 0; 
font-family: arial, helvetica, sans serif; 
font-size: 9pt; 
font-style: normal; 
font-weight: bold;
}

/* navigation links in left column */
#sidelinks a:link    {color: #999999;}
#sidelinks a:visited {color: #999999;}
#sidelinks a:hover   {color: #000000;}
#sidelinks a:active  {color: #ffffff;}

/* */
#sidelinks p {
display: block;
margin: 0;
padding: 5px 0;
border-top: 1px dotted #009900;
}

#contact-left {
display: block;
width: 140px;
margin: 5px 0 0 15px;
padding:5px 0 5px 0; 
font-family: arial, helvetica, sans serif; 
font-size: 9pt; 
font-style: normal; 
font-weight: bold;
text-align: left;
letter-spacing: 0.025em;
line-height: 125%;
border-top:  1px dotted #009900;
}

a:link    {color: #000000; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:visited {color: #000000; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:hover   {color: #ff0000; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, sans serif;}
a:active  {color: #ff00ff; font-size: 9pt; font-weight: bold; font-family: arial, helvetica, sans serif;}


/* ---------------------------- RIGHT SIDE ---------------------------- */

#right {
float: right;
display: block;
width: 676px;
margin: 10px 0 250px 20px;
padding: 0 0 50px 0;
background-color: #eeeeee;
border: 2px solid #96aca1;
}

/* headers */
h1{
margin: 15px auto 0 auto;
padding: 0;
font-family: trebuchet ms, arial, helvetica, sans serif;
font-size: 16pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: center;
line-height: 100%;
color: #cccccc;
}

/* entries */
.text{
display: block;
width: 540px;
margin: 0 auto;
padding: 0;
font-family: trebuchet ms, arial, helvetica, sans serif;
color: #cccccc;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 133%;
}

/* titles of entries */
.text strong{
color: #cccccc;
}

.text p {
padding: 8px 0 0 0;
}

/* Contact Us */
#contact-us{
display: block;
width: 540px;
margin: 0 auto;
padding: 0;
font-family: trebuchet ms, arial, helvetica, sans serif;
color: #000000;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 150%;
}

h2 {
margin: 15px auto 0 auto;
padding: 0;
font-family: trebuchet ms, arial, helvetica, sans serif;
font-size: 16pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: center;
line-height: 100%;
color: #000000;

/* links appearing in the text */
.text a:link    {color: #000000; font-size: 9pt; font-weight: bold; font-family: trebuchet ms, arial, helvetica, sans serif;}
.text a:visited {color: #000000; font-size: 9pt; font-weight: bold; font-family: trebuchet ms, arial, helvetica, sans serif;}
.text a:hover   {color: #ff0000; font-size: 9pt; font-weight: bold; font-family: trebuchet ms, arial, helvetica, sans serif;}
.text a:active  {color: #ff00ff; font-size: 9pt; font-weight: bold; font-family: trebuchet ms, arial, helvetica, sans serif;}

hr {
width: 90%;
margin: 15px auto 20px auto;
text-align: center;
}

/* Back To Top*/
.backtop a:link    {color: #cccccc; font-size: 7pt; border: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:visited {color: #cccccc; font-size: 7pt; border: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:hover   {color: #000000; font-size: 7pt; border: none; font-weight: bold; font-family: arial, helvetica, sans serif;}
.backtop a:active  {color: #ffffff; font-size: 7pt; border: none; font-weight: bold; font-family: arial, helvetica, sans serif;}

.backtop {
display: block;
margin: 0;
padding: 0 0 0 510px;
font-family: arial, helvetica, sans serif;
font-size: 8pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
color: #cccccc;
}

/* Validator and Hit Counter */
#footer{
display: block;
width: 870px;
margin: 0 auto;
padding: 300px 0 0 0;
font-family: arial, helvetica, sans serif;
text-align: center;
line-height: 150%;
border: none;
}