/********************/
/*  Global Settings */
/********************/
/* For Layout Testing */
img, tr, td, p, div, span, table, h1, a {
  border:  0px solid #ffffff;
}
/* used to turn off display of certain items when there is no css
   support */
.no_css {
  display:  none;
}
body {
  background-color:  #000000;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
  font-size:       12pt;
  font-family:     Times New Roman;
  color:           #FF8E00;            
}
a:hover {
  font-size:       12pt;
/*  color:           #C85000; */
  color:           #9E1606;
}
p {
  font-size: 12pt;
  font-family: Times New Roman;
}
/* used to hide things */
.invisible {

}

.centered {
  margin-right: auto;
  margin-left:  auto;
  width:  550px;
  display:      block;
}

/* Front Page Settings */
#front_page #top {
  width:  550px;
  height: 75px;
  background-image:  url(top.jpg);
  background-position:  center top;
  background-repeat: no-repeat;
}
#front_page_image {
  background-image:  url(Eclipse.jpg);
  background-repeat: no-repeat;
  background-position:  center top;
  height:  300px;
  width:   550px;
}
#front_page #site_navigation {
  position: relative;
  padding:  0px;
  margin:   0px;
  width:  550px;
  height: 50px;
}
#front_page #site_navigation a {
  position:     absolute;
  top:          0px;
  height:       30px;
  font-size:    18pt;
}
#front_page #gallery {
  left:  50px;
}
#front_page #link_divider_one {
  position: absolute;
  left:     130px;
  top:      3px;
  width:    22px;
  height:   22px;
  background-image:  url(planet_div.jpg);
  background-repeat: no-repeat;
  background-color:  #000000;
}
#front_page #bio {
  left:  159px;
}
#front_page #link_divider_two {
  position: absolute;
  left:     202px;
  top:      3px;
  width:    22px;
  height:   22px;
  background-image:  url(planet_div.jpg);
  background-repeat: no-repeat;
  background-color:  #000000;
}
#front_page #about {
  left:  231px;
}
#front_page #link_divider_three {
  position: absolute;
  left:     374px;
  top:      3px;
  width:    22px;
  height:   22px;
  background-image:  url(planet_div.jpg);
  background-repeat: no-repeat;
  background-color:  #000000;
}
#front_page #contact {
  left:  404px;
}
#front_page a#home     {display: none;}
#front_page #gallery {
  left:  50px;
}

/************/
/* Bio Page */
/************/
#bio_page p {
  position:  absolute;
  margin: 0px;
  padding: 10px;
  color: #ffffff;
}
#bio_page #line1 {
  position: absolute;
  top: 40px;
  left: 134px;
  height:  1px;
  width:   16px;
  border-top:  2px solid #C1BFC0;
}
#bio_page #para1 {
  top:    10px;
  left:   150px;
  width:  350px;
  color:  #C1BFC0;
  border:  2px solid #C1BFC0;
}
#bio_page #line2 {
  position: absolute;
  top: 94px;
  left: 180px;
  height:  21px;
  width:   1px;
  border-right:  2px solid #46486F;
}
#bio_page #para2 {
  top:    115px;
  left:   25px;
  width:  300px;
