
/* CSS stylesheet file for client site */
/* (c) Copyright 2006 David Byers www.web-friday.co.uk */

BODY {background-color: #fff; color: black; margin: 0px; padding: 0px; width: 600px;}

DIV.title {background-color: #00f; height: 100px; margin: 0px; padding: 0px;}

DIV.nav {position: absolute; left: 0px; top: 100px; width:150px; text-align: center;
background-color: #00f; margin: 0px; padding: 8px 0px 0px 0px;}

DIV.content {position: absolute; left: 0px; top: 110px; width:auto; vertical-align: top;
background-color: #fff; margin: 0px; padding: 0px 160px 0px 155px;}

DIV.panel {position: absolute; right: 3px; top: 110px; width:150px;
background-color: #ccf; border-color: #00f; border-style: solid; border-width: 1px;
margin: 0px; padding: 2px;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; text-align: center;
font-weight: bold; font-style: normal; color: #f00; display: block;
margin: 0px; padding: 10px 0px 10px 0px;}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: left;
font-weight: bold; font-style: normal; color: #000; display: block;
margin: 5px 0px 0px 0px; padding: 0px 10px 0px 15px;}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-align: center;
font-weight: bold; font-style: italic; color: #fff; background-color: #00f; display: block;
margin: 5px 0px 0px 0px; padding: 0px 0px 2px 0px;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; line-height: 120%;
background-color: #fff; margin: 0px 0px 6px 0px; padding: 0px 10px 0px 15px;}

P.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; line-height: 110%;
font-weight: bold; font-style: italic; color: #fff; background-color: #00f;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

P.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; line-height: 120%;
font-weight: bold; font-style: italic; background-color: #00f; color: #fff;
margin: 0px; padding: 0px;}

p.panel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center;
color: #000; background-color: #ccf; margin: 0px; padding: 0px;}

p.tlinks {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; line-height: 120%;
font-weight: bold; color: #000; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;}

p.admin {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; line-height: 120%;
font-weight: normal; color: #000; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;}

p.navmin {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height: 120%;
font-weight: normal; color: #fff; background-color: #00f; margin: 0px 0px 5px 0px; padding: 0px;}

p.panmin {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; line-height: 120%;
font-weight: normal; color: #000; background-color: #fc3; margin: 0px 0px 5px 0px; padding: 0px;}

strong.shout {color: red;}

A:link {color: blue; text-decoration: underline;}
A:visited {color: purple; text-decoration: underline;}
A:hover {color: red; text-decoration: underline;}
A:active {color: red; text-decoration: underline;}

A:link IMG {border: none;}
A:visited IMG {border: none;}
A:hover IMG {border: none;}
A:active IMG {border: none;}

A.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; line-height: 170%;
font-weight: bold; font-style: italic; letter-spacing: 1px; text-decoration: none;
color: #fff; background-color: #00f; margin: 10px 0px 2px 0px; padding: 0px;}
A.nav:link {color: #fff;  text-decoration: none;}
A.nav:visited {color: #ccc; text-decoration: none;}
A.nav:hover {color: #cc0; text-decoration: underline;}
A.nav:active {color: #cc0; text-decoration: underline;}

A.admin {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; line-height: 130%;
font-weight: normal; text-decoration: none;
color: blue; background-color: #fff; margin: 0px; padding: 0px;}
A.admin:link {color: blue; text-decoration: none;}
A.admin:visited {color: purple; text-decoration: none;}
A.admin:hover {color: red; text-decoration: underline;}
A.admin:active {color: red; text-decoration: underline;}

table {border-collapse: collapse; margin: 0px; padding: 0px;}

tr {margin: 0px; padding: 0px;}

td {vertical-align: top; background-color: #fff; border-color: #0f0; border-style: none; border-width: 1px;
margin: 0px; padding: 0px;}

td.panel {vertical-align: top; width: 125px; background-color: #fc3;
border-color: #0f0; border-style: none; border-width: 1px;
margin: 10px 0px 0px0px; padding: 0px 0px 0px 0px;}

li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;
background-color: #fff; margin: 0px; padding: 0px 0px 10px 0px;}

blockquote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;
background-color: #fff; margin: 0px; padding: 0px 0px 10px 25px;}

form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;
margin: 0px; padding: 0px;}

hr.old {border-top: solid; color: #00f; width: 95%; display: block;
margin: 0px; padding: 0px;}

hr {height:2px; width:95%; background:#f00; margin: 0px 0px 0px 0px;}

