@charset "utf-8";
/* Uneditable Region XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
* { margin:0; padding:0; border:0;}

html,
body {
   	margin:0; padding:0; height:100%;
	text-align: center;
	background-image:url('images/background.png');
	background-repeat:repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color:#333;
	background-color: #9bb7c8;}

/* Structure Section */
	#WRAPPER	{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px 0; text-align:center; width:100%;}
	#WIDEWRAP	{width:100%; background: url(images/trinity_cutout.gif) 50% 0 no-repeat;}
	#SLIMWRAP	{width:960px; margin: auto; text-align: left;}
	/* Masthead and Flash */
	#top_section{width:960px; height:330px; float:left;}
	#top_left	{width:220px; float:left; height:330px; background-image:url('images/mast.png');}
		.pb_homelink a {width:220px; height:200px;float:left;}
		.pb_linkzone a {width:120px; height:20px; float:left; margin-left:60px; margin-top:10px;}
	#top_right	{width:740px; float:right; background:#030}
		#flashbox	{width:739px; height:290px; background-image:url('images/flashback.png'); border-right: 1px solid #d7dde0;}
		#TopGray	{background-image:url('images/topgray.gif'); 		width:740px; height:10px;}
		#TopGrayRnd	{background-image:url('images/topgray_round.gif'); 	width:5px;  height:10px; float:right;}
		#MiniBar	{background:#272727;		width:100%;  height:30px;}
	/* 3 column body area */
	#columnwrap	{float: left; width: 100%; background: url(images/white/mainfade.gif);}
	#leftcol	{float: left; width: 220px; margin-left:0;}
	#rightcol	{float: right; width: 220px; margin-left: -200px;}
	#midcol		{margin: 0 220px 0 220px;}
	#gradient	{width:auto; height:20px;background-image:url('images/middlegradient.gif'); margin:0 1px 0 1px;}


.left	{float:left;}
.right	{float:right;}
.bump10	{width:100%; height:10px}
.bump20	{width:100%; height:20px}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0pt;}
.topbit		{width:100%; height:20px; background: url(images/top_cutout.gif) 0 0 no-repeat }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