/*  color:  #46486F; */
  color:  #C1BFC0;
  border:  2px solid #46486F;
}
#bio_page #line3 {
  position: absolute;
  top: 200px;
  left: 349px;
  height:  1px;
  width:   28px;
  border-top:  2px solid #952243;
}
#bio_page #para3 {
  top:    115px;
  left:   375px;
  width:  300px;
  color:  #C1BFC0;
  border:  2px solid #952243;
}
#bio_page #line4 {
  position: absolute;
  top: 320px;
  left: 173px;
  height:  23px;
  width:   200px;
  border-top:  2px solid #4B6816;;
  border-left:  2px solid #4B6816;;
}
#bio_page #para4 {
  top:    345px;
  left:   25px;
  width:  300px;
  color:  #C1BFC0;
  border:  2px solid #4B6816;
}
#bio_page #bottom {
  position: absolute;
  top:      380px;
  left:     360px;
  width:    400px;
  height:   125px;
  margin:   0px;
  padding:  0px;
  background-image:  url(top_2.jpg);
  background-position:  right top;
  background-repeat: no-repeat;
}
#bio_page #site_navigation {
  float:   left;
  margin:  0px;
  padding: 0px;
  width:   145px;
  height:  90px;
}
/* make navigation links visible */
#bio_page .invisible {
  visibility:  visible;
}
#bio_page a {
  position: absolute;
  margin: 0px;
  padding: 0px;
  height:  auto;
}
#bio_page a#bio {
  top: 8px;
  left:  60px;
  font-size:    36pt;
}
#bio_page a#gallery { 
  left:  38px;
  top:  65px;
}
#bio_page a#contact { 
  left:  92px;
  top:  65px;
}
#bio_page a#home { 
  left:  5px;
  top:  2px;
}
#bio_page a#about { 
  left:  5px;
  top:  25px;
  width: 5px;
}

/****************/
/* Gallery Page */
/****************/
#gallery_page #site_navigation {
  float:  left;
  margin: 0px;
  padding: 0px;
  width:  210px;
  height: 75px;
}
#gallery_page .invisible {
  visibility:  visible;
}
#gallery_page #site_navigation a {
  position:  absolute;
  margin: 0px;
  padding: 0px;
  height:  20px;
}
#gallery_page a#gallery {
  top: 0px;
  left:  55px;
  font-size:    36pt;
}
#gallery_page a#bio { 
  left:  30px;
  top:  36px;
}
#gallery_page a#contact { 
  left:  54px;
  top:  57px;
}
#gallery_page a#home { 
  left:  10px;
  top:  10px;
}
#gallery_page a#about { 
  left:  115px;
  top:  57px;
}
#gallery_page #right_column {
  position:  absolute;
  left:      220px;
  top:       10px;
  height:    525px;
  width:     600px;
  padding:   0px;
  margin:    0px;
}
#gallery_index {
  position:     absolute;
  top:          90px;
  left:         10px;
  width:        200px;
  height:       400px;
  margin:       0px;
  padding:      0px 0px 0px 5px;
}

#gallery_index img {
  border:   1px solid #000000;
  padding:  0px;
  margin:   0px;
  display:  inline;
}
#gallery_index img:hover {
  border:   1px solid #9E1606;
}
/* <div> containing framed photograph */
#gallery_photo {
  float:     left;
  height:    auto;
  width:     auto;
}
#gallery_photo img {
  padding: 0px;
  margin:  0px;
}
/* <div> holding links to photo information */
#photo_info {
  float:  left;
  width:  200px;
  height: 80px;
}
#gallery_photo_info_navigation {
  float:       left;
  width:       75px;
  text-align:  right;
  border-top:  1px solid #345b0b;
  margin:      1px 1px 1px 1px;
  padding:     0px;
}
/* <div> holding photo information */
#gallery_photo_info {
  float:           left;
  width:           115px;
  border-top:      1px solid #345b0b;
  margin:          1px 1px 1px 1px;
  padding:         0px;
}
/* <div> holding photo information */
#gallery_photo_info_text {
  text-align:  center;
  color:       #ffffff;
  font-size:   12pt;
  margin:      0px;
  padding:     0px;
}

/****************/
/* Contact Page */
/****************/
#contact_page #para1 {
  position: absolute;  
/*  color:  #484772; */
  color:    #ffffff;
  background-color: #000000;
  top:  100px;
  left: 50px;
  width: 180px;
  height: 150px;
  margin: 0px;
  padding: 10px;
  border: 2px solid #484772;
}

#contact_page #image_1 {
  position:  absolute;
  top:  61px;
  left: 50px;
  width: 700px;
  height: 550px;
  background-image:  url(Triton.jpg);
  background-repeat: no-repeat;
}

