/* main.css */


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

/* General page properties */

body {
  background:  url(pix/clouds.gif) top center repeat;
  background-color: #B2D8F6;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 150%;
  margin:0;
  padding: 5px;
  font-size: 85%;
  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: #B2D8FC;
  width: 760px;
  border: 0px solid #000;
  margin: 0px auto 0px auto;
  padding: 4px;
  padding-top: 7px;
}

#wrapperPix {
  width: 760px;
  margin: 0px auto 0px auto;
}
.wrapperBig {
  width: 850px;
  margin: 0px auto 0px auto;
}

.wrapperTransparent {
  width: 760px;
  margin: 0px auto 0px auto;
}

#masthead {
  border: 0px solid #000;
  width: 760px;
  background: #B2D8F6;
  line-height: 10%;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-top: 7px;
}
#mastheadPix {
  border: 0px 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;
  background: #B2D8F6;
}


.clear_columns {
  clear: both;
}


.box_padded {
  margin:0;
  padding: 5px;
}

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

/* Use this when li width is set already for the page. See for example alaska2006.htm */
ul.bullet li {width: 800px;} 

.boxComment {	width: 710px;}
.box300 {	width: 300px;}
.box400 {	width: 400px;}
.box500 {	width: 500px;}
.box530 {	width: 530px;}
.box550 {	width: 550px;}
.box565 {	width: 565px;}
.box580 {	width: 580px;}
.box600 {	width: 600px;}
.box610 {	width: 610px;}
.box620 {	width: 620px;}
.box650 {	width: 650px;}
.box660 {	width: 660px;}
.box670 {	width: 670px;}
.box700 {	width: 700px;}
.box710 {	width: 710px;}
.box720 {	width: 720px;}
.box730 {	width: 730px;}
.box740 {	width: 740px;}
.box750 {	width: 750px;}
.box760 {	width: 760px;}
.box780 {	width: 770px;}
.box790 {	width: 770px;}
.box800 {	width: 770px;}


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;}
.h8_top {font-size:75%;}


.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;
  } 