p 		{font-size: 14px; line-height: 20px; color: #444; margin:5px 0 15px 0;}/* Margins are T,R,B,L */
h1 		{font-size: 26px; line-height: 30px; font-weight: bold; color: #115670; margin:0 0 10px 0;}		/* Page Header Only */
h2 		{font-size: 18px; line-height: 25px; font-weight: bold; color: #006da6; margin:5px 0 5px 10px;}		/* Sub Headers Only */
h3 		{font-size: 16px; line-height: 20px; font-weight: bold; color: #444; 	margin:20px 0 10px 10px;}	/* Mini-Headers Only */
h4		{font-size: 14px; line-height: 18px; font-weight: bold; color: #0095da; margin:0;}					/* Mini-Headers Only */
h5 		{font-size: 15px; line-height: 20px; font-weight: bold; color: #222; margin-bottom:5px;}/* Footer Header */
.small	{font-size: 11px; line-height: 12px; margin:0px;}

blockquote 	p{font-size: 13px; line-height:25px; color:#777; font-family: Georgia, serif; 
			 font-style:italic; margin:10px; padding:10px; background:#f7f7f7; border:1px solid #e5e5e5}
.stylize	{font-family: Georgia, serif; font-style:italic; line-height: 20px;}
.dateline	{font-size: 11px; line-height:20px; color:#ccc; border-top:3px solid #abc; width:100%; margin-bottom:20px; margin-top:10px; float:left;}
.startline	{color:#ccc; border-top:3px solid #abc; width:100%; margin-bottom:20px; margin-top:10px; float:left;}

a 			{text-decoration: none; color:#00adf5;}
a:visited 	{text-decoration: none; color:#0095d3;}
a:hover 	{text-decoration: none; color:#ff7200;}

ul	{list-style: disc; list-style-position:inside; padding: 0px; margin: 0px;}
#midcol li{margin: 5px; color:#444; background:#f3f3f3; padding:5px;}

/* Header Section */
	#header		{margin-top: -30px; min-width:980px; width:100%; height: 50px; background:#333; padding:15px 0 0 0; overflow:hidden;}
	#header_inside	{margin:0 100px; padding-top: 25px;}
	#navigation a		{color: #fff; background: #444 url(images/left-tab.gif) left top no-repeat; text-decoration: none; line-height:25px; font-weight:bold; font-size:10px; padding-left: 25px;}
	#navigation a span	{background: url(images/right-tab.gif) right bottom no-repeat; padding-right: 25px; font-size:9pt} 
	#navigation a, #navigation a span{display: block; float: left}
	#navigation a, #navigation a span{float: none}/* Hide from IE5-Mac \*/
	#navigation a:hover		{color: #000; background: #fff url(images/left-tab-hover.gif) left bottom no-repeat;padding-left: 25px}
	#navigation a:hover span{background: url(images/right-tab-hover.gif) right top no-repeat; padding-right: 25px}
	#navigation ul {list-style: none; padding: 0; margin: 0}
	#navigation li {list-style: none; float: left;margin: 0;padding: 0;}
	
/* Sidebar Section */	
	#ticker p	{font-size: 12px; line-height: 16px; margin:5px 0 10px 0;}
	#ticker h4	{font-size: 12px; }
	#categories {font-size: 14px; line-height: 20px; font-weight: bold; margin:0px}
	#categories a {color:#444}
	#categories a:hover{color:#3399ff}
	#categories	ul	{list-style-type: none; padding: 0px; margin: 0px;}
	#categories	ul a:hover	{text-decoration: none; color:#ff7200;}
	#categories	li	{background-image: url(images/bullet.gif);background-repeat: no-repeat;background-position: 0px 50%;padding-left: 12px;}

/* Footer Section */
	#footer		{min-width:980px; background:#222;background-image:url('images/footer_fade.gif');background-repeat:repeat-x;}
		#footer_container 	{height:130px;  width:980px; text-align:left; margin:auto; padding-top:20px; padding-bottom:10px;}
		#footerbox			{height:100%;   width:205px; margin-left:20px; float:left; padding-right:20px; display:inline;}
		#footer, .push 		{height:160px;  clear:both; text-align:center; overflow:hidden;}
	#whitefoot		{width:960px; height:10px; background:url('images/white/w_tile.gif'); overflow:hidden; margin-bottom:30px;}
		.w_br		{float:right; display:inline; height:10px; width:5px; background-image:url('images/white/w_r.gif');}
		.w_bl		{float:left;  display:inline; height:10px; width:5px; background-image:url('images/white/w_l.gif');}
	
	#footerbox {font-size: 12px; line-height: 20px;}
	#footerbox a {color: #aaa;}
	#footerbox a:hover	{color:#3399ff;}
	#footerbox .small	{font-size:9px; line-height: 14px; color: #999;}
	#footerbox .header	{font-size: 14px; margin-bottom:5px; font-weight: bold; border-bottom:1px solid #333}


ul.resourceList {
	margin: 0 0 20px 0;
	}

ul.resourceList li {
	background: url(http://www.trinitytheatre.ca/wp-content/uploads/2011/05/icon_PDF_16x16.png) no-repeat left 4px !important;
	padding-left: 22px !important;
	list-style: none;
	margin: 10px 0;
	font: normal 11pt/13pt Arial, Helvetica, sans-serif;
        border-bottom: 1px dotted #CCC;
	}

input#pwbox-463 {
	border: 1px solid #CCC;
	margin: 5px 0;
	}


/* Rounded Boxes Section*/
	.bl1 {background: url(images/1box/bl.gif) 0 100% no-repeat #eee; width: 100%}
	.br1 {background: url(images/1box/br.gif) 100% 100% no-repeat}
	.tl1 {background: url(images/1box/tl.gif) 0 0 no-repeat}
	.tr1 {background: url(images/1box/tr.gif) 100% 0 no-repeat; padding:15px}
	.clear {font-size: 1px; height: 1px}
	
	.bl2 {background: url(images/2box/bl.gif) 0 100% no-repeat #cee4f0; width: 100%}
	.br2 {background: url(images/2box/br.gif) 100% 100% no-repeat}
	.tl2 {background: url(images/2box/tl.gif) 0 0 no-repeat}
	.tr2 {background: url(images/2box/tr.gif) 100% 0 no-repeat; padding:15px}
	.clear {font-size: 1px; height: 1px}