/* main.css */


  a:link    {color:#0066CC; text-decoration:underline;}
  a:visited {color:#0066CC; text-decoration:underline;}
  a:hover   {color:#0066CC; text-decoration:none;}


#hide_links a:link {
    color: black;
    text-decoration: none;
}
#hide_links a:visited {
    color: black;
    text-decoration: none;
}
#hide_links a:hover {
    color: #0066CC;
    text-decoration: underline;
}

/* General page properties */
body {

  font-family: "Helvetica Neue",_Helvetica,_Arial,_sans-serif;
  line-height: 150%;
  margin:0;
  padding: 5px;
  font-size: 99%;
  border: 0px solid #000;
}

/* The sole purpose of this Wrapper is to limit the display width to 780 pix.
 * Any other functions should be put elsewhere.
 */
#wrapper {
 /* background-color: #B2D8F6;*/
  width: 760px;
  border: 0px solid #000;
  margin: 0px auto 0px auto;
  padding: 0px;
  padding-top: 7px;
}

#wrapperPix {
  background:  url(pix/clouds.gif) top center no-repeat;
  width: 760px;
  border: 0px solid #000;
  margin: 0px auto 0px auto;
}

.wrapperBig {
	/* 3 pix wide 765px;  4 pix wide 850px */
  width: 850px;
  border: 0px solid #000;
  margin: 0px auto 0px auto;
}

.wrapperTransparent {
  width: 760px;
  border: 0px solid #000;
  margin: 0px auto 0px auto;
}

#masthead {
  border: 3px solid #000;
  width: 760px;
  background: #B2D8F6;
  line-height: 10%;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-top: 7px;
}

}
#mastheadPix {
  border: 3px solid #000;
  width: 760px;
  background: #B2D8F6;
  background:  url(pix/clouds.gif) top center no-repeat;
  line-height: 10%;
  margin-bottom: 5px;
  padding-top: 5px;
}

#footer {
  clear:both;
  padding:4px;
  border:1px solid #000;
  background: #99FFFF;
}

#footerCpy {
  xxx
}




.clear_columns {
  clear: both;
}

.box {
  border:  0px solid #000;
  line-height: 150%;
  margin:0;
  padding:0;
}

.box_padded {
  border:  0px solid #000;
  line-height: 150%;
  margin:0;
  padding: 5px;
}

/* Use this box so text won't have a background image */
.box_no_image {
  padding: 4px;
  background-color: #B2D8F6;
}

.box1 {
	border:  0px solid #000;
	width: 780px;
	margin: 0px auto 0px auto;
}

.box2 {
	border:  0px solid #000;
	width: 580px;
	margin: 0px auto 0px auto;
}
.box300 {	width: 300px;}
.box400 {	width: 400px;}
.box450 {	width: 450px;}
.box500 {	width: 500px;}
.box530 {	width: 530px;}
.box565 {	width: 565px;}
.box600 {	width: 600px;}
.box650 {	width: 650px;}
.box710 {	width: 710px;}
.box720 {	width: 720px;}
.box730 {	width: 730px;}
.box740 {	width: 740px;}
.box750 {	width: 750px;}
.box760 {	width: 760px;}
.box770 {	width: 770px;}
.boxComment {	width: 650px; margin: 0px 0px 0px 5%;}
.boxFooter {	width: 600px; height: 60; margin: 0px 0px 0px 5%;}	
.box650colored {	width: 500px; background-color:#66CCCC; border: 1px solid black;}
.colored {	width: 710px; background-color:#66CCCC; border: 1px solid black;}



img {
border: 2px solid black; /* Put a colored boarder around all images */
margin: 1px;               /* This over-writes "hspace" and "vspace" */
}

/* define headings for the top of the page */
.h1_top {font-size:200%; font-weight:bold;margin-top:.9em;margin-bottom:.9em;}
.h2_top {font-size:175%; font-weight:bold;}
.h3_top {font-size:125%; font-weight:bold;}
.h4_top {font-size:100%; }


.image_float_left {
  float:left;
  margin:2px 5px 2px 5px;
  border: 0px solid #000;
  } 

.image_float_right {
  float:right;
  margin:2px 5px 2px 5px;
  border: 0px solid #000;
  }