body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/App_Themes/ImpactDance/images/background.jpg) top center repeat-y #FFCCCC;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
span.pBold {
	font-weight: bold;
}
p {
	font-size: 70%;
	line-height: 20px;
}
h1 {
	font-size: 85%;
	color: #09F;
	border-bottom: 1px solid #09F;
	margin-bottom: 10px;
}
h2 {
	font-size: 80%;
	color: #FF6666;
}
h3 {
	font-size: 75%;
	color: #666;
}
h4 {
	font-size: 70%;
	
}
div#dancer {
	background: url(/App_Themes/ImpactDance/images/dancer.png) top left no-repeat;
	width: 271px;
	height: 649px;
	position: absolute;
	left: 660px;
}
div#impactOuter {
	position: relative;
	width: 890px;
	margin: 0 auto;
}

div#topBar {
	float: left;
}
div#topBar div.leftBox {
	float: left;
	background: url(/App_Themes/ImpactDance/images/upperLeft.jpg) top left no-repeat;
	width: 353px;
	height: 152px;
}
div#topBar div.middleLogo {
	float: left;
}
div#topBar div.rightBox {
	float: left;
	background: url(/App_Themes/ImpactDance/images/upperRight.jpg) top left no-repeat;
	width: 351px;
	height: 152px;	
}


div#upperMenu {
	border-bottom: 1px solid #C2A366;	
	width: 880px;
	margin: 0 auto;
	margin-bottom: 10px;
}
div#upperMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#upperMenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 75%;
	background: url(/App_Themes/ImpactDance/images/crossBullet.gif) center right no-repeat;
	padding-right: 20px;
	padding-left: 6px;
}
div#upperMenu ul li.last {
	background: none;
}
div#upperMenu a:link, div#upperMenu a:visited {
	color: #630;
	text-decoration: none;
}
div#upperMenu a:link:hover, div#upperMenu a:visited:hover {
	color: #C00;
	text-decoration: none;
}

/*# maincontent #*/
div#mainContent {
	float: left;
	background: url(/App_Themes/ImpactDance/images/pageBackground.jpg) bottom right repeat-x;
	min-height: 510px;
	padding-bottom: 100px;	
}
div#mainContent div.subjects {
	padding: 10px;
}
div#mainContent div.subjects ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#mainContent div.subjects ul li {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;	
}
div#mainContent div.subjects ul li.pinkBullet {
	background: url(/App_Themes/ImpactDance/images/pinkBullet.gif) center center no-repeat;
	width: 9px;
	height: 14px;
}

div#mainContent div.leftMenu {
	width: 180px;
	float: left;
}
div#mainContent div.leftMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 25px;
	padding-top: 10px;
}
div#mainContent div.leftMenu ul li {
	margin: 0;
	padding: 0;
	font-size: 75%;
	background: url(/App_Themes/ImpactDance/images/crossBullet.gif) center right no-repeat;
	text-align: right;
	line-height: 36px;
	padding-right: 25px;
}
div#mainContent div.leftMenu a:link, div#mainContent div.leftMenu a:visited {
	color: #630;
	text-decoration: none;
}
div#mainContent div.leftMenu a:link:hover, div#mainContent div.leftMenu a:visited:hover {
	color: #C00;
	text-decoration: none;
}

div#mainContent div.leftMenu div.istdLogo {
	text-align: center;
	width: 120px;
	margin: 0 auto;
	margin-top: 80px;
}
div#mainContent div.leftMenu div.istdLogo p {
	font-size: 65%;
}
div#mainContent div.middleContent {
	width: 358px;
	float: left;
	padding-top: 10px;
}

div#mainContent div.middleContent a:link, div#mainContent div.middleContent a:visited {
	color: #F66;
	text-decoration: none;
}
div#mainContent div.middleContent a:link:hover, div#mainContent div.middleContent a:visited:hover {
	color: #C00;
	text-decoration: none;	
}

div#mainContent div.rightContent {
	width: 351px;
	float: right;
}
div#mainContent div.rightContent div.imageBoxes {
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 10px;
}
div#mainContent div.rightContent div.imageBoxes div.imageBox {
	width: 150px;
	height: 100px;
	border: 1px solid #EEE;
	background-color: #CCC;
	margin-bottom: 3px;
}
.imageBox_1 {
	background: url(/App_Themes/ImpactDance/images/homepageMont_1.jpg) top left no-repeat;
}
.imageBox_2 {
	background: url(/App_Themes/ImpactDance/images/homepageMont_2.jpg) top left no-repeat;
}
.imageBox_3 {
	background: url(/App_Themes/ImpactDance/images/homepageMont_3.jpg) top left no-repeat;
}

div#footer div.mainFoot {
	float: left;
	padding-left: 5px;
}
div#footer div.mainFoot p {
	font-size: 65%;
	color: #666;
}
div#footer {
	height: 110px;
	float: left;
	width: 890px;
	background: url(/App_Themes/ImpactDance/images/footerBgrnd.jpg) top left repeat-x;
}
div#footer div.mdb {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
div#footer div.mdb div.mdbLogo {
	margin-top: 5px;
	float: left;
}
div#footer div.mdb p {
	font-size: 10px;
	color: #666;
	float: left;
}
div#footer div.mdb a:link, div#footer div.mdb a:visited {
	color: #333;
	text-decoration: none;
}
div#footer div.mdb a:link:hover, div#footer div.mdb a:visited:hover {
	color: #C00;
	text-decoration: none;	
}

/*#gallery classes #*/
div.galleryThumbnail{
	border: 1px solid #333;
	float: left;
	margin-right: 2px;
	width: 110px;
	height: 70px;
	background-color: #666;
	margin-bottom: 2px;
	text-align: center;
}
div.galleryThumbnail:hover {
	border: 1px solid #C00;
} 
div.galleryThumbnail div.thumbnail {
	background-position: center center; 
	background-repeat: no-repeat;
	width: 110px; 
	height: 70px;
	margin: 0 auto;
}
tr.ImageGalleryPager {
	font-size: 11px;
}
tr.ImageGalleryPager img {
	border: 1px solid #333;
}
div.googleMap {
	width: 350px;
	height: 300px;
	border: 1px solid #333;
}
div.eventPreview {
	border: 1px dotted #CCC;
	margin-bottom: 5px;
	padding: 5px;
}
div#contentFooter {
	margin-top: 20px;
	border-top: 1px solid #F66;
}
div#contentFooter div.left {
	float: left;
}
div#contentFooter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 10px;
}
div#contentFooter ul li {
	font-size: 11px;
}
div#contentFooter div.left a:link, div#contentFooter a:visited {
	color: #F66;
}
div#contentFooter div.left a:link:hover, div#contentFooter a:visited:hover {
	color: #C00;
}
div.contactForm {
	border: 1px dotted #CCC;
}
div.contactForm table {
	padding: 3px;
}
div.contactForm table th {font-size: 10px; font-weight: bold; text-align: left;}
div.contactForm table td {font-size: 12px;} 
div.contactForm table td p {font-size: 11px;}
div.contactForm .ErrorLabel {color: #C00; font-size: 10px; padding: 5px;}
div.contactForm .EditingFormErrorLabel {color: #C00; font-size: 10px;}

