body { 
    margin: 0px;
    padding: 0px;
    background: url(images/canvas_background.jpg) repeat;
    font-family: Verdana;
    font-size: 10px;
    color: #9CA4D4;
}

form { 
    margin: 0px;
    padding: 0px;
}

/* preload images */
.preload {
    display: none;
}

/* login page */
#divLoginPage {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_admin.png) no-repeat; 
}

#divLoginForm {
    height: 260px;	
    width: 440px;
    position: absolute;
    left: 16px;
    top: 360px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    overflow: auto;
    border: solid 0px red;
    color: #000000;
}


/* login status */
#MainPageLayout #LoginName 
{
    position: absolute;
    left: 0px; 
    top: 0px;  
    margin: 10px;
    z-index: 5;
}

#MainPageLayout #LoginStatus
{
    position: absolute;
    left: 0px;   
    top: 14px;
    margin: 10px;
    z-index: 5;
}

/* footer */
#divSiteDesignBy {
    z-index:5;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
}

/* footer link */
#divSiteDesignBy a:link		    { background-color: #FFFFFF; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#divSiteDesignBy a:visited		{ background-color: #FFFFFF; color: #949496; text-transform: lowercase; font-weight:normal;  text-decoration: none; }
#divSiteDesignBy a:active		{ color: #FF0000; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#divSiteDesignBy a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }


/* news (home) page */
#NewsContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_news.jpg) no-repeat; 
}

#NewsList {
    max-height: 244px;
    width: 440px;
    position: absolute;
    left: 16px;
    top: 360px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 72px 0px;
    text-align: left;
    direction: rtl;
    overflow: auto;
    border: solid 0px red;
}

#NewsList ul {
    margin: 4px 4px 4px 4px;
    padding: 0px 0px 0px 0px;
}

#NewsList li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    direction: ltr;
}

.NewsHeading 
{
    font-style: italic;
    color: #616AA3;
    margin: 4px;
}

#NewsList .NewsItem 
{
    padding: 0px 0px 20px 0px;
}

.NewsDate 
{
    font-variant: small-caps;
    font-weight: 600;
    color: #616AA3;
    padding-bottom: 6px;
    text-transform: capitalize;
    text-align: right;
}

.NewsText {
    text-align: justify;
}


#divUpcomingShowList {
    height: 40px;	
    width: auto;
    position: absolute;
    left: 4px;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    direction: ltr;
    border: solid 0px blue;
}

#divUpcomingShowList ul {
    margin: 4px 4px 4px 4px;
    padding: 0px 0px 0px 0px;
}

#divUpcomingShowList li {
    list-style-type: none;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   	font-weight: normal;
}

/* upcoming show links */
#divUpcomingShowList a:link			{ background-color: #FFFFFF; color: #3B3B41; text-transform: uppercase; font-weight:normal; text-decoration: none; }
#divUpcomingShowList a:visited		{ background-color: #FFFFFF; color: #3B3B41; text-transform: uppercase; font-weight:normal;  text-decoration: none; }
#divUpcomingShowList a:active		{ color: #FF0000; text-transform: uppercase; font-weight:normal; text-decoration: none; }
#divUpcomingShowList a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: uppercase; font-weight:normal; text-decoration: none; }




/* bio page */
#BioContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_bio.jpg) no-repeat; 
}

#BioList {
    height: 316px;	
    width: 458px;
    position: absolute;
    left: 16px;
    top: 360px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    direction: rtl;
    overflow: auto;
    border: solid 0px red;
    color: #252525;
}

#BioList ul {
    margin: 4px 4px 4px 4px;
    padding: 0px 0px 0px 0px;
}

#BioList li {
    list-style-type: none;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    direction: ltr;
}

.BioHeading {
    font-variant: small-caps;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 6px;
    text-align: right;
}

.BioText {
    text-align: justify;
}

/* videos page */
#VideosContent
{
	height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_music.jpg) no-repeat; 
}
div.VideoTitle
{
	text-align: left;
}
#VideoList {
    height: 351px;	
    width: 570px;
    position: absolute;
    left: 16px;
    top: 328px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: dashed 0px red;
    overflow: auto;
}
.VideoItem {

    padding: 4px 4px 18px 4px;
    text-align: center;
}



/* photos page */
#PhotosContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_photos.jpg) no-repeat; 
}


#PhotoList {
    height: 310px;	
    width: 570px;
    position: absolute;
    left: 16px;
    top: 362px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: dashed 0px red;
    overflow: auto;
}

#PhotoList img {
    border: solid 1px #666666;
}



#PhotoList a:hover img			{ border: 1px solid #8D95CE  }


