body {

  margin: 0px;

  padding: 0;

  font-family: ms sans serif, tahoma, verdana, arial, helvetica, sans-serif;

  font-size: 13px;

  background-color: #ffffff;

  color: #000000;

  line-height: 1.18;

}



a:link    { color: #0000ff; }

a:visited { color: #880088; }

a:hover   { color: red; text-decoration: none; }

a:active  { color: #ffff00; }



acronym {

border-bottom: 2px dotted #0000cc;

cursor: help;

}



h1 {

font-size: 150%;

border-bottom: 1px solid black;

}



h2 {

background-color: #DCECF4;

height: 15px;

margin: 0px;

color: #000000;

font-size: 120%;

padding-left: 5px;

border-bottom: #64C4F4 solid 1px;

vertical-align: middle;

}



img {

  border: none;

}



input, select, textarea

{

background-color: #eeeeee;

border: 1px solid #808080;

}



input[type="submit"]

{

background-color: #c0c0c0;

border: 1px solid #808080;

background-repeat: repeat-x;

background-image: url("http://www.beckes.org/images/normal.submitback.gif");

}



input[type="submit"]:hover {

background-repeat: repeat-x;

background-image: url("http://www.beckes.org/images/normal.submitbackgold.gif");

background-color: #ffffee;

}



input[type="reset"]

{

background-color: #c0c0c0;

border: 1px solid #808080;

background-repeat: repeat-x;

background-image: url("http://www.beckes.org/images/normal.submitback.gif");

}



input[type="reset"]:hover {

background-repeat: repeat-x;

background-image: url("http://www.beckes.org/images/normal.submitbackgold.gif");

background-color: #ffffee;

}



input:hover {

background-color: #ffffee;

}



input:focus {

background-color: #ffffee;

}



textarea:hover {

background-color: #ffffee;

}



textarea:focus {

background-color: #ffffee;

}



.return {

display: none;

}



.top {

margin: 0px;

padding: 0px;

height: 40px;

background-image: url("http://www.beckes.org/images/normal.topback.jpg");

}



.topmenubar {

background-image: url("http://www.beckes.org/images/normal.navbarback.gif");

height: 21px;

list-style: none;

margin-top: 0px;

margin-bottom: 0px;

padding-top: 0px;

margin-left: 0px;

padding-left: 0px;

}



.navbar {
  font-size: 90%;

  font-weight: bold;

  text-align: center;

background-image: url("http://www.beckes.org/images/normal.navbarback.gif");

background-color: #0000ff;
			
float: left;

}



.navbar a

{

	width: 79px;

	height: 15px;

	display: block;



	padding-top: 2px;

	padding-left: 2px;

	padding-right: 2px;

	padding-bottom: 2px;




	border-left-color: lightblue;

	border-top-color: lightblue;

	border-bottom-color: lightblue;

	border-right-color: lightblue;



	border-left-style: solid;

	border-top-style: solid;

	border-bottom-style: solid;

	border-right-style: solid;


	border-left-width: 1px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-right-width: 1px;



	color: #ffffff;

	text-decoration: none;

}



* html .navbar a {   /*** IE5.x/win box model fix ***/

width: 79px;

wid\th: 85px;

}



.navbar  a { text-decoration: none }

.navbar  a:link    { color: #000000; }

.navbar  a:visited { color: #000000; }

.navbar  a:hover   { color: #ff0000; }

.navbar  a:active  { color: #ffff00; }



.navbar a:hover

{

	border-left-color: blue;

	border-top-color: blue;

	border-bottom-color: blue;

	border-right-color: blue;

	color: #000000;



padding-top: 3px;

padding-left: 3px;

padding-bottom: 1px;

padding-right: 1px;

background-image: url("http://www.beckes.org/images/normal.navbarback.reverse.gif");

}



.menu .options {

	margin-right:1px;

	margin-bottom:1px;

	border-left: 2px solid #c0c0c0;

	border-top: 2px solid #c0c0c0;

	border-right: 2px solid #000000;

	border-bottom: 2px solid #000000;

	background-color:#ffffff;
				//64c3f1
	font-size:85%;

}

.menu a {

	color:#000000;

	display:block;

	padding:2px 10px;

	text-decoration:none;

	background-color:transparent;

}

.menu a:active {

	color:#ffffff;

}

.menu a:visited {

	color:#000000;

}

.menu a:hover {

	background-color:#7cd3ff;
			//64c3f1   2655A2
	color:#ffffff;

}



.cc {

position: absolute;

top: 42px;

right: 3px;

width: 180px;

text-align: right;

color: #ffffff;

}



.cc a {

text-decoration: none;

color: #ffffff;

font-weight: bold;

}



.cc a:link    { color: #ffffff; }

.cc a:visited { color: #ffffff; }

.cc a:hover   { color: #ff0000; }

.cc a:active  { color: #ffff00; }



.cc span {

vertical-align: top;

}



.opacity1 {

filter: alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

.opacity2 {

filter: alpha(opacity=75);

-moz-opacity: 0.75;

opacity: 0.75;

}



.guidebar {

background-color: #eeeeee;

background-image: url(http://www.beckes.org/images/normal.guidebarback.gif);

height: 20px;

padding-top: 5px;

margin: 0px;

color: #000000;

font-size: 85%;

clear: both;

padding-left: 5px;

border-bottom: #c0c0c0 solid 1px;

vertical-align: middle;

}



* html .guidebar {   /*** IE5.x/win box model fix ***/

height: 25px;

}



.guidebar a

{

color: #000000;

text-decoration: none;

}



.guidebar  a:link    { color: #000000; }

.guidebar  a:visited { color: #808080; }

.guidebar  a:active  { color: #21C0C3; }

.guidebar  a:hover   { color: #7C7ED3; text-decoration: underline;}



.buttons {
}



.buttons a {

padding: 1px;

margin: 0px;

display: block;

width: 17px;

height: 17px;

border-top: solid #eeeeee 1px;

border-left: solid #eeeeee 1px;

border-bottom: solid #c0c0c0 1px;

border-right: solid #c0c0c0 1px;

}



.buttons a:hover {

padding-left: 2px;

padding-top: 2px;

padding-right: 0px;

padding-bottom: 0px;

border-top-color: #c0c0c0;

border-left-color: #c0c0c0;

border-bottom-color: #000000;

border-right-color: #000000;

background-color: #eeeeee;

}



div#button_home {

position: absolute; top: 65px; right: 159px;

}

div#button_home a span {display: none;}

div#button_home a:hover span {display: block;

   position: absolute; top: -14px; left: -134px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_sitemap {

position: absolute; top: 65px; right: 137px;

}

div#button_sitemap a span {display: none;}

div#button_sitemap a:hover span {display: block;

   position: absolute; top: -14px; left: -156px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_contact {

position: absolute; top: 65px; right: 115px;
}

div#button_contact a span {display: none;}

div#button_contact a:hover span {display: block;

   position: absolute; top: -14px; left: -178px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_text {

position: absolute; top: 65px; right: 93px;

}

div#button_text a span {display: none;}

div#button_text a:hover span {display: block;

   position: absolute; top: -14px; left: -200px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_fonts {

position: absolute; top: 65px; right: 71px;

}


div#button_fonts a span {display: none;}

div#button_fonts a:hover span {display: block;

   position: absolute; top: -14px; left: -222px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_tools {

position: absolute; top: 65px; right: 49px;

}

div#button_tools a span {display: none;}

div#button_tools a:hover span {display: block;

   position: absolute; top: -14px; left: -244px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_templates {

position: absolute; top: 65px; right: 27px;

}

div#button_templates a span {display: none;}

div#button_templates a:hover span {display: block;

   position: absolute; top: -14px; left: -266px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



div#button_help {

position: absolute; top: 65px; right: 5px;

}

div#button_help a span {display: none;}

div#button_help a:hover span {display: block;

   position: absolute; top: -14px; left: -288px; width: 125px; height: 20px;

   padding-top: 7px; margin: 10px; z-index: 100;

   color: #000000; background: transparent;

   font-size: 80%; text-align: center;}



.buttonmenu .options {

	margin-right: 1px;

	margin-bottom: 1px;

	border-left: 2px solid #c0c0c0;

	border-top: 2px solid #c0c0c0;

	border-right: 2px solid #000000;

	border-bottom: 2px solid #000000;

	background-color: #ffffff;

	font-size: 85%;

	background-image: url(http://www.beckes.org/images/normal.buttonmenuback.png);

	padding: 2px;
}
.buttonmenu a {

	color: #000000;

	display: block;

	text-decoration: none;

border-color: #000000;

border-style: none;

border-width: 1px;

padding: 1px;

}



.buttonmenu a:hover {

background-color: #e0e0e0;
			//- A4C7FC
color: #000000;

border-color: blue;

border-style: solid;

border-width: 1px;

}



.buttonmenu a:active {

	color:#000000;

}

.buttonmenu a:link {

	color:#000000;

}

.buttonmenu a:visited {

	color:#000000;

}



* html .buttonmenu a:hover {   /*** IE5.x/win box model fix ***/

padding: 0px;

}



.buttonmenu .options img {

vertical-align: top;

padding-right: 5px;

padding-top: 0px;

padding-left: 0px;

padding-bottom: 0px;
}



#emailMsg, #emailMsgShadow { position: absolute; top: 140px; left: 220px; width: 210px; height: 180px; z-index: 99; background: #DDD; border: 1px ridge #CCC; text-align: center; font-size: 85%; }

#emailMsgShadow { top: 143px; left: 223px; z-index: 98; background: #999; border: none; }

#emailMsg H5 { font-weight: bold; font-size: 100%; margin: 2px 0 0 0; }

#emailMsg INPUT, #emailMsg BUTTON { margin: 2px 0 0 2px; }



.maindiv {

float: left;

width: 100%;

background-image: none;

background-repeat: repeat-y;

}



.leftcolumn {

width: 150px;

border-right: solid #c0c0c0 1px;

float: left;

background-color: #f8f8f8;

background-image: none;

background-repeat: no-repeat;

font-size: 85%;

border-bottom: solid 1px #c0c0c0;

padding-bottom: 10px;

-moz-border-radius: 0em 0em 1.5em 0em;

}



.leftcolumn p {

margin-top: 0px;

margin-bottom: 4px;

}



.leftcolumn input {

margin-left: 10px;

}



.leftnavheader

{

background-image: url(http://www.beckes.org/images/normal.leftnavbg.gif);

height: 18px;

color: #000000;

text-decoration: none;

font-weight: bold;

margin: 0px;

padding-left: 5px;

padding-top: 3px;

}



.leftnavitem
{

color: #000000;

text-decoration: none;

}



.leftnavitem img {

vertical-align: middle;

}



.leftnavitem a

{

color: #000000;

text-decoration: none;

height: 16px;

display: block;

margin: 0px;

border-color: #000000;

border-style: none;

border-width: 1px;

padding-left: 15px;

padding-bottom: 2px;

padding-top: 2px;

}



.leftnavitem a:visited

{

color: #000000;

text-decoration: none;

}



.leftnavitem a:active
{

color: #000000;

text-decoration: none;

}



.leftnavitem a:hover

{

color: #000000;

text-decoration: none;

border-color: #000000;

border-style: solid;

border-width: 1px;

ackground-color: #c0c0c0;

padding-bottom: 0px;

background-image: url(http://www.beckes.org/images/normal.leftnavbg.hover.gif);

}



.content {

margin-left: 150px;

padding-left: 10px;

padding-top: 10px;

padding-bottom: 10px;

padding-right: 10px;

font-size: 85%;

color: #333333;

background-image: url(http://www.beckes.org/images/contentbg.gif);

background-repeat: repeat-x;

line-height: 1.3;

}



.content a:hover

{

  border-bottom: 1px dashed red;

}



a.img:hover

{

border-bottom: none;

}



.printer {

display: none;

}



.guidebarbottom {

border-top: 1px solid #c0c0c0;

}



.date {

text-align: right;
}