* {  margin: 0; padding: 0; }
* html { height: 1%;} }
html, body { height: 100%; }
body { 	text-align: center;    margin: 0;  border: 0;  padding: 0;
  		background-color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; 
  		font-size: 11px;color: #828282;   font-size: 11px;   line-height: 18px;   
  		text-decoration: none;  text-align: center;}

#container-page { margin: 0 auto; width: 1000px; position: relative; min-height: 100%; height: auto !important; height: 100%; text-align: center;}

#container-page-bare { padding: 10px;}

#container-head { float: left; width: 1000px; clear: both;}
#container-content {  padding: 0 0 20px 0; float: left; clear: both; }

#content { width: 950px; position: relative; top: 0px; left: 25px; clear: both; background-color: #ffffff; display: none;  /* gets faded in */}

#content_wide { width: 1000px; position: relative; top: 0px; /*left: 25px */;background-color: #ffffff; }

#container-foot { width: 100%;height: 20px; float: left; clear: both; }

#footer  { background-color: #ffffff;  padding: 0; line-height: 18px;}

/* table, tr, td { font-size: 12px; text-align: left; margin-left: auto; margin-right: auto; } */
table, tr, td { font-size: 12px; margin-left: auto; margin-right: auto; text-align: left; }
/* td {  padding: 3px;  } */
a { color: #828282; text-decoration: none; outline: none;  }
a:hover { color: #474747; }

.menu_text, a.menu_text, table.menu_text, tr.menu_text, td.menu_text { font-size: 11px; }

INPUT
{ 
  font-family: Arial;  font-size: 11px;  font-weight: bold;
  border-color: #828282;  border-style: solid;  border-width: 1px;
  color: #828282; 
 }


/* previous header without the addition of the 3rd row */
/* #header      { position: relative; width: 1000px; height: 84px; background-color: #ffffff;  } 
#header_logo { position: absolute; top: 1px; left: 8px; width: 300px; height: 84px; }
#header_menu { position: absolute; top: 0px; left: 300px; width: 700px; height: 84px; }



#menu_home     { position: absolute; top: 31px; left: 40px; }
#menu_calendar   { position: absolute; top: 31px; left: 130px; } 
#menu_bottle_service { position: absolute; top: 31px; left: 237px; }
#menu_private_events    { position: absolute; top: 31px; left: 372px; }
#menu_green   { position: absolute; top: 31px; left: 515px; }
#menu_venue { position: absolute; top: 31px; left: 605px; }

#menu_gallery       { position: absolute; top: 50px; left: 40px; }
#menu_temple_tv    { position: absolute; top: 50px; left: 130px; }
#menu_music { position: absolute; top: 50px; left: 237px; }
#menu_residents         { position: absolute; top: 50px; left: 372px; }
#menu_press    { position: absolute; top: 50px; left: 516px; }
#menu_contact       { position: absolute; top: 50px; left: 605px; }
 */
 
#header      { position: relative; width: 1000px; height: 90px; background-color: #ffffff;  } 
#header_logo { position: absolute; top: 1px; left: 8px; width: 300px; height: 90px; }
#header_menu { position: absolute; top: 0px; left: 300px; width: 700px; height: 90px; }



#menu_home     { position: absolute; top: 25px; left: 40px; }
#menu_about { position: absolute; top: 25px; left: 130px;}
#menu_calendar { position: absolute; top: 25px; left: 210px; } 
#menu_bottle_service { position: absolute; top: 25px; left: 330px; }
#menu_private_events { position: absolute; top: 25px; left: 488px; }
#menu_green { position: absolute; top: 25px; left: 605px; }

#menu_venue { position: absolute; top: 45px; left: 40px; }
#menu_gallery { position: absolute; top: 45px; left: 130px; }
#menu_temple_tv{ position: absolute; top: 45px; left: 210px; }
#menu_music { position: absolute; top: 45px; left: 330px; }
#menu_residents{ position: absolute; top: 45px; left: 488px; }
#menu_press    { position: absolute; top: 45px; left: 606px; }

#menu_prana{ position: absolute; top: 65px; left: 40px;}
#menu_zenter { position: absolute; top: 65px; left: 131px;}
#menu_membership{ position: absolute; top: 65px; left: 210px;}
#menu_temple_treasures { position: absolute; top: 65px; left: 330px;}
#menu_stay_connected{position: absolute; top: 65px; left: 488px;}
#menu_contact       { position: absolute; top: 65px; left: 605px; }

#front_page_image { float: left; clear: both; width: 950px; padding-bottom: 10px; }

/* Style for the new frontpage */

/* Main Containers */

.frontpage_main_container { width: 950px; position: relative; top: 0px; left: 0px; clear: both; background-color: #ffffff; /* gets faded in */}


/* center column */
.artwork_container {float: left; width:950px ;height: 500px; clear: right;} /* in index4 main container */

.bottom_container {float: left; width:950px ; height: 132px; clear: right; padding-bottom: 20px;}

#event_artwork_container{position:relative; float: left; width:950px ;height: 500px; clear: right;} /* contains the div w/ artwork and navigation*/
.event_artwork_photo_container {float: left; width:950px; height: 500px; text-align: center;}/* just for the 2 artworks, in show_event_artwork`*/

#event_artwork_navigation{position: relative; top: 473px; float: right;}
#event_previous{ position: absolute; right: 30px;}
#event_next{ position: absolute; right: 10px;}

#share_button{position: absolute; bottom: 8px;  right: 63px;}
#mailing_list{ position: absolute; bottom: 10px; right: 170px;}
#rsvp_before11{ position: absolute; bottom: 10px; right: 410px;}
#survey{ position: absolute; bottom: 10px; right: 340px;}


#event_artwork_front {float: left; width: 475px; text-align: center;}
#event_artwork_back {float: left; width: 475px; text-align: center;}
#event_artwork_full_page {float: left; width: 950px; text-align: center;}

#prana_link_to_menu { float: left;clear: right;}
#prana_link_to_reservation { float: left;  clear: right;}

/* bottom section with the different images and links */
.frontpage_box { float: left; position: relative;  }
#album_cover { position: absolute; top: 5px; left: 40px; width: 90px; height: 90px; }


/* end of style of frontpage */    

#rsvp_container         { float: left; width: 300px; text-align: left; }
#response               { float: left; width: 350px; text-align: center; }
#mailing_list_container { float: left; width: 300px; text-align: right; }

.selected, .selected a, .selected a:hover { color: #000000; }
.error   { color: red;   }
.message { color: green; }

#generic_content {  position: relative; left: 200px; width: 550px; text-align: justify; padding: 10px; clear: right; }
#generic_content a:hover { color: #474747; }
#generic_content a { color: #828282; font-weight: bold; }

#cart {  position: relative; left: 75px; width: 800px; text-align: center; padding: 10px; clear: right; }
/*#mediaplayer {  position: relative; margin-left: auto; margin-right: auto; text-align: center; left: 0; }*/
#mediaplayer { width: 950px; float: left; clear: both; padding-bottom: 10px;}

#contact_us { position: relative; top: 193px; left: 220px; width: 200px; text-align: justify; clear: right; color: #474747; }
#contact_us a { font-weight: bold; color: #474747; }
#contact_us a:hover { font-weight: bold; color: #000000; }
#contact_us_image { position: relative; width: 950px; height: 620px; background-image: url("/static/images/contactpage.jpg"); background-repeat: no-repeat; top: 0px; left: 0px; }

.tooltip { 

 background-color:#fff; background:#fff; color:#828282; font-size:1.2em; border: 1px solid #474747; padding: 0;margin: 0;

 }
.tooltip_title { background: #fff; border-bottom: 1px solid #474747; margin: 3px;}
.tooltip_content { background: #fff; margin: 3px; text-align: left;}

#green_info {text-align: left; width: 950px;}
#green_info ul {list-style-type: disc; list-style-image: url("/static/images/bullet.gif");list-style-position: inside; padding-left: 30px;}
#green-info li { margin-left: 10px;}
#green_info h4 { text-align: left; color: green; padding: 3px}
#green_info a:hover { color: #000000; }
#green_info a { color: #474747; font-weight: bold; }
#green_info p ul li { text-align: justify; clear: right; color: #474747;padding: 3px; }

IMG { border: 0; }

INPUT.invalid
{ 
    background-color:   #FFE0E0;
    border-color:       red;
    border-style:       solid;
}


.popup_title { font-size: 1.4em; text-align: left; }
.popup_content { font-size: 1.1em; height: 300px; text-align: justify; overflow-y: scroll; width: 400px; padding: 2px; }
.popup_content_long { font-size: 1.1em; height: 348px; text-align: justify; width: 400px; padding: 2px; }
.popup_content td { font-size: 1.1em; padding: 4px; }
.popup_content_compact td { font-size: 1.1em; padding: 1px; text-align: justify; width: 400px; }

.popup_buttons { width: 400px; padding: 2px;}
.popup_buttons INPUT { font-size: 1.1em;}
.popup_photo { float: left; width: 250px; padding-right: 10px; }
.popup_info { float: left; width: 350px; }

.padded_table td { padding: 4px; font-size: 1.1em; }