/* Unique styles for Fenton School of Dance */


.homepageheaders { font: 15px arial, helvetica, sans serif; color: #F8674E; font-weight:bold; background-color: #e6e6e6; border-bottom: 2px solid #ffffff; padding: 4px; padding-bottom: 0em; margin-bottom: 0em;}
.homepageheader1 { padding: 4px; font: 13px arial, helvetica, sans serif; color: #333333; font-weight:bold; background-color: #D8E5F2 }
.homepageheader2 { padding: 4px; font: 11px arial, helvetica, sans serif; color: #333333; background-color: #D8E5F2}
.homepageheader3 {font: 12px arial, helvetica, sans serif; color: #333333; font-weight:bold; border-top: 1px solid #CAD6E0; padding:2px; margin-top: 10px;}

.shadetext { color: #A2A2A2; background-color: transparent; }

/* Unique table styles */

table.homepagegrid { border: 1px solid #ffffff; border-collapse: collapse; background-color:#f1f1f1;}
table.homepagegrid td { font-size: 11px; }


/* Home Page Design Features */

#hpmenu { /* the main  */
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	width: 651px;
	height:360px
	/*voice-family: "\"}\""; voice-family: inherit;*/
	/*width: 645px;*/
	}

#choice { /* the UL ID definition */
 	margin: 10px 0 0 0 ;
 	padding: 0px;
	list-style: none;
	position: relative;
	z-index: 99;
  }

#choice li.mainchoice1, #choice li.mainchoice2, #choice li.mainchoice3, 
#choice li.mainchoice4, #choice li.mainchoice5, #choice li.mainchoice6{
  	float: left;
	margin-top: 5px;
  	padding: 0px;
  	line-height: normal;
	color: #000;
	display: block;
  }

#choice li.mainchoice1 {
  width: 230px; border-right: 1px solid #efefef;
  }	
	
#choice li.mainchoice2 {
  width: 200px; border-right: 1px solid #efefef;
  }	
	
#choice li.mainchoice3 {
  width: 210px
  }

#choice li.mainchoice4 {
  width: 230px; border-right: 1px solid #efefef;
  }
  
#choice li.mainchoice5 {
  width: 200px; border-right: 1px solid #efefef;
  }	
	
#choice li.mainchoice6 {
  width: 210px
  }
  
#choice li.mainchoice1 span, #choice li.mainchoice2 span, #choice li.mainchoice3 span,
#choice li.mainchoice4 span, #choice li.mainchoice5 span, #choice li.mainchoice6 span {
	font-size: 160%;
	color: #00344d;
	font-family: Verdana;
	margin-left: 20px;
	padding-top: 15px; margin-top: 20px
}

/* Feature Graphics */
	
#hpfeature {
	width: 500px; 
	height: 109px; 
	margin-top: 10px;
	}

#hpfeaturenew {
	background-image:url(/images/picture/handsonkeys651c.jpg); 
	width: 651px; 
	height: 96px; 
	margin-top: 0;
	margin-left: 100
	}

#ppmcomfeature {
	background-image:url("/images/pm_community.jpg"); 
	width: 330px; 
	height: 86px; 
	margin-top: 2px;
	}

/* Accent Table and Headings -- stands out on a page
------------------------------------------------------- */		

div.wordnote {
background-color: #FEE9EF; 
border-color: #F9AEC5; 
border-style: solid; border-width: 3px; padding-left: 4px; 
padding-right: 4px; padding-top: 1px; padding-bottom: 1px}

div.accenttable {
background-color: #eeeeee;
border-top: solid 1px #cccccc; 
border-bottom: solid 1px #cccccc; 
border-right: solid 1px #cccccc; 
border-left: solid 1px #cccccc; 
}

div.accenthead {
background-color: #eeeeee;
border-top: solid 2px outset #cccccc; 
border-bottom: solid 2px outset #cccccc; 
border-right: solid 2px outset #cccccc; 
border-left: solid 2px outset #cccccc; 
}


	
/* Box styles 
------------------------------------------------------- */		
		
/* set the image to use and establish the lower-right position */ 
.feabox, .feabox_body, .feabox_head, .feabox_head h2 {
    background: transparent url("/images/demobox_old.jpg") no-repeat bottom right; 
} 
.feabox { 
    width: 290px !important; /* intended total box width - padding-right(next) */
   /* width: 275px;  IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0 auto; /* use to position the box */ 
		float: right;
} 

/* set the top-right image */ 
.feabox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.feabox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 10px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; /*height: 1%;  IE Holly Hack */ 
		
} 

/* set the lower-left corner image */ 
.feabox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 10px 0 15px 40px; /* mirror .cssbox_head right/left */ 
		font-size: 80%;
} 	

/* Format and Spacing of the WHAT DO YOU WANT TO DO table on the home page */

tr.whattable { background-color: #D8E5F2; 
               border-right: 1px solid #B1CBE5; 
               background-image:url(/images/component_blue.gif);
              }                  


.homespacing { font-family: Verdana, Arial, Helvetica, sans-serif;     
                    font-size: 12px; 
                    margin-top: 7px;             
                    margin-left: opx;
                    margin-right: 0em;
                    margin-bottom: 0em;
               }
    
td.sub2topic {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding-right: 0.25em;  padding-left: 1.25em; text-align: right; vertical-align: middle; }

td.sub2select { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align: right; vertical-align: middle; background-color: #F5673B; padding-right: 0.25em;  padding-left: 1.25em; }


div.proctable {
border-top: solid 1px outset #cccccc; 
border-bottom: solid 1px outset #cccccc; 
border-right: solid 1px outset #cccccc; 
border-left: solid 1px outset #cccccc; 
padding-left: 4px; 
padding-right: 4px; 
padding-top: 1px; 
padding-bottom: 1px}


/* page anchor links  */

ul.anchors {
	margin-left: 0;
	margin-right: 5px;
	background-color: #F7F5ED;
	color: #000;
	padding: 5px;
	border: 1px dashed #C1BBAB;
}

ul.anchors li {
	display: inline;
	font-size: 11px;
	}

/* New and Updated tags  */	
/* span.new-updated-old { color: #9D102D; background-color:#FEE3A2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; border: 1px dotted #C1BBAB; padding: 1px; text-transform:capitalize;}*/
span.new-updated { font-size: 10px; color: #FFF; background-color:#0082d1; font-weight:bold; padding: 2px 3px; text-transform:capitalize;}
/* Gold Certified Tags  */	
span.goldcert { color: #000000; background-color:#ffd20d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; border: 1px dotted #C1BBAB; padding: 1px; text-transform:capitalize;}