html { height:100%; max-height:100%; padding:0;margin:0; border:0; background:#f8d9ed; font-size:76%; font-family:verdana,Lucida, Helvetica,arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

form {margin-bottom: 0;}
#content {overflow:auto; position:absolute; z-index:0; top:120px; bottom:30px; left:0px; right:0; background:url(../images/bkgContent.jpg) #f8d9ed; background-repeat: repeat; background-position:50% 10px; vertical-align: middle; scrollbar-base-color:#f8d9ed; scrollbar-face-color:#f400a1; scrollbar-highlight-color:#f8d9ed; scrollbar-shadow-color:#310020; scrollbar-3dlight-color:#f8d9ed; scrollbar-arrow-color:#f8d9ed; scrollbar-track-color:#f8d9ed; scrollbar-darkshadow-color:#f8d9ed;
}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; max-width:100%; overflow-y:auto; position:absolute; z-index:0; border-top:120px solid #f8d9ed; border-bottom:30px solid #f8d9ed; vertical-align: middle; }

#contentLeft { position:relative; z-index:20; top:auto; left: 0; bottom:auto; }

* html #contentLeft {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; position:relative; z-index:0; }

#contentRight { position:relative; z-index:20; top:120px; bottom:30px; left:50%;}

* html #contentRight {top:0; left:50%; right:0; bottom:0; height:100%; max-height:100%; width:100%; position:relative; z-index:20}

#head {position:absolute; margin:0; padding:0; top:0; left:0; display:block; width:100%; height:113px; background:url(../images/bkgHeader.gif) #f8d9ed; background-repeat: no-repeat; background-position:50% 0px; font-size:4em; z-index:6; overflow:hidden; }
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:30px; font-size:1em; z-index:5; overflow:hidden; background:#f400a1; color:#f8d9ed; text-align:center; vertical-align:middle; font-size:100%; font-weight: bold; }
* html #foot {position:absolute; margin:0; padding: 5px; bottom:0; left:0; display:block; width:100%; height:30px; font-size:1em; z-index:5; overflow:hidden; background:#f400a1; color:#f8d9ed; text-align:center; vertical-align:middle; font-size:100%; font-weight: bold; }
#headTop {position:absolute; margin:0; padding:0; top:0; left:0; display:block; width:100%; height:7px; background:url(../images/lineDivider.gif); background-repeat: repeat-x; background-position:50% 0; z-index:7; overflow:hidden; }
#headBreak {position:absolute; margin:0; top:113px; left:0; display:block; width:100%; height:7px; background:url(../images/lineDivider.gif); background-repeat: repeat-x; background-position:50% 0px; z-index:12; overflow:hidden; }
#headFill {display:block; width:100%; height:7px; background:url(../images/lineDivider.gif); background-repeat: repeat-x; background-position:50% 0; z-index:7; overflow:hidden; }
#headLogoLeft {position:absolute; top:0; left:10px; right:0; padding-top:7px; width: 100%; height: 100px; z-index: 9;}
#headLogoRight {position:absolute; top:0; left:0; right:0; padding-top:7px; width: 99%; height: 100px; z-index: 9;}
* html #headLogoRight {position:absolute; top:0; left:0; right:10px; padding-top:7px; padding-right: 10px; width: 100%; height: 100px; z-index: 9;}
#centeredText {color:#310020; text-align:center;}
option.selectLt{background-color:#f400a1; color:#f8d9ed;}
option.selectDk{background-color:#f8d9ed; color:#f400a1;}

#imargin {position: absolute; left: 0; top: 0; overflow: auto; width: 150px; height: auto; }
#imain {position: absolute; left: 150px; top: 0; overflow: auto; width: 100%; height: auto; }

#content {padding:20px;}
#mainText {padding: 5px; line-height: 2em; font-weight:bold; font-size: 110%; }
#smallText { padding-left: 5px; line-height: 1.3em; font-size: 80%; }
.bold {font-size:1.2em; font-weight:bold;}

a:link, a:visited {color:#f400a1; font-weight:bold; }
a:hover {text-decoration:underline;color:#310020;}

#thumbCol {position:absolute; margin:0;padding:0;width:150px; height:100%;overflow-y:auto;text-align:center;background:#f400a1;	scrollbar-base-color:#f8d9ed; scrollbar-face-color:#f400a1; scrollbar-highlight-color:#f8d9ed; scrollbar-shadow-color:#310020; scrollbar-3dlight-color:#f8d9ed; scrollbar-arrow-color:#f8d9ed; scrollbar-track-color:#f8d9ed; scrollbar-darkshadow-color:#f8d9ed}
a.thumbCol:link,a.thumbCol:visited {color:#f8d9ed; font-weight:bold; }
a.thumbCol:hover {text-decoration:underline;color:#310020;}

a.foot:link, a.foot:visited {color:#f8d9ed; font-weight:bold; }
a.foot:hover {text-decoration:underline;color:#310020;}

#mainNav {position:absolute; top: 85px; display:block; z-index:15; text-align: center; width: 100%; height: 21px; vertical-align: top;}

* html #mainNav {top:85px; left:0; right:0; bottom:0; height: 21px; max-height: 21px; width: 100%; position: absolute; z-index: 15; border-top: 85px; }

#dancers {position:absolute; top: 100px; left: 0; display:block; z-index:15; text-align: center; width: 100%; height: 205px; vertical-align: top; }

* html #dancers {top:0px; left:0; right:0; bottom:0; height: 205px; max-height: 205px; width: 100%; position: relative; z-index: 15; border-top: 85px; }

#dancersOverSudiAmun {display:none; position:absolute; left:50%; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverNina {display:none; position:absolute; left:50%; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverDixie {display:none; position:absolute; left:50%; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverYasmine {display:none; position:absolute; left:50%; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverSam {display:none; position:absolute; left:0; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverNelleke {display:none; position:absolute; left:0; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
#dancersOverCheryl {display:none; position:absolute; left:0; top:0; z-index: 20; overflow: auto; width: 50%; height: 100%; border: solid 3px #4F0034; background-color: #f8d9ed; padding-right: 18px;}
a.dancersClose:link, a.dancersClose:visited, a.dancersClose:hover { text-decoration: none; color: #310020; font-weight: normal; }

/* Page Headers */
#pageHeader { color: #f400a1; font-size: 30px; padding-top:10px; margin-bottom: 10px; font-weight: bold; text-align: center;}
#pageHeadImg { margin-bottom: 10px; text-align: center;}
#pageHeader2 { color: #f400a1; font-size: 30px; padding-top:5px; margin-bottom: 10px; font-weight: bold; text-align: center;}

/* Page Sub Headers */
#pageSubHeader { color: #f400a1; font-size: 25px; margin-bottom: 10px; margin-top: 20px; font-weight: bold; }

/* Page Sub 2 Headers */
#pageSub2Header { color: #f400a1; font-size: 16px; margin-bottom: 20px; margin-top: 20px; margin-left:-5px; font-weight: bold; text-decoration: underline; text-align: center; }

/* Page Sub 3 Headers */
#pageSub3Header { color: #f400a1; font-size: 20px; margin-bottom: 5px; margin-top: 10px; margin-left:15px; font-weight: bold; text-decoration: underline;}
