/*
 * NAME: Extras_styles
 * AUTHOR: E.Jay
 * DATE: 2013-09-25
 *
 * USAGE:      main styles for Extras website                        
 *
 *
 * COLOR PALETTE:
 *                  #FFFFFF = White
 *
 */
html
{
  height: 100%;
  width: 100%
  margin: 0px auto;
}


body
{
  height: 100%;
  width: 100%;
  margin: 0px auto;
  background-color: #FFFFFF;
}


h3
{
  color: Black;
  font-style: italic;
  font-size: 25px;
  font-weight: bold;
  margin: 0px 0px 0px 5px;
}



#wrapper
{
  height: 100%;
  width: 100%;
  margin: 0px auto;
  background-color: #FFFFFF;
}



#header
{
  background-color: #FFFFFF;
  width: 100%;
  height: 70px;
  margin: 0px auto;
}



#header_menu_bar
{
  background-color: white;
  width: 100%;
  height: 30px;
  font-size: 20px;
  line-height: 20px;
}



#header_menu_bar ul
{
  margin: 0px;
  text-align: left;
  padding: 10px 0px 0px 0px;
}



#header_menu_bar li
{
  display: inline;
  margin: 0px 10px 0px 10px;
}



#header_submenu_bar
{
  background-color: white;
  width: 100%;
  height: 30px;
  font-size: 15px;
  line-height: 15px;
}


#header_submenu_bar ul
{
  margin: 0px;
  text-align: left;
  padding: 15px 0px 0px 0px;
}



#header_submenu_bar li
{
  display: inline;
  margin: 0px 0px 0px 20px;
}


#login_main
{
  height: 480px;
}



#login_content
{
  height: 480px;
}



#login_button img
{
  border: 0px;
  width: 71px;
  height: 30px;
}


#photos_main
{
  height: 625px;
  width: 100%;
  background-color: #FFFFFF;
}



#photos_content
{
  height: 625px;
  width: 100%;
  background-color: #FFFFFF;
}



#events_main
{
  height: 1100px;
  width: 100%;
  background-color: #FFFFFF;
}



#events_content
{
  height: 1100px;
  width: 100%;
  background-color: #FFFFFF;
}



.events_menu
{
  height: 250px;
  width: 100%;
  background-color: #FFFFFF;
}



#colorado_springs_ballooning_main
{
  height: 620px;
  width: 100%;
  background-color: #FFFFFF;  
}


#colorado_springs_ballooning_content
{
  height: 620px;
  width: 100%;
  background-color: #FFFFFF;  
}


#colorado_2011_foliage_main
{
  height: 620px;
  width: 100%;
  background-color: #FFFFFF;  
}


#colorado_2011_foliage_content
{
  height: 620px;
  width: 100%;
  background-color: #FFFFFF;  
}



#square_top_lakes_main
{
  height: 1000px;
  width: 100%;
  background-color: #FFFFFF;  
}


#square_top_lakes_content
{
  height: 1000px;
  width: 100%;
  background-color: #FFFFFF;  
}




#sept_2013_flooding_main
{
  height: 800px;
  width: 100%;
  background-color: #FFFFFF;
}



#sept_2013_flooding_content
{
  height: 800px;
  width: 100%;
  background-color: #FFFFFF;
}



#solar_eclipse_main
{
  height: 420px;
  width: 100%;
  background-color: #FFFFFF;
}



#solar_eclipse_content
{
  height: 420px;
  width: 100%;
  background-color: #FFFFFF;
}



#people_main
{
  height: 1360px;
  width: 100%;
  background-color: #FFFFFF;
}



#people_content
{
  height: 1360px;
  width: 100%;
  background-color: #FFFFFF;
}



#people_e_jay, #people_sarah, #people_ejay_and_sarah, #people_ejay_and_family
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#people_family
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#e_jay_main
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}



#e_jay_content
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}


#sarah_main
{
  height: 1000px;
  width: 100%;
  background-color: #FFFFFF;
}



#sarah_content
{
  height: 1000px;
  width: 100%;
  background-color: #FFFFFF;
}


#ejay_and_sarah_main
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}



#ejay_and_sarah_content
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}



#ejay_and_family_main
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}



#ejay_and_family_content
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}


