/* Start of CMSMS style sheet 'nathantaylorstyles' */
body  {
	font-family: Arial, sans-serif;
	font-size:  12px; 
	color: #000000;
	}

.link 	{
	font-family: Arial, sans-serif; 
	font-size: 13px; color: #03377D; 
	text-decoration: none;
	
	}

.link:hover 
	{ 
	font-family: Arial, sans-serif; 	
	font-size: 13px; color: black; 
	text-decoration: underline;
	} 

a 	{
	font-family: Arial, sans-serif; 
	font-size: 13px; color: #03377D; 
	text-decoration: none;
	
	}


a.box 	{
	font-family: Arial, sans-serif; 
	font-size: 14px; color: #03377D; 
	text-decoration: none;
        display: block;
        padding: 10px;
        background: url('uploads/images/thumb_bg.jpg') #041a38 repeat-x top left;
        border: 1px solid black;
        font-weight: bold;
	}

a:hover.box 	{
        color: #black; 
        border: 1px solid white;
        text-decoration: none;
        font-size: 14px;
	}


p      {
padding: 0;
margin: 0;
}


a:hover 
	{ 
	font-family: Arial, sans-serif; 	
	font-size: 13px; color: black; 
	text-decoration: underline;
	} 

.heading 
	{ 
	font-family: Arial, sans-serif; 
	font-size: 18px; color: #03377D; font-weight: bold
	}
	
.text 
	{
	font-family: Arial, sans-serif; 
	font-size: 12px; color: #000000
	}

.bluebold  {
	font-family: Arial, sans-serif;
	font-size:  12px; 
	font-weight: bold;
	color: #03377D;
	}


td 	{
	font-family: Arial, sans-serif; 
	font-size: 12px; color: #000000;
	}


.whiteheading	{
	font-family: Arial, sans-serif; 
	font-size: 18px; color: #ffffff;
	}


.white 	{
	font-family: Arial, sans-serif; 
	font-size: 12px; color: #ffffff;
	}




.sub 
	{
	font-family: Arial, sans-serif; 
	font-size: 10px; color: #ffffff;
	line-height: 11px;
	}

.error 
	{
	font-family: Arial, sans-serif; 
	font-size: 12px; color: #CB0404;
	font-weight: bold;
	}

.img{
	border: solid 1px black;
	}

.img_logo{
	border: solid 1px black;
	margin: 0 5px 2px 0px;
	}

.newsblock .img {
	margin-right: 5px;
}

.sounds{background: url('uploads/images/shortstrip.gif') bottom repeat-x #ccbfb7 fixed;}

.body{background: url('uploads/images/strip.gif') top repeat-x #041A38 fixed;}

#theatre_menu
	{
	background: #03377d url('uploads/images/theatrestrip_bg.jpg') no-repeat bottom left ; 
	width: 760px; 
	height: 150px; 
	position: relative;
	border-top: 1px solid black;
	}

#menu_tpos
	{
	position: absolute; top: 6px; left: 8px;
	}

#menu_nunsense
	{
	position: absolute; top: 6px; left: 295px;
	}

#menu_misssaigon
	{
	position: absolute; top: 6px; left: 428px;
	}

#menu_martinguerre
	{
	position: absolute; top: 6px; left: 580px;
	}

#menu_hedwig
	{
	position: absolute; top: 24px; left: 8px;
	}

#menu_rocky
	{
	position: absolute; top: 24px; left: 305px;
	}

#menu_spend
	{
	position: absolute; top: 43px; left: 8px;
	}

#menu_aladdin
	{
	position: absolute; top: 62px; left: 650px;
	}

#menu_lesmis
	{
	position: absolute; top: 43px; left: 470px;
	}

#menu_marypoppins
	{
	position: absolute; top: 81px; left: 8px;
	}

#menu_alice
	{
	position: absolute; top: 43px; left: 230px;
	}

#menu_spamalot
	{
	position: absolute; top: 43px; left: 650px;
	}

#menu_showstopper
	{
	position: absolute; top: 62px; left: 463px;
	}

#menu_rth
	{
	position: absolute; top: 62px; left: 248px;
	}

#menu_nbs
	{
	position: absolute; top: 62px; left: 8px;
	}

#menu_fmen
	{
	position: absolute; top: 24px; left: 600px;
	}

#menu_taboo
	{
	position: absolute; top: 100px; left: 8px;
	}

#menu_tdbs
	{
	position: absolute; top: 81px; left: 170px;
	}

#theatre_label
	{
	position: absolute; top: -30px; right: 10px;
	}

div.newsblock {
	margin-bottom: 10px;
	margin-right: 15px;
	padding-bottom: 10px;
}

#twitter {
	float: right;
	position: relative;
	width: 397px;
	min-height: 250px;
	margin-left: 10px;
}

#twittertop {
	background: url('uploads/images/tweet_bg_01.png') top left no-repeat;
	height: 95px;
}

#twittermain {
	background: url('uploads/images/tweet_bg_02.png') top left repeat-y;
	padding: 0px 19px 0px 25px;
	}

