#leftcolumn {float:left; width:260px; padding:0; margin:0}
#rightcolumn {float:left; width:525px}

.dropdown {display:block;  position:relative}

.dropdown dt {top:5; width:250px; line-height:35px; border:2px solid #9ac1c9; font-size:16px; font-weight:bold; cursor:pointer; background:url(images/header.gif); padding:0; margin:0}

.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {background:url(images/header_over.gif)}

.dropdown dd {position:absolute; top:0; overflow:hidden; width:250px;  display:none; background:#fff; opacity:0}
.dropdown ul {width:204px; border:1px solid #9ac1c9; list-style:none}
.dropdown li {display:inline; font-size:18px; font-weight:bold }
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}


/*width=409 to 300 250 = 109*/
/*width=399 to 290 240 = 109*/
/*width=380 to 271 221 = 109*/

.listDance {
float:left;
overflow:hidden;
height:550px;width:260px;
}
.listDance ul {
margin:0; padding:0;
list-style:none;
float:left;
width:260px;
}

.listDance ul li {
float:left;
margin:0;
padding:0px 5px 2px 5px;
width:260px;
position:relative;
background:#fff;
}

.listDance ul li.last {
height:4px;
padding:0;
margin:0;
background:none;
}

.listDance ul li .bgTopMenu {
position:absolute;
top:0;
left:0;
width:260px;
height:0px;
background:url(../img/bg_transparent.png) top left no-repeat;
}
.listDance ul li a.move {
float:left;
height:64px;
width:260px;
margin: 7px 0 0 0;
display:inline;
background:url(../img/bg_foyerDancing.gif) top left repeat-x;
text-decoration:none;
cursor:pointer;
}

#wrap #content #centerCol .listDance ul li a.hover {background:#fff;}

.listDance ul li .imgContent {
float:left;
width:260px;
height:196px;
display:none;
}
.listDance ul li .imgContent img {
float:left;
margin:7px 0 0 0;
}
.listDance ul li .first {display:block;}

.listDance ul li a.move .title {
float:left;
width:260px;
height:18px;
padding: 8px 9px 0 9px;
margin:0;
color:#90885c;
font-size:1.4em;
font-weight:bold;

}
.listDance ul li a.move .desc {
float:left;
width:221px;
padding: 0px 9px 0 9px;
margin:0;
color:#625f4f;
font-size:1.1em;
}







/*basic info*/

td, textarea, input, select {
	font-family: Calibri1, Calibri, Verdana, Arial, sans-serif;
	font-size: 15px;
}

/*hyperlink text*/

a:link {
color:#458EC0;
text-decoration:none;
}

a:visited {
color:#458EC0;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:#CE4212;
text-decoration:none;
}

a.linkopacity img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

a.linkopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}






.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}




.container { position: relative; left: 1px; top: 1px; color: #666; }

.text { position: absolute; left: -1px; top: -1px; color: #000;}



.box { float: left; width: 100px; height: 100px; }
#boxContent { border: none; background: #9FC; }
#boxContent { position: relative; left: -5px; top: -5px; }
#boxContainer { position: relative; background: #666; margin: 4px; }







/* http://www.webdesign.org/web/html-and-css/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css.10134.html */

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 








/* http://localhost/enfant2/enfant_babyvoting.php */
/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }





/* http://www.vertexwerks.com/tests/sidebox/ */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}