#family_main
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}



#family_content
{
  height: 480px;
  width: 100%;
  background-color: #FFFFFF;
}




#places_main
{
  width: 100%;
  height: 1800px;
  background-color: #FFFFFF;
}



#places_content
{
  width: 100%;
  height: 1800px;
  background-color: #FFFFFF;
}



#place_raccoon_trail
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_NCAR_trail
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_strawberry_park_hot_springs
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_great_sand_dunes
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_square_top_lakes
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_fox_curve_loop
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#place_forgotten_valley
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#forgotten_valley_main
{
  width: 100%;
  height: 790px;
  background-color: #FFFFFF;
}



#forgotten_valley_content
{
  width: 100%;
  height: 790px;
  background-color: #FFFFFF;
}


#raccoon_trail_main
{
  width: 100%;
  height: 790px;
  background-color: #FFFFFF;
}



#raccoon_trail_content
{
  width: 100%;
  height: 790px;
  background-color: #FFFFFF;
}



#great_sand_dunes_main
{
  width: 100%;
  height: 625px;
  background-color: #FFFFFF;
}



#great_sand_dunes_content
{
  width: 100%;
  height: 625px;
  background-color: #FFFFFF;
}



#strawberry_park_hot_springs_main
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#strawberry_park_hot_springs_content
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#NCAR_trail_main
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#NCAR_trail_content
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#fox_curve_loop_main
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#fox_curve_loop_content
{
  height: 550px;
  width: 100%;
  background-color: #FFFFFF;  
}


#misc_main
{
  width: 100%;
  height: 540px;
  background-color: #FFFFFF;
}



#misc_content
{
  width: 100%;
  height: 540px;
  background-color: #FFFFFF;
}


#misc_art
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}



#art_main
{
  width: 100%;
  height: 780px;
  background-color: #FFFFFF;
}


#art_content
{
  width: 100%;
  height: 780px;
  background-color: #FFFFFF;
}


#salvador_dali_main
{
  width: 100%;
  height: 970px;
  background-color: #FFFFFF;
}


#salvador_dali_content
{
  width: 100%;
  height: 970px;
  background-color: #FFFFFF;
}

#misc_represent
{
  width: 100%;
  height: 250px;
  background-color: #FFFFFF;
}


#represent_main
{
  width: 100%;
  height: 900px;
  background-color: #FFFFFF;
}


#represent_content
{
  width: 100%;
  height: 900px;
  background-color: #FFFFFF;
}



#hikes_main
{
  height: 480px;
}



#hikes_content
{
  height: 480px;
}



#main
{
  background-color: white;
  margin: 0px auto;
  width: 100%;
}



#content
{
  background-color: white;
  width: 100%;
  margin: 0px;
  font-family: Georgia, "Bitstream Charter", serif;
}




#eventContainer
{
  position: relative;
  width: 100%;
  height: 149px;
  background-color: #FFFFF;    
}



#photos_td
{
  background-color: black;
  width: 200px;
  height: 150px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  cursor: hand;
}



#photos_td_h91
{
  background-color: black;
  width: 180px;
  height: 150px;
  padding: 5px 0px 5px 49px;
  cursor: pointer;
  cursor: hand;
}



#photos_td_h113
{
  background-color: black;
  width: 200px;
  height: 150px;
  padding: 5px 43px 5px 48px;
  cursor: pointer;
  cursor: hand;
}




#photos_td_w125
{
  background-color: black;
  width: 180px;
  height: 150px;
  padding: 5px 0px 5px 40px;
  cursor: pointer;
  cursor: hand;
}




a#selected:link
{
  color: #53A4E6;
  text-decoration: none;
}



a#selected:visited
{
  color: #53A4E6;
  text-decoration: none;
}



a#selected:hover
{
  color: #53A4E6;
  text-decoration: underline;
}



a#selected:active
{
  color: #53A4E6;
  text-decoration: none;
}



a#nonselected:link
{
  color: white;
  text-decoration: none;
}



a#nonselected:visited
{
  color: white;
  text-decoration: none;
}



a#nonselected:hover
{
  color: #53A4E6;
  text-decoration: underline;
}



a#nonselected:active
{
  color: white;
  text-decoration: none;
}