#twitterbottom {
	background: url('uploads/images/tweet_bg_03.png') top left no-repeat;
	height: 38px;
	}
#twittermainscroll {
	overflow: auto;
	height: 400px;
}

.clear {
	clear: both;
}







#wrapper {
	position: relative;
	margin: 20px auto 0 auto;
	width: 760px;
	border: 1px solid black;
}

#header {
	position: relative;
	background: url('uploads/images/header_bg.jpg') top left no-repeat;
	width: 760px;
	height: 169px;
}

#strip {
	position: relative;
	background: url('uploads/images/homestrip.jpg') top left no-repeat;
	width: 760px;
	height: 12px;
}

#content {
	width: 740px;
	position: relative;
	padding: 0px 5px 10px 15px;
	background: url('uploads/images/tablebody.jpg') top left repeat-y;
}

#footer {
	width: 760px;
	margin: auto;
	position: relative;
}


#menu_theatre ul, #menu_biog ul, #menu_contact ul, #menu_sounds ul, #menu_home ul   {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu_theatre a, #menu_biog a, #menu_contact a, #menu_sounds a, #menu_home a {
	display: block;
	height: 28px;
}

#header #menu_theatre li {
background: url('uploads/images/menu_theatre.gif') 0px 0px no-repeat;
width: 163px;
}
#header #menu_theatre li:hover {
background: url('uploads/images/menu_theatre.gif') 0px -28px no-repeat;
}

#header #menu_biog li {
background: url('uploads/images/menu_biog.gif') 0px 0px no-repeat;
width: 89px;
}
#header #menu_biog li:hover {
background: url('uploads/images/menu_biog.gif') 0px -28px no-repeat;
}

#header #menu_contact li {
background: url('uploads/images/menu_contact.gif') 0px 0px no-repeat;
width: 169px;
}
#header #menu_contact li:hover {
background: url('uploads/images/menu_contact.gif') 0px -28px no-repeat;
}

#header #menu_sounds li {
background: url('uploads/images/menu_sounds.gif') 0px 0px no-repeat;
width: 149px;
}
#header #menu_sounds li:hover {
background: url('uploads/images/menu_sounds.gif') 0px -28px no-repeat;
}

#header #menu_home li {
background: url('uploads/images/menu_home.gif') 0px 0px no-repeat;
width: 104px;
}
#header #menu_home li:hover {
background: url('uploads/images/menu_home.gif') 0px -28px no-repeat;
}



#menu_tpos ul, #menu_aladdin ul, #menu_misssaigon ul, #menu_martinguerre ul, #menu_hedwig ul, #menu_rocky ul, #menu_spamalot ul, #menu_taboo ul, #menu_spend ul, #menu_alice ul, #menu_lesmis ul, #menu_marypoppins ul, #menu_rth ul, #menu_showstopper ul, #menu_nbs ul, #menu_fmen ul, #menu_tdbs ul,  #menu_nunsense ul    {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu_tpos a, #menu_aladdin a, #menu_misssaigon a, #menu_martinguerre a, #menu_hedwig a, #menu_rocky a, #menu_spamalot a, #menu_taboo a, #menu_spend a, #menu_alice a, #menu_lesmis a, #menu_marypoppins a, #menu_rth a, #menu_showstopper a, #menu_nbs a, #menu_fmen a, #menu_tdbs a, #menu_nunsense a {
	display: block;
	height: 15px;
}


#menu_tpos li {
background: url('uploads/images/menu_tpos.gif') 0px 0px no-repeat;
width: 267px;
}
#menu_tpos li:hover {
background: url('uploads/images/menu_tpos.gif') 0px -15px no-repeat;
}

#menu_aladdin li {
background: url('uploads/images/menu_aladdin.gif') 0px 0px no-repeat;
width: 86px;
}
#menu_aladdin li:hover {
background: url('uploads/images/menu_aladdin.gif') 0px -15px no-repeat;
}

#menu_misssaigon li {
background: url('uploads/images/menu_misssaigon.gif') 0px 0px no-repeat;
width: 128px;
}
#menu_misssaigon li:hover {
background: url('uploads/images/menu_misssaigon.gif') 0px -15px no-repeat;
}

#menu_martinguerre li {
background: url('uploads/images/menu_martinguerre.gif') 0px 0px no-repeat;
width: 160px;
}
#menu_martinguerre li:hover {
background: url('uploads/images/menu_martinguerre.gif') 0px -15px no-repeat;
}

#menu_hedwig li {
background: url('uploads/images/menu_hedwig.gif') 0px 0px no-repeat;
width: 267px;
}
#menu_hedwig li:hover {
background: url('uploads/images/menu_hedwig.gif') 0px -15px no-repeat;
}

#menu_rocky li {
background: url('uploads/images/menu_rocky.gif') 0px 0px no-repeat;
width: 262px;
}
#menu_rocky li:hover {
background: url('uploads/images/menu_rocky.gif') 0px -15px no-repeat;
}

