body.schooldance {
    font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin:0px 0px; 
	padding:0px; /* Need to set body margin and padding */
	text-align:center; /* Hack for IE */
	font-size:12px; 
    line-height:16px;
	}

#mainCenter {
        width:800px;
        margin:0px auto; /* Right and left margin widths set to "auto" */
        text-align:left; /* Counteract to IE */
}
table, tr, td {
    vertical-align:top;
    font-size:12px; 
    line-height:16px;
}

input, select, textarea {
	font-size: 12px;
	text-decoration: none;
	color: black;
}

img {
border:0px;
}

img.floatRight{
	margin:4px;
	float: right;
	}
	
img.floatLeft {
	margin:4px;
	padding: 4px;
	float:left;
	}

H1 { font-family: Arial, Helvetica, Sans-Serif; font-size: 20px; text-decoration: none; color: #999999; padding: 0; margin-top: 0; margin-bottom: 2; border: 0; font-weight: bold }
H2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; text-decoration: none; color: #666666; padding: 0; margin-top: 0; margin-bottom: 2; border: 0; }
H3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; color: #333333; padding: 0; margin-top: 0; margin-bottom: 2; border: 0; font-weight: bold }
H4 { font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; text-decoration: none; color: #669900; padding: 0; margin-top: 0; margin-bottom: 2; border: 0; font-weight: bold }
H5 { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-decoration: none; color: #000000; padding: 0; margin-top: 0; margin-bottom: 2; border: 0; }

ul { margin: 0px 0px 0px 5px; border: 0px 0px 0px 0px; padding: 0px 0px 0px 5px }
li {
	margin: 0px 4px 0px 4px;
	border: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	list-style-position:outside;
	list-style-type: circle;
	display:list-item;
}

td.space1 {
	background-color:#663333;
	height:2px; }
td.space2 {
	background-color:#cc3333;
	height:2px;
	 }


/*header */

#schoolheader {
background-image: url("../schooldance/images/schoolheader.jpg"); 
height: 128px;
}

#headerBlock {
	margin-left:600px;
	margin-top:39px;
	margin-right:10px;
	}
	
.headerBlockLink{
    border-bottom:1px dotted #ffffff;
	padding:2px;
	text-align:right;
}

a.header_links {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color: #FFE99C;
font-weight:bold;
}

a.header_links:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color: #FFE99C;
font-weight:bold;
}

a.header_links:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #ffffff;
font-weight:bold;
}

a.header_links:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #ffffff;
font-weight:bold;
}

/*top navigation */
table#topNavi {
background-image: url("../schooldance/images/navi_bg_top.jpg");
background-repeat:repeat;
text-align:center;
}

/* main content */
table.container {
background-color:#cccccc; 
}

table.container_content {
background-image:url("../schooldance/images/content_bg.jpg");
background-repeat:yes;
}

/* index page */
td.indexImg {
background-color:#cccccc;
vertical-align:middle;
padding:0px;
text-align:center;
}

td.indexIntro {
text-align:center;
}

td.indexIntro1 {
text-align:center;
background-color:#aba26f;
}

td.indexIntro3 {
text-align:center;
background-color:#97a88b;
}


.indexTitle {
font-size: 1.2em; 
font-weight: bold; 
text-decoration: none; 
text-align:center;
padding-top:3px;
}


.indexContent {
	width:95%;
	color:#0c0a0a;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:3px;
}

.indexTitle a, .indexContent a{
text-decoration:none;
color:#d00253;
}


/* left pannel */

td#blockLeft {
/*background-color:#CEAD5A; */
}

td#blockLeft a{
text-decoration:none;
color:#f70626;
}

.blockSample {
padding:0px 7px 15px 7px;
text-align:center;
clear:both;
}

/* center pannel */
td#blockCenter {
background-color:#666666;
}

.quicklinkTitle {
	font-family: Trebuchet MS, verdana, arial;
	color:#b5b6b7;
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: none;
	padding-left:6px;
	padding-top:6px;
	}

.quicklinkContent {
    color:#cccccc;
    font-size: 12px; 
	padding:6px;
	clear:right;
}

a.quick_links {
text-decoration:none;
color: #ffffff;
}

a.quick_links:visited {
text-decoration:none;
color: #ffffff;
}

a.quick_links:hover{
text-decoration:underline;
}

a.quick_links:active {
text-decoration:underline;
}

.divider {
	background-color: #CCCCCC;
}

/* right pannel */

td#blockRight {
background-color:#000000;
font-size: 12px;
width:245px;
}

#blockRight a {
font-size:12px;
text-decoration:none;
color: #ffcd31;
font-weight:bold;
}

#blockRight a:visited {
text-decoration:none;
}

#blockRight a:hover {
text-decoration:none;
color: #ffffff;
}

#blockRight a:active {
text-decoration:none;
color: #ffffff;
}

.blockRgtBlack {
    padding:0px 1px 15px 1px;
	clear:both;
	color:#ffffff;
	text-align:center;
}

.blockRgtImg {
    padding:5px 1px 10px 1px;
    text-align:center;
	clear:both;
}

.blockGray{
    padding:3px 0px 10px 0px;
	text-align:center;
	background-color:#cccccc;
	clear:both;
}

.blockTitle{
    text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	clear:both;
}

.blockContent {
    text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:10px;
	font-size:12px;
	color: #ffffff;
}






/* content page */

div#pageMain {
	margin:1px;
	width:552px;
}
.pageTitleBlock { 
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align:right;
padding: 10px 10px 6px 6px; 
font-size: 20px; 
font-weight: bold; 
text-decoration: none;
color:#ffffff;}

.pageContentBlock {
	padding: 3px 6px 3px 10px; 
	font-size:12px;
	line-height:18px;
	color: #cccccc;
	width:530px;
}


.pTitle {
font-family:Helvetica,Verdana, Arial, sans-serif;
font-size: 18px; 
font-size: 16px; 
font-weight: bold; 
text-decoration: none;
color:#ffffff;
}

.pTitleIndent{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px; 
font-weight: bold; 
text-decoration: none;
color:#cccccc;
margin-left: 150px;
}

#pageMain p{
	font-size:12px;
	line-height:18px;
	color: #cccccc;
	}
#pageMain p.indent {
margin-left:150px;
}

#pageMain a{
color: #ffffff;
text-decoration:underline;
}

/* feedback */





/*bottom navigation */
table.btmNavi {
background-image: url("../schooldance/images/navi_bg_btm.jpg");
text-align:center;
}

/*footer */
td#footer {
background-image: url("../schooldance/images/footer_bg.jpg"); 
width:800px;
height:98px;
background-repeat:none;
}

#footer #copyright {
text-align:center;
	font-size:11px;
	color: #000000;
	padding-top:6px;
	pa2dding-bottom:6px;
	padding-left:20px;
	padding-right:20px;
	}