#contact_page #contact_info {
  position: absolute;  
  color:  #356567;
  top:  271px;
  left: 253px;
  width: 390px;
  height: 220px;
  border: 2px solid #356567;
  background-image:  url(top_2.jpg);
  background-position:  right top;
  background-repeat: no-repeat;
  background-color: #000000;

}
#contact_page #contact_info p {
  position: relative;
  top:  120px;
  left: 10px;
  height: 90px;
  width:  225px;

  padding-top:  0px;
  margin: 0px;
  padding-left: 0px;
  font-size:  14pt;
}
#contact_page #site_navigation {
  position:  absolute;
  top:       0px;
  left:      0px;
  margin:    0px;
  padding:   0px;
  width:     425px;
  height:    60px;
}
#contact_page .invisible {
  visibility:  visible;
}
#contact_page #site_navigation a {
  position: absolute;
  margin:   0px;
  padding:  0px;
  height:   20px;
}
#contact_page a#contact {
  top: 0px;
  left:  10px;
  font-size:    36pt;
}
#contact_page p {
  color:  #ffffff;
}
#contact_page a#home { 
  left:  175px;
  top:   22px;
}
#contact_page a#bio { 
  left:  222px;
  top:   22px;
}
#contact_page a#gallery { 
  left:  253px;
  top:   22px;
}
#contact_page a#about { 
  left:  307px;
  top:  22px;
  width: 100px;
}



/**********************/
/* About the Art Page */
/**********************/
#about_page #site_navigation {
  position:  absolute;
  top:       0px;
  left:      0px;
  display: inline;
  margin: 0px;
  padding: 5px;
  width:  280px;
  height: 75px;
}
#about_page #image1 {
  position: absolute;
  top: 100px;
  left: 100px;
  width:  390px;
  height:  390px;
  background-image:  url(planet_3.jpg);
  background-repeat: no-repeat;
}
#about_page #image2 {
  position: absolute;
  top: 87px;
  left: 120px;
  width:  50px;
  height:  50px;
  background-image:  url(planet_1.jpg);
  background-repeat: no-repeat;
}
#about_page #image3 {
  position: absolute;
  top: 120px;
  left: 50px;
  width:  80px;
  height:  80px;
  background-image:  url(planet_2.jpg);
  background-repeat: no-repeat;
}
#about_page #image4 {
  position: absolute;
  top: 0px;
  left: 520px;
  width:  238px;
  height:  361px;
  background-image:  url(neb_bg.jpg);
  background-repeat: no-repeat;
}
#about_page p {
  color:  #ffffff;
  font-size: 12pt;
}
#about_page #para1 {
  position: absolute;  
  color:  #ffffff;
  background-color: #000000;
  top:  0px;
  left: 295px;
  width: 190px;
  height: 177px;
  margin: 0px;
  padding: 10px;
  border: 2px solid #484772;
}
#about_page #para2 {
  position: absolute;  
  background-color: #000000;
  top:  200px;
  left: 25px;
  width: 460px;
  height: 101px;
  margin: 0px;
  padding: 10px;
  border: 2px solid #484772;
}
#about_page #para3 {
  position: absolute;  
  background-color: #000000;
  top:  324px;
  left: 25px;
  width: 180px;
  height: 160px;
  margin: 0px;
  padding: 10px;
  border: 2px solid #484772;
}
#about_page #para4 {
  position: absolute;  
  background-color: #000000;
  top:  364px;
  left: 227px;
  width: 500px;
  height: 120px;
  margin: 0px;
  padding: 10px;
  border: 2px solid #484772;
}
#about_page .invisible {
  visibility:  visible;
}
#about_page #site_navigation a {
  position: absolute;
  margin: 0px;
  padding: 0px;
  height:  20px;
}
#about_page a#about {
  top: 0px;
  left:  10px;
  font-size:    36pt;
}
#about_page a#gallery { 
  left:  128px;
  top:  57px;
}
#about_page a#bio { 
  left:  100px;
  top:  57px;
}
#about_page a#home { 
  left:  55px;
  top:  57px;
}
#about_page a#contact { 
  left:  180px;
  top:  57px;
}