/*********************************************************************************************************************/
/* RESET STYLES ******************************************************************************************************/
/*********************************************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************************************************************************/
/* BSB STYLES ********************************************************************************************************/
/*********************************************************************************************************************/

/* BLOCK STYLES ******************************************************************************************************/
body
{
	width: 99.76%;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.3;
	color: #333;
	background-color: #FFF;
}

#header
{
	width: 100%;
	margin: 0;
}

#main
{
	border-top: solid 1px #99B5BF;
	border-bottom: solid 1px #99B5BF;
	margin-left: 3px;
	margin-right: 3px;
}
	
#sidebar
{
	float: left;
	width: 305px; 
	padding: 8px
}

#hotlinks
{
	position: fixed;
	top: 177px;
	left: 860px;
	padding: 8px;
	background-color: #FFF;
}

#content
{
	height: 575px;
	width: 533px; 
    overflow: auto;
    padding: 10px 0 10px 0;
    border-left: solid 1px #99B5BF;
    border-right: solid 1px #99B5BF;
}

#footer
{
	width: 100%;
	padding: 2px;
}

#content-header
{
	margin-left: 10px;
}

.item
{
	border-bottom: solid 1px #99B5BF;
}

.item-content
{
	margin: 10px;
}

.centered
{
	margin: 15px 10px;
	text-align: center;
}

.item-content p
{
	text-align: justify;
	margin-bottom: 10px;
}

.item-list
{
	margin: 30px;
}

.large-item-list
{
	margin: 10px;
	font-size: 12px;
}

.large-item-list p
{
	margin: 10px 0 10px 0;
}

#content div.photo-center
{
	/* Note: Left Margin is one half width of content minus width of photo */
	margin: 15px auto 15px 41px;
}

h1
{
	font-family: Georgia, 'Times New Roman' , Times, Verdana, Serif;
	font-style: italic;
	font-size: 24px;
	color: #e51e26;
	margin: 10px 0;
}

h2
{
	font-weight:	bold;
	font-size:		16px;
	color:			#663;
	margin: 15px 0 5px 0;
}

h3
{
	font-weight:	bold;
	font-size:		14px;
	color:			#036;
	margin: 5px 0;
}

.standout
{
	color: #e51e26;
}

.nobreak
{
	margin-bottom: 0;
	padding-bottom: 5px;
}

.upclose
{
	margin-bottom: 0;
}

.emph
{
	font-style: italic;
}

.photo
{
	text-align: center;
}

.photo-horizontal
{
	text-align: center;
	width: 450px;
}

.photo-vertical
{
	text-align: center;
	height: 450px;
}

.blank
{
	color: #FFF;
}

/* NAVIGATION
**********************************************************************************************/
#navbar
{
	margin-top: 0px;
}

.navtable
{
	/*	cellspacing="2" cellpadding="2" border="0" style="border-width:0px; */
	padding: 2px;
	width: 100%;
	vertical-align: middle;
	border-collapse: separate;
	border-spacing: 2px;
}

.navtable tr
{
	background-color: #99B5BF;
	height: 20px;
}

.navtable td
{
	background-color: #99B5BF;
	vertical-align: middle;
	text-align: center;
}

.navlinkcell
{
	width: 117px;
}

.subnavtable
{
	width: 100%;
}

.subnavtable tr
{
	height: 20px;
}

.subnavtable td
{
	vertical-align: 10px;
	text-align: center;
}

a.mainnav
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.mainnav:link
{
	color: #330;
}

a.mainnav:active
{
	color: #330;
}

a.mainnav:visited
{
	color: #330;
}

a.mainnav:hover
{
	color: #fff;
	text-decoration: underline;
}

a.whitenav
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.whitenav:link
{
	color: #fff;
}

a.whitenav:active
{
	color: #fff;
}

a.whitenav:visited
{
	color: #fff;
}

a.whitenav:hover
{
	text-decoration: underline;
	color: #330;
}

a.subnav
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.subnav:link
{
	color: #99B5BF;
}

a.subnav:active
{
	color: #99B5BF;
}

a.subnav:visited
{
	color: #99B5BF;
}

a.subnav:hover
{
	text-decoration: underline;
	color: #333300;
}


