body {
	margin: 0px; 
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1em;
}
#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(elements/text_title.jpg);
	background-repeat: no-repeat;
	background-position: 150px top;
}
#top { height: 100px; }
#left { width: 270px; height: 1000px; float: left;}
#right { width:480px; float: left; font-size: .85em;}
#footer { width: 750px; font-size: .75em; text-align: center; line-height:1.75em; padding-bottom: 30px; padding-top: 30px;}

#footer a{ text-decoration: none; color: #FF9900;}
#footer a:hover { color:#FF0000;}

#right a{ text-decoration: none; color: #FF9900;}
#right a:hover { color:#FF0000;}

.moreinfo  {text-decoration: none; color: #FF0000;}
.moreinfo:hover  {color: #FF9900;}

div#navbar {top: 130px; position: absolute; font-size: .75em;}

div#navbar ul#menu	{
	margin: 0px;
	padding: 0px;
}
div#navbar ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
ul#menu li, ul#menu a {
	height: 13px;
	display: block;
}
div#navbar ul#menu li a {
	/* pull text offscreen, leave for non .css */
	text-indent: -9999px;
	text-decoration: none;
}

/* Buttons - Normal State - left seperate at approx 4 px from bottom of TP logotext, 14 px between top of each button */
#buttonNowOnStage { width: 120px; left: 50px; background: transparent url(elements/button_nowonstage_states.jpg) no-repeat; }
#buttonGetTickets { width: 120px; top: 13px; left: 54px; background: transparent url(elements/button_gettickets_states.jpg) no-repeat; } 
#buttonTheSubscriptionSeries { width: 120px; top: 27px; left: 58px; background: transparent url(elements/button_thesubscription_stat.jpg) no-repeat; } 
#buttonHeptasophSeries { width: 120px; top: 41px; left: 62px; background: transparent url(elements/button_heptasophseries_stat.jpg) no-repeat; } 
#buttonSpecialEvents { width: 120px; top: 54px; left: 66px; background: transparent url(elements/button_specialevents_states.jpg) no-repeat; } 
#buttonArchives { width: 120px; top: 68px; left: 70px; background: transparent url(elements/button_archives_states.jpg) no-repeat; } 
		/*---*/
#buttonTheGallery { width: 120px; top: 100px; left: 74px; background: transparent url(elements/button_thegallery_states.jpg) no-repeat; } 
#buttonGetInvolved { width: 120px; top: 114px; left: 78px; background: transparent url(elements/button_getinvolved_states.jpg) no-repeat; } 
#buttonOurHistory { width: 120px; top: 128px; left: 82px; background: transparent url(elements/button_ourhistory_states.jpg) no-repeat; } 
#buttonSupportOurMission { width: 120px; top:142px; left: 84px; background: transparent url(elements/button_supportourmission_st.jpg) no-repeat; } 
#buttonTheSpace { width: 120px; top: 156px;  left: 87px; background: transparent url(elements/button_thespace_states.jpg) no-repeat; } 
#buttonContact { width: 120px; top: 170px; left: 93px; background: transparent url(elements/button_contact_states.jpg) no-repeat; } 
#buttonNeighborhood { width: 120px; top: 184px; left: 99px; background: transparent url(elements/button_theneighborhood_stat.jpg) no-repeat; } 


/* Buttons - Hover State */
#buttonNowOnStage a:hover { background: transparent url(elements/button_nowonstage_states.jpg) 0 -13px no-repeat; }
#buttonGetTickets a:hover { background: transparent url(elements/button_gettickets_states.jpg) 0 -13px no-repeat; }
#buttonTheSubscriptionSeries a:hover { background: transparent url(elements/button_thesubscription_stat.jpg) 0 -13px no-repeat; }
#buttonHeptasophSeries a:hover { background: transparent url(elements/button_heptasophseries_stat.jpg) 0 -13px no-repeat; }
#buttonSpecialEvents a:hover { background: transparent url(elements/button_specialevents_states.jpg) 0 -13px no-repeat; }
#buttonArchives a:hover { background: transparent url(elements/button_archives_states.jpg) 0 -13px no-repeat; }
		/*---*/
#buttonTheGallery a:hover { background: transparent url(elements/button_thegallery_states.jpg) 0 -13px no-repeat; }
#buttonGetInvolved a:hover { background: transparent url(elements/button_getinvolved_states.jpg) 0 -13px no-repeat; }
#buttonOurHistory a:hover { background: transparent url(elements/button_ourhistory_states.jpg) 0 -13px no-repeat; }
#buttonSupportOurMission a:hover { background: transparent url(elements/button_supportourmission_st.jpg) 0 -13px no-repeat; }
#buttonTheSpace a:hover { background: transparent url(elements/button_thespace_states.jpg) 0 -13px no-repeat; }
#buttonContact a:hover { background: transparent url(elements/button_contact_states.jpg) 0 -13px no-repeat; }
#buttonNeighborhood a:hover { background: transparent url(elements/button_theneighborhood_stat.jpg) 0 -13px no-repeat; }


