a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration: none;}
body{background-color:#FFFFFF;margin:0;padding:0;}
p{padding-left:15px;padding-right:15px;font-family:Verdana,sans-serif;font-size:11px;line-height:20px;}
h1{font-family:Verdana,sans-serif;font-size:18px;margin:6px 0px 0px 15px;}
h2{padding-left:15px;font-family:Verdana,sans-serif;font-size:medium;}
h3{padding-left:15px;font-family:Verdana,sans-serif;font-size:small;}
pre{padding-left:15px;}
table{margin-left:15px;margin-right:auto;}

/* BEGIN - Menu - page navigation */
/* All paths are relative to style.css. */
#mypage{background-image:url(../image/menubar.jpg);height:30px;width:715px;}
#menu a{position:absolute;top:0px;height:30px;width:30px;text-decoration:none;}
#menu a i{visibility:hidden;}
a#home{left:5px;width:45px;}
a#work{left:61px;width:46px;}
a#play{left:121px;width:44px;}
a#organize{left:177px;width:86px;}
a#reach{left:275px;width:53px;}
a#gallery{left:342px;width:74px;}
a#blog{left:429px;width:45px;}
a#family{left:486px;width:64px;}

a#home:hover{background-image:url(../image/menu_sel_home.jpg);}
a#work:hover{background-image:url(../image/menu_sel_work.jpg);}
a#play:hover{background-image:url(../image/menu_sel_play.jpg);}
a#organize:hover{background-image:url(../image/menu_sel_organize.jpg);}
a#reach:hover{background-image:url(../image/menu_sel_reach.jpg);}
a#gallery:hover{background-image:url(../image/menu_sel_gallery.jpg);}
a#blog:hover{background-image:url(../image/menu_sel_blog.jpg);}
a#family:hover{background-image:url(../image/menu_sel_family.jpg);}

/*
   This is necessary to get around a bug in IE whereby the rollover
   images do not disappear as they should. The bug is not present in
   the V7 browser. Presumably it's not present in the V8 or V9 browsers
   either.
*/
a#home:hover,a#family:hover,a#work:hover,a#play:hover,a#organize:hover,a#reach:hover,a#gallery:hover,a#blog:hover{border:none;}
/* END - Menu - page navigation */

/* BEGIN - columns */
#container {
/*  background-color: #FFFFCC; */
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 0 0px;
  padding-right: 350px; /* The width of the rail */
}

* html #container {
  height: 1%; /* So IE plays nice */
}

#content {
/*  background-color: #FFFFCC; */
  background-color: #FFFFFF;
  width: 100%;
/*  border-right: 350px solid #FFFFCC; */
  border-right: 350px solid #FFFFFF;
  margin-right: -350px;
  float: left;
}

#rail {
/*  background-color: #FFFFCC; */
  background-color: #FFFFFF;
  width: 350px;
  float: left;
  margin-right: -350px;
}
/* END - columns */

/* BEGIN - image positioning. */
/* margin: top right bottom left */
.floatright{float:right;border-width:1px;margin:10px 0px 10px 10px;}
.floatleft{float:left;border-width:1px;margin:10px 10px 10px 0px;}
.nbfloatright{float:right;margin:10px 0px 10px 10px;}
.nbfloatleft{float:left;margin:10px 10px 10px 0px;}
/* END - image positioning. */