/* IE6 PNG HACK
	> Use absolute URLs here & in htc file so don't have to place htc & 1x1trans.gif files in EACH folder with pages using png images.  >>>>>>> NOTE: Ron DePriest worked, but tampabaylawyers.com did not.  Keep testing... <<<<<<<
	
	- Can't do png bullets.
	- Images can't be tiled (a limitation of the IE filter), but they can be stretched.
	  So, use repeat but not x/y, or size img for whole area.
	- It's most reliable on elements with non-'auto' dimensions. So use '%/em/px' width/height values.
	- Padding and borders don't indent the PNG image. An easy fix is wrapping your PNG images in container DIVs or similar.
	- Source: http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ */
img { behavior: url(http://daretodance.org/Scripts/iepngfix.htc) }

/* ______________________________________________ LINKS ________________________________________________ */

a:link { color: #8E22AB; text-decoration: underline }
a:visited { color: #8E22AB; text-decoration: underline }
a:hover { color: #FFFFFF; text-decoration: none; background: #8E22AB }
a:active { color: #FFFFFF; text-decoration: none; background: #8E22AB }

.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 7px }
.footerlinks a:link { color: #FFFFFF; text-decoration: none }
.footerlinks a:visited { color: #FFFFFF; text-decoration: none }
.footerlinks a:hover { color: #8E22AB; text-decoration: none; background: #FFFFFF }
.footerlinks a:active { color: #8E22AB; text-decoration: none; background: #FFFFFF }


/* -- SUBNAV (LIST IN DIV) -- */
	/* To adjust padding, must do top & bottom the same for BOTH "subnav" & "subnav ul li a".
	Sides are just done in the link. */
.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	margin: 0;
	padding: 4px 0 5px 0;
	color: #000000;
	background: #FFE617;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid }
.subnav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none }
.subnav ul li {
	display: inline;
	white-space: nowrap;
	background: none;
	margin: 0;
	padding-left: 0 }
.subnav ul li a:link {
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 5px 8px 6px 8px;
	color: #000000;
	background: #FFE617;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000 }
.subnav ul li a:visited {
	text-decoration: none;
	margin: 0 -1px 0 0;
	padding: 5px 8px 6px 8px;
	color: #000000;
	background: #FFE617;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000 }
.subnav ul li a:hover {
	text-decoration: none;
	color: #FFE617;
	background: #000000 }
.subnav ul li a:active {
	text-decoration: none;
	color: #FFE617;
	background: #000000 }

/* These sidebar rules control link properties only. To adjust other aspects, see CUSTOM area below. */
.sidebar-content a:link { color: #8E22AB; text-decoration: underline }
.sidebar-content a:visited { color: #8E22AB; text-decoration: underline }
.sidebar-content a:hover { color: #FFFFFF; text-decoration: none; background: #8E22AB }
.sidebar-content a:active { color: #FFFFFF; text-decoration: none; background: #8E22AB }

/* These imglinks rules are only needed if background-color or border-bottom is used on normal links. */
.imglinks { background-color: transparent }
.imglinks a:link { background-color: transparent }
.imglinks a:visited { background-color: transparent }
.imglinks a:hover { background-color: transparent }
.imglinks a:active { background-color: transparent }

/* Match style to .form-btn. Use for other places a single btn is wanted. */
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #8E22AB;
	border-left: #AF44CD 2px solid;
	border-top: #AF44CD 2px solid;
	border-right: #6C0089 2px solid;
	border-bottom: #6C0089 2px solid }
.btn a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	background: transparent;
	display: block }
.btn a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	display: block }
.btn a:hover {
	color: #6C0089;
	text-decoration: none;
	background-color: #C89DEA }
.btn a:active {
	color: #6C0089;
	text-decoration: none;
	background-color: #C89DEA }

/* _____________________________________________ HTML TAGS _____________________________________________ */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	line-height: 135%;
	margin: 0 }
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	list-style-type: none;
	line-height: 140%;
	margin-top: 10px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-left: 0 } /* try setting this to 0, then margin-left is all I need to adjust */
ul li { 
	background-image: url(images/_shared/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 16px }
ol_unused {
	line-height: 135%;
	margin-top: 10px;
	margin-bottom: 5px }
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
	margin-top: 0;
	margin-bottom: 0 }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	word-spacing: .05em;
	margin-top: 0;
	margin-bottom: 15px }
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8E22AB;
	text-align: center;
	text-transform: capitalize;
	line-height: 125%;
	margin-top: 0;
	margin-bottom: 10px }
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0 }
hr {
	border: none;
	border-top: #8E22AB 1px solid;
	height: 1px;
	width: 80%;
	text-align: center;
	margin-top: 17px;
	margin-bottom: 17px }

/* ___________________________________________ CUSTOM STYLES ___________________________________________ */

.bold { font-weight: bold }
.italic { font-style: italic }
.bold-italic { font-weight: bold; font-style: italic }
.bold-red { font-weight: bold; color: #CC0000 }
.p-no-justify_unused { text-align: left }
.p-align-right_unused { text-align: right }
.p-align-center { text-align: center }
.block-indent { margin-left: 15px }
.p-half-space-center { text-align: center; margin-bottom: 7px }
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: -.05em;
	line-height: 120% }
.smalltext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: -.05em;
	line-height: 120% }
.img-right { float: right; margin-left: 15px; margin-bottom: 7px }
.img-left { float: left; margin-right: 15px; margin-bottom: 7px }
.ul-header { margin-bottom: -10px }
.border----home-logo { border: #000000 1px solid }
.border-simple_unused { border: #000000 1px solid }
.event-listings { padding: 0 0 5px 0; margin: 0 0 18px 0; border-bottom: #AF44CD 1px solid }
.sidebar-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #F4DC00;
	text-align: center;
	padding: 3px }
.sidebar-content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: -.02em;
	background: #FFF06F;
	padding: 4px }
.sidebar_outer-border {
	width: 173px;
	border-top: #DDC425 1px solid;
	border-bottom: #FFF8B9 1px solid;
	margin: 0 0 25px 0 }
.newsletter-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: -.02em;
	background: url(images/_shared/nl-sub_bkgrd.gif) no-repeat;
	text-align: center;
	padding: 7px;
	border-top: #6A631C 1px solid;
	border-bottom: #8C853E 1px solid }
.infotable-full { border-top: #AF44CD 1px solid; border-left: #AF44CD 1px solid }
.infotable-full td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
	background: #FFFFFF;
	border-right: #AF44CD 1px solid;
	border-bottom: #AF44CD 1px solid;
	padding: 5px }
.infotable-full th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #8E22AB;
	text-align: center;
	border-right: #AF44CD 1px solid;
	border-bottom: #AF44CD 1px solid;
	padding: 5px }
.infotable-full .infotable-subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
	background: #C89DEA;
	text-align: center;
	border-right: #AF44CD 1px solid;
	border-bottom: #AF44CD 1px solid;
	padding: 3px }
.infotable-full ul { line-height: 150% }
.infotable-no-border td { border: none; padding: 2px }
.infotable-btm-border td { border-right: none; padding: 2px }
.h1-mod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	word-spacing: .05em }
.caption {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	line-height: 120%;
	background: #000000;
	padding: 3px }
.accent {
	color: #8E22AB;
	font-style: italic;
	line-height: 130%;
	text-align: center;
	background: #C89DEA;
	padding: 7px;
	border: #8E22AB 1px solid;
	margin-right: 4px }
.accent2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: italic;
	line-height: 130%;
	text-align: left;
	background: #C89DEA;
	padding: 9px }
.accent3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 130%;
	text-align: center;
	background: #C89DEA;
	padding: 3px }
.vertical-line { /* used on theatre-company page */
	border-right: #AF44CD 1px solid }

/* ______________________________________________ PAYPAL _______________________________________________ */

.paypal-banner { width: 100%; text-align: center; margin: 10px 0 0 0 }
.paypal input {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	border: none }
.paypal p { margin-bottom: 7px }
	
/* ______________________________________________ FORMS ________________________________________________ */

form { margin: 0 }
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: right }
input, textarea, select, .form-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #C89DEA;
	padding-left: 3px;
	padding-right: 3px;
	border-left: #734895 1px solid;
	border-top: #734895 1px solid;
	border-right: #FBCFFD 1px solid;
	border-bottom: #FBCFFD 1px solid }
.form-radio, .form-ckbox {
	background: none;
	padding-left: 0;
	padding-right: 0;
	border: none }
.form-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8E22AB;
	border-left: #AF44CD 2px solid;
	border-top: #AF44CD 2px solid;
	border-right: #6C0089 2px solid;
	border-bottom: #6C0089 2px solid }
.newsletter-sub input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #C1B442;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	border-left: #6A6000 1px solid;
	border-top: #6A6000 1px solid;
	border-right: #EFE786 1px solid;
	border-bottom: #EFE786 1px solid;
	margin: 5px 0 5px 0 }
.newsletter-sub .form-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .05em;
	font-weight: bold;
	text-transform: uppercase;
	color: #554000;
	background-color: #F4DD03;
	border-left: #FFFD8E 2px solid;
	border-top: #FFFD8E 2px solid;
	border-right: #AA9112 2px solid;
	border-bottom: #AA9112 2px solid }
.infotable-full input {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	border: none }
	
/* __________________________________________ TEMPLATE ITEMS __________________________________________  */

#container { width: 770px; border: #000000 1px solid }
#pg-title { width: 594px; background: #000000; text-align: center }
#sidebar { width: 174px; background: url(images/_shared/sidebar_bkgrd.gif) repeat-y }
#right-col {
	float: right;
	width: 155px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: italic;
	line-height: 130%;
	text-align: center;
	background: #C89DEA;
	padding: 9px;
	margin-left: 10px;
	margin-bottom: 7px }
.right-col-as-td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: italic;
	line-height: 130%;
	text-align: center;
	background: #C89DEA;
	padding: 9px }
#footer { background: url(images/_shared/footer_bkgrd.gif) repeat-x; text-align: center }
#s7p {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	letter-spacing: .08em;
	text-align: center;
	padding: 5px }
#content { background: #FFFFFF; padding: 20px 18px 20px 18px }
#content-subnav { background: #FFFFFF; padding: 0 15px 20px 15px }

/* _______________________________________________ BODY ________________________________________________ */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: url(images/_shared/pg-bkgrd.jpg) repeat-x fixed;
	background-color: #B277E1;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #B277E1;
	scrollbar-shadow-color: #B277E1;
	scrollbar-highlight-color: #B277E1;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000 }
html { margin: 0; padding: 0; height: 100% }

/* _____________________________________________ NOTES ________________________________________________ */

/* When wanting to change a used style, check where it's currently used by doing a Find (but not Replace). Search for source code, not tag */