/* Buttons - Active State */
#buttonNowOnStageActive { width: 120px; left: 50px; background: transparent url(elements/button_nowonstage_states.jpg) 0 -13px no-repeat; }
#buttonGetTicketsActive { width: 120px; top: 13px; left: 54px; background: transparent url(elements/button_gettickets_states.jpg) 0 -13px no-repeat; } 
#buttonTheSubscriptionSeriesActive { width: 120px; top: 27px; left: 58px; background: transparent url(elements/button_thesubscription_stat.jpg) 0 -13px no-repeat; } 
#buttonHeptasophSeriesActive { width: 120px; top: 41px; left: 62px; background: transparent url(elements/button_heptasophseries_stat.jpg) 0 -13px no-repeat; } 
#buttonSpecialEventsActive { width: 120px; top: 54px; left: 66px; background: transparent url(elements/button_specialevents_states.jpg) 0 -13px no-repeat; } 
#buttonArchivesActive{ width: 120px; top: 68px; left: 70px; background: transparent url(elements/button_archives_states.jpg) 0 -13px no-repeat; } 
		/*---*/
#buttonTheGalleryActive { width: 120px; top: 100px; left: 74px; background: transparent url(elements/button_thegallery_states.jpg) 0 -13px no-repeat; } 
#buttonGetInvolvedActive{ width: 120px; top: 114px; left: 78px; background: transparent url(elements/button_getinvolved_states.jpg) 0 -13px no-repeat; } 
#buttonOurHistoryActive{ width: 120px; top: 128px; left: 82px; background: transparent url(elements/button_ourhistory_states.jpg) 0 -13px no-repeat; } 
#buttonSupportOurMissionActive { width: 120px; top:142px; left: 84px; background: transparent url(elements/button_supportourmission_st.jpg) 0 -13px no-repeat; } 
#buttonTheSpaceActive { width: 120px; top: 156px;  left: 87px; background: transparent url(elements/button_thespace_states.jpg) 0 -13px no-repeat; } 
#buttonContactActive { width: 120px; top: 170px; left: 90px; background: transparent url(elements/button_contact_states.jpg) 0 -13px no-repeat; } 
#buttonNeighborhoodActive { width: 120px; top: 184px; left: 93px; background: transparent url(elements/button_theneighborhood_on.jpg) 0 -13px no-repeat; } 


h1 {margin: 5px 0 0 0px; font-size: 2em; color: #FF9900;}  
h2 {margin: 0px; font-size: 1.75em; color: #336699;}
h3 {margin: 0px; font-size: 1.00em; font-weight: normal;}
h4 {margin: 0px; font-size: 1.25em; font-weight:normal; color:#336699;}
p {margin: 5px 0 0 0;font-size: .9em;}



#imagery {height: 75px; width: 400px; padding:0px; margin: 8px 0 0 10px;}
.bg1 {background: transparent url(elements/bg_1.jpg) no-repeat;}
.bg2 {background: transparent url(elements/bg_2.jpg) no-repeat;}
.bg3 {background: transparent url(elements/bg_3.jpg) no-repeat;}
.bg4 {background: transparent url(elements/bg_4.jpg) no-repeat;}
.bg5 {background: transparent url(elements/bg_5.jpg) no-repeat;}
.bg6 {background: transparent url(elements/bg_6.jpg) no-repeat;}
.bg7 {background: transparent url(elements/bg_7.jpg) no-repeat;}
.bg8 {background: transparent url(elements/bg_8.jpg) no-repeat;}
.bg9 {background: transparent url(elements/bg_9.jpg) no-repeat;}
.bg10 {background: transparent url(elements/bg_10.jpg) no-repeat;}
.bg11 {background: transparent url(elements/bg_11.jpg) no-repeat;}
.bg12 {background: transparent url(elements/bg_12.jpg) no-repeat;}
.bg13 {background: transparent url(elements/bg_13.jpg) no-repeat;}
.bg14 {background: transparent url(elements/bg_14.jpg) no-repeat;}

#title {padding-left: 30px;}
.pg1 {margin: 0px; padding-left: 100px; padding-top: 20px; font-size: .75em;}
.accent1 {color: #993399; font-weight:bold;}