

/* START new css layout for cdc - .____________________________________  */

html {
   
    margin-top: 0px;
    margin-right: auto;
	margin-left: auto;
	width: 100%;
    padding: 0;   
    background: #dbdbdb;
   
}

body {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    padding: 0;   
    background: #fff;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 80%; 
    border-left: #555454 1px double;
    border-bottom: #555454 1px double;
    border-right: #555454 1px double;
}



table.sq {
   border: 3px double #cccccc;  padding: 5px;

}

.td {
   border-right: groove #afa7cd 1px double;

}

.td_b {
   border-bottom: groove #afa7cd 1px double;

}

.td_t {
   border-top: groove #afa7cd 1px double;

}

.td_all {
   border: groove #afa7cd 1px double;

}

.copyright_b {  
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 10px; 
font-weight: bold; 
color: #000; 
text-align: left
}

.copyright {  
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 10px; 
font-weight: none; 
color: #000; 
text-align: left}

.copyright_r {  
font-family: Geneva, Arial, Helvetica, san-serif; 
font-size: 10px; 
font-weight: bold; 
color: #fb0606; 
text-align: left}

#top{
    height: 115px;
    width: 1000px;  
    background: #fff;
	
	

}

#top_log{
    height: 115px;
    width: 1000px;
    margin-top: 0;  
    background: url(images/danceSliced2_03.gif) #fff; 
	
}

#top_left{
    background: #FFFFFF; 
    float:left; 
    width: 508px; 
    position: relative; 
    height: 115px;  
   
}

#top_right{
    background: #fff;
    float:left; 
    width: 467px; 
    position: relative; 
    height: 115px; 
    margin-top: 0; 
}

#top_log2{
    height: 33px;
    width: 1000px;
    margin-top: 0;  
    background:  url(images/danceSliced2_06.gif)  #fff; 
	
}

#top_left2{
    background: #FFFFFF; 
    float:left; 
    width: 303px; 
    position: relative; 
    height: 33px;  
   
}

#top_right2{
    background: #fff;
    float:left; 
    width: 672px; 
    position: relative; 
    height: 33px; 
    margin-top: 0; 
}

#top_mid{
    background:url(../layout/images/re_6.gif); 
    float: right; 
    width: 824px; 
    position: relative; 
    height: 55px; 
	
}

#sidebar{
    float: left;
    width: 175px;
    background:#fff;
   
}

/* Left column Navigation Layout____________________________________  */


#leftcol_t {
	background: url(../layout/images/lef_bar_tit3.gif) no-repeat #FFFFFF; 
	float: left; 
	width: 176px; 
	position: relative; 
	height: 58px;
}

#leftcol_b {
	background:  #fff; 
	float: left; 
	width: 175px; 
	position: relative; 
	height: 435px;
}

#leftcol_but {
	background: url(images/cdc_logo.gif) no-repeat #FFFFFF; 
	float: left; 
	width: 175px; 
	position: relative; 
	height: 194px;
}

.left_nav_img1 {
	margin-top: 30px; 
	float: right; 
	margin-right: 20px; 
	position: relative;
}


/* MAIN - working/data area____________________________________  */


#main{
     float: left;
     background: url(images/back_2.gif) no-repeat #fff;
     width: 824px;

    
}

#main1{
     float: left;
     background: url(images/back_3.gif) no-repeat #fff;
     width: 824px;

    
}

#main2{
     float: left;
     background: url(images/back_4.gif) no-repeat #fff;
     width: 824px;

    
}

#main3{
     float: left;
     background: url(images/back_5.gif) no-repeat #fff;
     width: 824px;

    
}

#main4{
     float: left;
     background: url(images/back_6.gif) no-repeat #fff;
     width: 824px;

    
}

#main5{
     float: left;
     background: url(images/back_11.gif) no-repeat #fff;
     width: 824px;

    
}