/* LINKS
**********************************************************************************************/
a			{ text-decoration: underline; }
a:link		{ color: #333; }
a:active	{ color: #036; }
a:visited	{ color: #333; }
a:hover		{ color: #663; }

a.headline-small			{ font-size: 14px; font-weight: bold; text-decoration: underline; }
a.headline-small:link		{ color: #663; }
a.headline-small:active		{ color: #e51e26; }
a.headline-small:visited	{ color: #663; }
a.headline-small:hover		{ color: #e51e26; }

a.headline				{ font-size: 14px; font-weight: bold; text-decoration: underline; }
a.headline:link			{ color: #036; }
a.headline:active		{ color: #e51e26; }
a.headline:visited		{ color: #036; }
a.headline:hover		{ color: #e51e26; }

a.large-bold			{ font-size: 12px; font-weight: bold; text-decoration: underline; }
a.large-bold:link		{ color: #333; }
a.large-bold:active		{ color: #036; }
a.large-bold:visited	{ color: #333; }
a.large-bold:hover		{ color: #663; }

a.larger				{ font-size: 14px; text-decoration: underline; }
a.larger:link			{ color: #333; }
a.larger:active			{ color: #036; }
a.larger:visited		{ color: #333; }
a.larger:hover			{ color: #663; }

a.larger-bold			{ font-size: 14px; font-weight: bold; text-decoration: underline; }
a.larger-bold:link		{ color: #333; }
a.larger-bold:active	{ color: #036; }
a.larger-bold:visited	{ color: #333; }
a.larger-bold:hover		{ color: #663; }

a.graphic
{
	border: none;
}


.floatLeft
{
	float: left;
}

/* TYPE STYLES
**********************************************************************************************/

.headline
{
	font-weight:	bold;
	font-size:		14px;
	color:			#036;
}

ul.headline
{
	padding-left: 50px;
	list-style-type: disc;
}

u1.headline li
{
	font-weight:	bold;
	font-size:		16px;
	color:			#663;
}

.item-content ul
{
	list-style-type: disc;
	margin: 0 20px 20px 30px;
	text-align: justify;
}

.item-content li
{
	margin-bottom: 10px;
}

.large
{
	font-size: 13px;
}

.large em
{
	font-family: Georgia, 'Times New Roman' , Times, Verdana, Serif;
	font-size: 12px;
	font-style: italic;
}

.large-bold
{
	font-size: 13px;
	font-weight: bold;
}

.large-bold em
{
	font-family: Georgia, 'Times New Roman' , Times, Verdana, Serif;
	font-size: 12px;
	font-style: italic;
}


.larger
{
	font-size: 14px;
}

.larger em
{
	font-family: Georgia, 'Times New Roman' , Times, Verdana, Serif;
	font-size: 13px;
	font-style: italic;
}

.larger-bold
{
	font-size: 14px;
	font-weight: bold;
}

.larger-bold em
{
	font-family: Georgia, 'Times New Roman' , Times, Verdana, Serif;
	font-size: 13px;
	font-style: italic;
}

.smaller
{
	font-weight: normal;
	font-size: 11px;
	color: #333;
}


.bio-name
{
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

.bio-title
{
	font-size: 11px;
	font-style: italic;
}

.bio-image
{
	margin-top: 10px;
}

.bio-text
{
	font-size: 11px;
}

.caption
{
	font-weight: normal;
	font-size: 11px;
	color: #036;
}

.caption-italic
{
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #036;
}

/*********************************************************************************************/
/* DANCE ITEM STYLES *************************************************************************/

h2.title
{
	margin: 15px 10px;
	text-align: center;
}

.credits
{
	margin: 15px 10px;
	text-align: center;
}

.credits p
{
	font-size: 13px;
	margin: 10px 0;
}


.cast-list
{
	margin: 10px;
}

.cast-list table
{
	margin: 0px 30px 0px 70px;
	border: 0;
	border-spacing: 0;
	padding: 0;
	width: 350px;
}

.cast-list tr
{
	font-size: 12px;
	font-weight: bold;
}

.cast-list td
{
	width: 50%;
}

.staff-list
{
	margin: 10px;
}

.staff-list p
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.separated
{
	margin: 10px 0;
}

.dance-text
{
	margin: 15px 10px;
	text-align: center;
}

.dance-text p
{
	margin: 10px;
	text-align: justify;
}

.board
{
	margin: 10px;
}

.board p
{
	margin: 0 1em 1em 45px;
	font-size: 12px;
}

.schedule
{
	border: solid 1px #333;
	border-spacing: 0;
	width: 485px;
}

.schedule th
{
	border: solid 1px #333;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
	padding: 5px;
}

.schedule td
{
	border: solid 1px #333;
	font-size: 13px;
	vertical-align: top;
	padding: 5px;
}

.sponsor
{
	width: 95%;
	padding: 5px;
	margin: 20px auto 0 auto;
	border-spacing: 0;
}

.sponsor td
{
	padding: 5px 10px 5px 5px;
	vertical-align: top;
}

.sponsor p
{
	margin-top: 5px;
	text-align: justify;
}

.gallery-pair
{
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
	clear: both;
}

#gpleft
{
	float: left;
	padding: 3px;
}

#gpright
{
	float: left;
	padding: 3px 3px 3px 20px;
}

.gallery
{
	width: 500px;
}

.gallery td
{
	width: 200px;
	padding: 8px;
	text-align: center;
	vertical-align: top;
}