.PhotoItem {
    float: left;
    width: 120px;
    border: 0px solid #999;
    margin: 0px 0px 0px 0px;
    padding: 4px 4px 4px 4px;
    text-align: center;
}

.PhotoTitle  {
    border: solid 0px red;
    height: 24px;  
}

.PhotoImage  {
    border: solid 0px gray;
    height: 104px;  
}

.PhotoDescription  {
    border: solid 0px red;
    height: 24px; 
    width: 100%; 
    overflow: hidden;
    display: none;
}    



/* music page */
#MusicContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_music.jpg) no-repeat; 
}


#MusicList {
    height: 320px;	
    width: 500px;
    position: absolute;
    left: 16px;
    top: 350px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: dashed 0px red;
    direction: rtl;
    overflow: auto;
}


#MusicList a:link		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#MusicList a:visited	{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal;  text-decoration: none; }
#MusicList a:active		{ color: #FF0000; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#MusicList a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }


#MusicList ul {
    margin: 12px 4px 4px 4px;
    padding: 4px 0px 4px 0px;
}

#MusicList li {
    list-style-type: none;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    direction: ltr;
}

.MusicDescription {

}
    
    

/* shows page */
#ShowsContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_shows.jpg) no-repeat; 
}

#ShowList {
    height: 250px;	
    width: 440px;
    position: absolute;
    left: 280px;
    top: 400px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: dashed 0px red;
    overflow: auto;
}

#ShowList ul {
    margin: 4px 4px 4px 4px;
    padding: 4px 0px 4px 0px;
}

#ShowList li {
    list-style-type: none;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}   

#ShowList a:link		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#ShowList a:visited		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal;  text-decoration: none; }
#ShowList a:active		{ color: #FF0000; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#ShowList a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }


#ShowList .ShowDate {
	font-weight: 600;
	color: #3F4989;
}

#ShowList .ShowTitle {
	color: #E76B6B;
}

#ShowList .ShowTimeandPrice {
	font-weight: 600;
	color: #6975BF;
}

#ShowList .ShowAct {
	color: #5E69B1;
}

#ShowList .ShowAct ul li:before {
	content: "\002A \0020";
}


#divNoShowsScheduled 
{
    margin: 40px 0px 0px 70px;
}

#divPastShowLink 
{
    text-align: right;
}

#divPastShowsDivider
{
    text-align: right;
    padding: 20px 0px 0px 0px;
    vertical-align: middle;
}

.PastShowsDivider
{
    width: 70%;
}


/* contact page */
#ContactContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_contact.jpg) no-repeat; 
}

#ContactList {
    height: 270px;	
    width: 240px;
    position: absolute;
    left: 16px;
    top: 370px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: dashed 0px red;
    direction: rtl;
    overflow: auto;
}

#ContactList a:link			{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#ContactList a:visited		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal;  text-decoration: none; }
#ContactList a:active		{ color: #FF0000; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#ContactList a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }

#ContactList ul {
    margin: 4px 4px 4px 4px;
    padding: 4px 0px 4px 0px;
}

#ContactList li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    color: #252525;
    direction: ltr;
}
    
    
/* links page */
#LinksContent {
    height: 680px;	
    width: 100%;
    position: absolute;  
    margin: 0px 0px 0px 0px;
    border: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background: transparent url(images/bg_links.jpg) no-repeat; 
}

#LinkList {
    height: 308px;	
    width: 260px;
    position: absolute;
    left: 16px;
    top: 370px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: dashed 0px red;
    direction: rtl;
    overflow: auto;
}


#LinkList a:link		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#LinkList a:visited		{ background-color: #FFFFFF; color: #3B3B41; text-transform: lowercase; font-weight:normal;  text-decoration: none; }
#LinkList a:active		{ color: #FF0000; text-transform: lowercase; font-weight:normal; text-decoration: none; }
#LinkList a:hover		{ background-color: #F7D7D7; color: #949496; text-transform: lowercase; font-weight:normal; text-decoration: none; }

#LinkList ul {
    margin: 4px 4px 4px 4px;
    padding: 4px 0px 4px 0px;
}

#LinkList li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #6F6F6F;
    direction: ltr;
}        
            

/* mailing list */
div.MailingList
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	z-index: 100;
	text-align: left;
	direction: ltr;
	margin: 6px;
	vertical-align: top;
	filter: alpha(opacity=60);
	opacity: 0.6;
display: none;
}
span.Name
{
	padding-right: 22px;
}
span.Email
{
	padding-right: 8px;
}
div.MailingList input
{
	height: 14px;	
	color: #666666;
	font-size: 10px;
}
div.MailingList input.Submit 
{
	background-color: #FFFFFF;
	color: #9CA4D4;
	font-size: 10px;
	height: 20px;
}