/*
Colors used in this design:
#eef4f6 - Background
#585858 - Default text 
#006080 - Menu items (top menu and sidebars) - also used in the header graphic
#800020 - Complementar colour used to indicate active page (menu) and non-menu links and  or highlightings
*/
*
{
margin: 0em;
padding: 0em;
}

body{
background-color: #eef4f6;
color: #333;
font-size: 100%;
font-family: "trebuchet ms", helvetica, sans-serif;
}

div.fluid
{
width: 90% !important;
}

p {
line-height: 1.5em;
font-size: 0.825em;
padding-bottom: 0.75em; 
}

h1,h2 {
font-weight: normal;
letter-spacing: -1px;
text-transform: capitalize;
}

h1 span {
font-weight: bold;
}

h3 {
font-family: "Comic Sans MS", helvetica,sans-serif;
color: #006080;
font-weight: bold;
font-size:0.825em;
}

h4  {
font-weight: bold;
font-size: 0.75em;
text-transform: uppercase;
}

pre {
font-family:"Times Roman";
}
em {
color:#800020;
font-style: italic;
}

a {
text-decoration: underline;
color: #800020;
}

a:hover {
color: #fff;
background: #800020;
text-decoration: none;
}

img {
padding: 1px;
/*border:solid 1px #000; */
text-decoration:none;
}

img.floatleft {
float: left;
margin-bottom:1em;
margin-right:1em;
}

img.floatright {
float:right;
margin-bottom: 1em;
margin-left: 1em;
}

img.centre_item {
vertical-align: middle;
}

br.clear
{
clear: both;
}

table {
width:100%;
font-size:0.825em;
}
/* col1 and col2 are for Contact Us table */
.col1 {
width: 50%;
text-align:right;
font-weight:bold;
vertical-align:top;
padding-right: 1em;
border-right: dotted 1px #800020;
}
	
.col2 {
width:50%;
text-align:left;
padding-left: 1em;
}

.col2 span {
font-weight:bold;
color:#006080;
}

.AuctionCol1 {
border: solid #b2becf 1px;
}

.centreText {
text-align: center;
}

#boardBlock {
padding: 1em;
border-top:dotted 1px #800020;
}

/* Header */

#header {
width:100%;
height:160px;
background: #006080 url('/images/bannerbkgrnd.jpg') no-repeat;
}

#header_inner {
position: relative;
width: 950px;
height:160px;
margin: 0 auto;
}

/* Logo */

#logo {
position: absolute;
bottom: 4.5em;
margin-left: 8em;
font-family: "Comic Sans MS",helvetica,sans-serif;
}

#logo h1 {
display: inline;
color: #000;
font-size: 1.6em;
font-weight: bold;
}

#logo h2 {
display: inline;
padding-left: 0.5em;
color: #800020;
font-size: 1.3em;
}

/* Menu */

#menu {
position: absolute;
right: 0em;
bottom: 0em;
font-size:0.75em;
}

#menu ul {
list-style: none;
}

#menu li {
float: left;
}

#menu li a {
margin-left: 0.5em;
display: block;
padding: .6em 1.4em .5em 1.4em;
background: #eef4f6 url('images/menu.gif') repeat-x;
border: solid 1px #fff;
color: #006080;
font-weight: bold;
font-size: 1.0em;
text-transform: lowercase;
text-decoration: none;
}

#menu li a.active {
text-transform: uppercase;
color:#800020;
}

#menu li a:hover {
color: #fff;
background: #006080;
text-decoration: none;
border: solid 1px #006080;
}

/* PayPal donation text and button */

#afterform {
clear:left;
padding-top:0.75em;
}

#donate {
position:relative;
width:100%;
}
 
#donate label {
clear:left;
float:left;
font-size:0.825em;
}
 
#donate input {
float:left;
margin-left:1.5em;
}

#content {
margin: 0 auto; 
padding-top: 2em;
}

.contentwrapper{
float: left;
width: 100%;
}

.content3column{
margin: 0 12em 0 12em; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align:justify;
padding: 0 2em 0 1em;
border-right: dotted 1px #800020;
border-left: dotted 1px #800020;
}

.content2column{
margin-left: 12em; /*Set left margin to LeftColumnWidth*/
padding: 0 3em 0 1em;
text-align:justify;
border-left: dotted 1px #800020;
}
.content2column h4 {
font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
font-size: 0.825em;
color:#800020;
text-transform:none;
}
.content2column li {
font-size: 0.825em;
padding-bottom: 0.75em;
list-style-position: inside;
}

.leftsidebar {
float: left;
width: 12em;
margin-left:-100%;
font-family: "Comic Sans MS", helvetica,sans-serif;
color: #006080;
text-align: right;
line-height:1.2em;
border-right: dotted 1px #800020;
}
	
.leftsidebar li {
font-family:verdana,arial,helvetica,sans-serif; 
font-weight: normal;
font-size: 0.625em; 
list-style: none;
}
	
.leftsidebar li a	{
text-decoration: none;
color: #006080;
}
	
.leftsidebar li a:hover	{
text-decoration: underline;
color: #006080;
background: transparent;
}

#rightsidebar{
	float: left;
	width: 12em; /*Width of right column*/
	margin-left: -12em; /*Set left marginto -(RightColumnWidth)*/
	font-family: verdana,arial,helvetica,sans-serif;
}
 
#rightsidebar p {
font-size: 0.675em;
border-bottom: dotted 1px #800020;
padding: 0.5em 0 1em 0;
}

#rightsidebar h4 {
font-family: "Comic Sans MS", helvetica,sans-serif;
color: #800020;
}
/* Footer */

#footer {
width: 90%;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #800020;
margin-top: 0.5em;
margin-bottom: 1.0em;
padding-top: 1.0em;
font-size:0.75em;
}

.boxpad{
margin: 1em; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* used in on-line Store */
div.Itembox{
margin:0.5em;
width: 10em;
height: 13em;
padding: 1em;
float: left;
border: solid #b2becf 1px;
}

.Itembox img {
 padding: 0em;
}

.Itembox li {
font-size: 0.825em;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align:center;
list-style:none;
}
	
div.Loginbox {
margin: 0.5em;
width: 15em;
height:9em;
padding: 1em;
float:left;
border: solid #b2becf 1px;
}

.TxtMissing {
color : #800020;
}

dl#FillForm {
width:15em;
}

dl#FillForm dt {
float:left;
}

dl#FillForm dd {
margin-left:8em;
}

.smallerFont {
font-size:0.8em;
}

.itemDisplay {
width: 100%;
font-size:0.825em;
}

.twocolL_left_U {
clear:left;
width: 49%;
text-align: left;
float:left;
border-bottom: solid #b2becf 1px;
padding-bottom:0.25em;
}

.twocolR_right_U {
margin-left:49%;
width:49%;
text-align: right;
padding-bottom:0.25em;
border-bottom: solid #b2becf 1px;
}

.twocolR_left_U {
margin-left:49%;
width:49%;
text-align: left;
padding-bottom:0.25em;
border-bottom: solid #b2becf 1px;
}

.twocolL_left {
clear:left;
width: 49%;
text-align: left;
float:left;
padding-bottom:0.25em;
}

.twocolR_right {
margin-left:49%;
width:49%;
text-align: right;
padding-bottom:0.25em;
}

.twocolR_left {
margin-left:49%;
width:49%;
text-align: left;
padding-bottom:0.25em;
}