#main6{
     float: left;
     background: url(images/back_8.gif) no-repeat #fff;
     width: 824px;

    
}

#main7{
     float: left;
     background: url(images/back_9_1.gif) no-repeat #fff;
     width: 824px;

    
}

#main8{
     float: left;
     background: url(images/back_10.gif) no-repeat #fff;
     width: 824px;

    
}

#main9{
     float: left;
     background: url(images/back_11.gif) no-repeat #fff;
     width: 824px;

    
}

#main10{
     float: left;
     background: url(images/back_12.gif) no-repeat #fff;
     width: 824px;

    
}

#main11{
     float: left;
     background: url(images/back_13.gif) no-repeat #fff;
     width: 824px;

    
}
#main12{
     float: left;
     background: url(images/back_14.gif) no-repeat #fff;
     width: 824px;

    
}
#main13{
     float: left;
     background: url(images/back_15.gif) no-repeat #fff;
     width: 824px;

    
}
#main14{
     float: left;
     background: url(images/back_16.gif) no-repeat #fff;
     width: 824px;

    
}
#main15{
     float: left;
     background: url(images/back_17_b.gif) no-repeat #fff;
     width: 824px;

    
}
#main16{
     float: left;
     background: url(images/back_18.gif) no-repeat #fff;
     width: 824px;

    
}
#main17{
     float: left;
     background: url(images/back_19.gif) no-repeat #fff;
     width: 824px;

    
}
#main18{
     float: left;
     background: url(images/back_20.gif) no-repeat #fff;
     width: 824px;

    
}

#main19{
     float: left;
     background: url(images/back_21.gif) no-repeat #fff;
     width: 824px;

    
}
#main20{
     float: left;
     background: url(images/back_22.gif) no-repeat #fff;
     width: 824px;

    
}

#main23{
     float: left;
     background: url(images/back_23.gif) no-repeat #fff;
     width: 824px;

    
}


#main_sch{
     float: left;
     background: #fff;
     width: 824px;

    
}

#main_top{
     float: left;
     background: url(images/top_back.gif) no-repeat #fff;
     width: 824px;
	 height: 126px;
    
}


textarea { 
    background-color: #f6f4fd; 
    color: #000;
    width: 320px; 
}


#footer{
    height: 30px;
    width: 1000px;  
    clear: both;
	background:#fff;
    
}

.nofloat{
    clear: both; 
    background: #fff; 

}

/* END new css layout for nbd - prod._______________________*/






/* css from back2.css  \\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.left_nav_text1 {
	MARGIN-TOP: 32px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	FLOAT: left; 
	MARGIN-LEFT: 5px; 
	COLOR: #160556; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	POSITION: relative
}

.left_nav_text2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #514677; 
	LINE-HEIGHT: 130%; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.left_nav_text3 {
	FONT-SIZE: 11px; 
	COLOR: #160556; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

A {
	COLOR: #8a82c6; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #8a82c6; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: black; 
	TEXT-DECORATION: underline;
}



.map_text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.map_text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
.map_text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
}
.map_text4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #336699;
}
.map_text6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:right;
	color: #336699; text-indent:2px; line-height:20px;

}

.map_text_main 
{
    font-family:     Verdana, Arial, Helvetica, sans-serif;
    font-size:       11px;
    
    color:           #1e1a2e;
}

.map_text_main2 
{
    font-family:     Verdana, Arial, Helvetica, sans-serif;
    font-size:       9px;
    
    color:           #1e1a2e;
}

.map_text_main2_r 
{
    font-family:     Verdana, Arial, Helvetica, sans-serif;
    font-size:       9px;
    
    color:           #db0528;
}

.heading1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif
}
.heading2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif
}
.subHeadBlue {
	FONT: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #336699
}

.fieldNameRequired {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #003359; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.fieldName {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.padded {
     padding: 6px;
}

/*_________________________________________*/ 

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* GET slide ----------------------------------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}