#menu_spamalot li {
background: url('uploads/images/menu_spamalot.gif') 0px 0px no-repeat;
width: 104px;
}
#menu_spamalot li:hover {
background: url('uploads/images/menu_spamalot.gif') 0px -15px no-repeat;
}

#menu_taboo li {
background: url('uploads/images/menu_taboo.gif') 0px 0px no-repeat;
width: 68px;
}
#menu_taboo li:hover {
background: url('uploads/images/menu_taboo.gif') 0px -15px no-repeat;
}

#menu_spend li {
background: url('uploads/images/menu_spend.gif') 0px 0px no-repeat;
width: 203px;
}
#menu_spend li:hover {
background: url('uploads/images/menu_spend.gif') 0px -15px no-repeat;
}

#menu_alice li {
background: url('uploads/images/menu_alice.gif') 0px 0px no-repeat;
width: 223px;
}
#menu_alice li:hover {
background: url('uploads/images/menu_alice.gif') 0px -15px no-repeat;
}

#menu_lesmis li {
background: url('uploads/images/menu_lesmis.gif') 0px 0px no-repeat;
width: 164px;
}
#menu_lesmis li:hover {
background: url('uploads/images/menu_lesmis.gif') 0px -15px no-repeat;
}

#menu_marypoppins li {
background: url('uploads/images/menu_marypoppins.gif') 0px 0px no-repeat;
width:144px;
}
#menu_marypoppins li:hover {
background: url('uploads/images/menu_marypoppins.gif') 0px -15px no-repeat;
}

#menu_rth li {
background: url('uploads/images/menu_rth.gif') 0px 0px no-repeat;
width: 185px;
}
#menu_rth li:hover {
background: url('uploads/images/menu_rth.gif') 0px -15px no-repeat;
}

#menu_showstopper li {
background: url('uploads/images/menu_showstopper.gif') 0px 0px no-repeat;
width: 151px;
}
#menu_showstopper li:hover {
background: url('uploads/images/menu_showstopper.gif') 0px -15px no-repeat;
}

#menu_nbs li {
background: url('uploads/images/menu_nbs.gif') 0px 0px no-repeat;
width: 210px;
}
#menu_nbs li:hover {
background: url('uploads/images/menu_nbs.gif') 0px -15px no-repeat;
}

#menu_fmen li {
background: url('uploads/images/menu_fmen.gif') 0px 0px no-repeat;
width: 141px;
}
#menu_fmen li:hover {
background: url('uploads/images/menu_fmen.gif') 0px -15px no-repeat;
}

#menu_nunsense li {
background: url('uploads/images/menu_nunsense.gif') 0px 0px no-repeat;
width: 108px;
}
#menu_nunsense li:hover {
background: url('uploads/images/menu_nunsense.gif') 0px -15px no-repeat;
}

#menu_tdbs li {
background: url('uploads/images/menu_tdbs.gif') 0px 0px no-repeat;
width: 242px;
}
#menu_tdbs li:hover {
background: url('uploads/images/menu_tdbs.gif') 0px -15px no-repeat;
}


.list li {
	list-style: none;
	float: left;
	padding: 0;
}

div.column {
	width: 350px;
	float: left;
	background: none;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

dl.castlist {
        margin: auto;
        padding: 0; 
        clear:both;
}

.castlist dt {
        width: 50%;
        float: left;
        margin:0;
        padding: 3px 0;
        border-top: 1px solid #03377D;
        font-weight: bold; 
        display:block;
        text-align: left;
        color: #03377D;
}

.castlist dd {
        float: left;
        width: 50%;
        margin:0;
        padding: 3px 0;
        border-top: 1px solid #03377D;
        text-align: right;
}

        

ul.pics {
        list-style: none;
        margin: 0;
        padding: 0;
}

ul.pics li {
        float: left;
        margin: 10px;
        background: url('uploads/images/thumb_bg.jpg') #041a38 repeat-x top left;
}

ul.pics li a img {
        border: 1px solid black;
}

ul.pics li a {
        border: 1px solid black;
        display: block;
        padding: 10px;
}

ul.pics li a:hover, ul.pics li a:hover img{
        border: 1px solid white;
}

div.pagepic {
        float: right;
        margin: 10px;
        text-align: center;
        font-size: 0.9em;
        color: #black;
}

div.pagepic img {
        border: 1px solid black;
}



/* layerswap styles */

#container	{ position:relative; width:450px; height:370px; z-index:100; }
/* Include id's for all your layers here, with commas between. */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18, #lyr19	{ 
	position:absolute; visibility:hidden; left:0; top:0; z-index:1; text-align: center; }

#fmencontainer	{ float: right; width:450px; height:620px; z-index:100;}
/* Include id's for all your layers here, with commas between. */
#fmencontainer #lyr1, #fmencontainer #lyr2	{ 
	position: absolute; left: 303px; top: 60px; visibility:hidden; z-index:100; width: 450px; text-align:center; }

/* End of 'nathantaylorstyles' */